Enquêtes

Préparer pour envoi

En cours de création

Analyser

Toutes les enquêtes
Vos enquêtes

Nom de l'enquête	Responsable	Destinataires	Période de réponse
Voir le détail Nouveaux bureaux	Admin Lucca	126	14/01/2025 - 17/01/2025
Voir le détail Charge de travail	Hernandez Daniel	29	09/01/2025 - 10/01/2025
Voir le détail Management	Admin Lucca	124	02/01/2025 - 05/01/2025
Voir le détail Engagement 6	Hernandez Daniel	28	11/10/2024 - 11/10/2024

.lucca-banner-wrapper[_ngcontent-ng-c1016618595] { z-index: 9000; --pr-t-elevation-surface-sunken: var(--palettes-neutral-50); --pr-t-elevation-surface-default: var(--palettes-neutral-25); --pr-t-elevation-surface-raised: var(--palettes-neutral-0); --pr-t-elevation-surface-backdrop: color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent); --pr-t-elevation-shadow-raised: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent), 0 2px 4px color-mix(in srgb, var(--palettes-neutral-400) 20%, transparent); --pr-t-elevation-shadow-overflow: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 0 4px color-mix(in srgb, var(--palettes-neutral-400) 32%, transparent), 0 0 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent); --pr-t-elevation-shadow-overlay: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 4px 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent), 0 4px 12px 2px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent); --pr-t-spacings-0: 0; --pr-t-spacings-25: .125rem; --pr-t-spacings-50: .25rem; --pr-t-spacings-75: .375rem; --pr-t-spacings-100: .5rem; --pr-t-spacings-150: .75rem; --pr-t-spacings-200: 1rem; --pr-t-spacings-300: 1.5rem; --pr-t-spacings-400: 2rem; --pr-t-spacings-500: 2.5rem; --pr-t-spacings-600: 3rem; --pr-t-spacings-700: 3.5rem; --pr-t-spacings-800: 4rem; --pr-t-spacings-auto: auto; --pr-t-color-input-text: var(--palettes-neutral-800); --pr-t-color-input-text-placeholder: var(--palettes-neutral-400); --pr-t-color-input-text-placeholder-critical: var(--palettes-critical-400); --pr-t-color-input-text-suffix: var(--palettes-neutral-600); --pr-t-color-input-text-disabled: var(--palettes-neutral-700); --pr-t-color-input-icon: var(--palettes-neutral-600); --pr-t-color-input-icon-disabled: var(--palettes-neutral-500); --pr-t-color-input-background: var(--palettes-neutral-0); --pr-t-color-input-background-critical: var(--palettes-critical-50); --pr-t-color-input-background-disabled: var(--palettes-neutral-100); --pr-t-color-input-border: var(--palettes-neutral-300); --pr-t-color-input-border-hover: var(--palettes-neutral-400); --pr-t-color-input-border-critical: var(--palettes-critical-400); --pr-t-color-input-border-critical-hover: var(--palettes-critical-600); --pr-t-radius-input: var(--commons-borderRadius-M); --commons-borderRadius-M: 4px; --commons-borderRadius-L: 8px; --commons-borderRadius-XL: 12px; --commons-borderRadius-full: 9999px; --commons-animations-translate: 3rem; --commons-animations-function: ease; --commons-animations-iteration-count: 5; --commons-animations-durations-fast: .15s; --commons-animations-durations-standard: .25s; --commons-animations-durations-slow: .35s; --commons-disabled-opacity: .4; --commons-disabled-background: var(--palettes-neutral-100); --commons-disabled-color: var(--palettes-neutral-600); --commons-disabled-placeholder: var(--palettes-neutral-400); --commons-loading-frontground: var(--palettes-500, var(--palettes-product-500)); --commons-loading-speed: .6s; --commons-loading-borderWidth: 3px; --commons-text-link-color: var(--palettes-product-700); --commons-text-link-hover: var(--palettes-product-800); --commons-text-link-disabled: var(--palettes-neutral-500); --breakpoints-XXXS-breakAt: 320px; --breakpoints-XXS-breakAt: 480px; --breakpoints-XS-breakAt: 640px; --breakpoints-S-breakAt: 800px; --breakpoints-M-breakAt: 1024px; --breakpoints-L-breakAt: 1280px; --breakpoints-XL-breakAt: 1366px; --breakpoints-XXL-breakAt: 1600px; --breakpoints-XXXL-breakAt: 1920px; --palettes-critical-text: #ffffff; --palettes-critical-0: #ffffff; --palettes-critical-50: #ffebec; --palettes-critical-100: #ffd6d8; --palettes-critical-200: #fdbebe; --palettes-critical-300: #faa3a3; --palettes-critical-400: #fa8989; --palettes-critical-500: #f76e6e; --palettes-critical-600: #f15050; --palettes-critical-700: #da2f2f; --palettes-critical-800: #aa0e0e; --palettes-critical-900: #630303; --palettes-error-text: #ffffff; --palettes-error-0: #ffffff; --palettes-error-50: #ffebec; --palettes-error-100: #ffd6d8; --palettes-error-200: #fdbebe; --palettes-error-300: #faa3a3; --palettes-error-400: #fa8989; --palettes-error-500: #f76e6e; --palettes-error-600: #f15050; --palettes-error-700: #da2f2f; --palettes-error-800: #aa0e0e; --palettes-error-900: #630303; --palettes-warning-text: #ffffff; --palettes-warning-0: #ffffff; --palettes-warning-50: #fff2db; --palettes-warning-100: #ffe9c2; --palettes-warning-200: #ffdb9e; --palettes-warning-300: #ffd080; --palettes-warning-400: #ffc35c; --palettes-warning-500: #ffb13d; --palettes-warning-600: #ff9d00; --palettes-warning-700: #f08800; --palettes-warning-800: #c25100; --palettes-warning-900: #802a00; --palettes-success-text: #ffffff; --palettes-success-0: #ffffff; --palettes-success-50: #dbfae0; --palettes-success-100: #bef3c7; --palettes-success-200: #a2ebaf; --palettes-success-300: #84e695; --palettes-success-400: #68d97b; --palettes-success-500: #57c769; --palettes-success-600: #39b155; --palettes-success-700: #279b42; --palettes-success-800: #0a762e; --palettes-success-900: #004d20; --palettes-brand-text: #ffffff; --palettes-brand-0: #ffffff; --palettes-brand-50: #fff1eb; --palettes-brand-100: #ffe0d1; --palettes-brand-200: #ffccb3; --palettes-brand-300: #ffbe9e; --palettes-brand-400: #ffaa80; --palettes-brand-500: #ff9361; --palettes-brand-600: #ff7b3d; --palettes-brand-700: #e06029; --palettes-brand-800: #ae2e03; --palettes-brand-900: #611405; --palettes-neutral-text: #ffffff; --palettes-neutral-0: #ffffff; --palettes-neutral-25: #f3f6fc; --palettes-neutral-50: #e7edf9; --palettes-neutral-100: #dbe3f5; --palettes-neutral-200: #ced9ee; --palettes-neutral-300: #becbe4; --palettes-neutral-400: #acbbd7; --palettes-neutral-500: #96a6c5; --palettes-neutral-600: #667799; --palettes-neutral-700: #445473; --palettes-neutral-800: #2a3551; --palettes-neutral-900: #0b1732; --palettes-navigation-text: #ffffff; --palettes-navigation-0: #ffffff; --palettes-navigation-700: #313972; --palettes-navigation-800: #192157; --palettes-navigation-900: #12183f; --palettes-product-text: #ffffff; --palettes-product-0: #ffffff; --palettes-product-50: #fff1eb; --palettes-product-100: #ffe0d1; --palettes-product-200: #ffccb3; --palettes-product-300: #ffbe9e; --palettes-product-400: #ffaa80; --palettes-product-500: #ff9361; --palettes-product-600: #ff7b3d; --palettes-product-700: #e06029; --palettes-product-800: #ae2e03; --palettes-product-900: #611405; --palettes-kiwi-50: #ecf7de; --palettes-kiwi-100: #d7eeb9; --palettes-kiwi-200: #c7e79c; --palettes-kiwi-300: #aed57c; --palettes-kiwi-400: #96c856; --palettes-kiwi-500: #7cbb2a; --palettes-kiwi-600: #68a716; --palettes-kiwi-700: #4f840b; --palettes-kiwi-800: #3e6808; --palettes-kiwi-900: #2d4b06; --palettes-lime-50: #e2f7df; --palettes-lime-100: #c5eebe; --palettes-lime-200: #a7e69e; --palettes-lime-300: #88d57c; --palettes-lime-400: #74cb67; --palettes-lime-500: #54ba45; --palettes-lime-600: #45a437; --palettes-lime-700: #1c7c0e; --palettes-lime-800: #16600b; --palettes-lime-900: #104508; --palettes-cucumber-50: #ddf9eb; --palettes-cucumber-100: #c0f2d9; --palettes-cucumber-200: #98ecc2; --palettes-cucumber-300: #71daa6; --palettes-cucumber-400: #54c98f; --palettes-cucumber-500: #2db973; --palettes-cucumber-600: #12a55c; --palettes-cucumber-700: #008a45; --palettes-cucumber-800: #006b36; --palettes-cucumber-900: #005229; --palettes-mint-50: #d9f7f1; --palettes-mint-100: #bbf2e7; --palettes-mint-200: #99ebda; --palettes-mint-300: #68d9c3; --palettes-mint-400: #31c4a6; --palettes-mint-500: #0fb392; --palettes-mint-600: #089b7e; --palettes-mint-700: #008a6e; --palettes-mint-800: #006b56; --palettes-mint-900: #004d3d; --palettes-glacier-50: #e0f6f6; --palettes-glacier-100: #c4eded; --palettes-glacier-200: #a1e3e3; --palettes-glacier-300: #73d3d3; --palettes-glacier-400: #4dc7c7; --palettes-glacier-500: #20b6b6; --palettes-glacier-600: #08a0a0; --palettes-glacier-700: #008a8a; --palettes-glacier-800: #006b6b; --palettes-glacier-900: #005252; --palettes-lagoon-50: #dff3fb; --palettes-lagoon-100: #bfe7f8; --palettes-lagoon-200: #9fdaf4; --palettes-lagoon-300: #75c7ea; --palettes-lagoon-400: #49b5e4; --palettes-lagoon-500: #28a3d7; --palettes-lagoon-600: #148ec2; --palettes-lagoon-700: #086c96; --palettes-lagoon-800: #065374; --palettes-lagoon-900: #05425c; --palettes-blueberry-50: #dfe8fb; --palettes-blueberry-100: #c8d8f9; --palettes-blueberry-200: #b1c8f6; --palettes-blueberry-300: #98b4eb; --palettes-blueberry-400: #769be5; --palettes-blueberry-500: #628cdf; --palettes-blueberry-600: #4777d7; --palettes-blueberry-700: #295cc2; --palettes-blueberry-800: #1b4498; --palettes-blueberry-900: #153575; --palettes-lavender-50: #eadffb; --palettes-lavender-100: #dfcdf9; --palettes-lavender-200: #d3bbf7; --palettes-lavender-300: #c3a8eb; --palettes-lavender-400: #b493e6; --palettes-lavender-500: #a17cda; --palettes-lavender-600: #9165d2; --palettes-lavender-700: #7647bd; --palettes-lavender-800: #5f369b; --palettes-lavender-900: #4a2a79; --palettes-grape-50: #f5e3fc; --palettes-grape-100: #eed0fb; --palettes-grape-200: #e9c2f9; --palettes-grape-300: #d4a6e8; --palettes-grape-400: #ba84d2; --palettes-grape-500: #ad71c6; --palettes-grape-600: #9a57b7; --palettes-grape-700: #8133a3; --palettes-grape-800: #620f85; --palettes-grape-900: #470b60; --palettes-watermelon-50: #f7dee4; --palettes-watermelon-100: #f1c1cd; --palettes-watermelon-200: #eaa4b5; --palettes-watermelon-300: #e48ba1; --palettes-watermelon-400: #db6683; --palettes-watermelon-500: #d4496c; --palettes-watermelon-600: #be2d51; --palettes-watermelon-700: #a7163a; --palettes-watermelon-800: #8d0729; --palettes-watermelon-900: #6f0620; --palettes-pumpkin-50: #fdecd8; --palettes-pumpkin-100: #fbddbc; --palettes-pumpkin-200: #f9cf9f; --palettes-pumpkin-300: #f4b771; --palettes-pumpkin-400: #ef9c3e; --palettes-pumpkin-500: #eb8e24; --palettes-pumpkin-600: #db7500; --palettes-pumpkin-700: #c26700; --palettes-pumpkin-800: #8f4c00; --palettes-pumpkin-900: #5c3100; --palettes-pineapple-50: #fdf8e3; --palettes-pineapple-100: #faf2c6; --palettes-pineapple-200: #f8eaa5; --palettes-pineapple-300: #f9e16c; --palettes-pineapple-400: #f8dc4f; --palettes-pineapple-500: #e7c623; --palettes-pineapple-600: #d6b300; --palettes-pineapple-700: #c29e00; --palettes-pineapple-800: #9e8100; --palettes-pineapple-900: #7a6400; --palettes-lucca-text: #ffffff; --palettes-lucca-0: #ffffff; --palettes-lucca-50: #fff1eb; --palettes-lucca-100: #ffe0d1; --palettes-lucca-200: #ffccb3; --palettes-lucca-300: #ffbe9e; --palettes-lucca-400: #ffaa80; --palettes-lucca-500: #ff9361; --palettes-lucca-600: #ff7b3d; --palettes-lucca-700: #e06029; --palettes-lucca-800: #ae2e03; --palettes-lucca-900: #611405; --palettes-grey-text: #ffffff; --palettes-grey-0: #ffffff; --palettes-grey-25: #f3f6fc; --palettes-grey-50: #e7edf9; --palettes-grey-100: #dbe3f5; --palettes-grey-200: #ced9ee; --palettes-grey-300: #becbe4; --palettes-grey-400: #acbbd7; --palettes-grey-500: #96a6c5; --palettes-grey-600: #667799; --palettes-grey-700: #445473; --palettes-grey-800: #2a3551; --palettes-grey-900: #0b1732; --palettes-primary-text: #ffffff; --palettes-primary-0: #ffffff; --palettes-primary-50: #fff1eb; --palettes-primary-100: #ffe0d1; --palettes-primary-200: #ffccb3; --palettes-primary-300: #ffbe9e; --palettes-primary-400: #ffaa80; --palettes-primary-500: #ff9361; --palettes-primary-600: #ff7b3d; --palettes-primary-700: #e06029; --palettes-primary-800: #ae2e03; --palettes-primary-900: #611405; --palettes-secondary-text: #ffffff; --palettes-secondary-0: #ffffff; --palettes-secondary-50: #fff1eb; --palettes-secondary-100: #ffe0d1; --palettes-secondary-200: #ffccb3; --palettes-secondary-300: #ffbe9e; --palettes-secondary-400: #ffaa80; --palettes-secondary-500: #ff9361; --palettes-secondary-600: #ff7b3d; --palettes-secondary-700: #e06029; --palettes-secondary-800: #ae2e03; --palettes-secondary-900: #611405; --sizes-XS-fontSize: .75rem; --sizes-XS-lineHeight: 1rem; --sizes-XS-verticalPadding: 0; --sizes-S-fontSize: .875rem; --sizes-S-lineHeight: 1.25rem; --sizes-S-verticalPadding: .125rem; --sizes-M-fontSize: 1rem; --sizes-M-lineHeight: 1.5rem; --sizes-M-verticalPadding: .125rem; --sizes-L-fontSize: 1.125rem; --sizes-L-lineHeight: 1.5rem; --sizes-L-verticalPadding: .25rem; --sizes-XL-fontSize: 1.375rem; --sizes-XL-lineHeight: 1.75rem; --sizes-XL-verticalPadding: .375rem; --sizes-XXL-fontSize: 1.75rem; --sizes-XXL-lineHeight: 2rem; --sizes-XXL-verticalPadding: .25rem; --sizes-XXXL-fontSize: 2.25rem; --sizes-XXXL-lineHeight: 2.5rem; --sizes-XXXL-verticalPadding: .5rem; --colors-white-color: #ffffff; --colors-black-color: #121212; --colors-white-rgb: 255, 255, 255; --colors-neutral-400-rgb: 172, 187, 215; --colors-neutral-900-rgb: 19, 29, 53; --colors-grey-400-rgb: 172, 187, 215; --colors-grey-900-rgb: 19, 29, 53; --commons-banner-height: 50px; --commons-divider-width: 1px; --commons-divider-style: solid; --commons-divider-border: var(--commons-divider-width) var(--commons-divider-style) var(--commons-divider-color); --commons-border-100: var(--palettes-neutral-100); --commons-border-200: var(--palettes-neutral-200); --commons-font-family: "SourceSans", Tahoma, sans-serif; --commons-background-base: var(--palettes-neutral-25); --commons-divider-color: var(--palettes-neutral-200); --commons-container-maxWidthXXXS: 20rem; --commons-container-maxWidthXXS: 30rem; --commons-container-maxWidthXS: 40rem; --commons-container-maxWidthS: 50rem; --commons-container-maxWidthM: 64rem; --commons-container-maxWidthL: 80rem; --commons-container-maxWidthXL: 85.375rem; --commons-container-maxWidthXXL: 100rem; --commons-container-maxWidthXXXL: 120rem; --commons-container-maxWidth: var(--commons-container-maxWidthXXL); --commons-container-padding: 3.5rem; --commons-navSide-width: 0rem; --commons-navSide-compact-width: 7.5rem; --commons-navSide-mobile-toggle-height: 3.5rem; height: var(--commons-banner-height); display: block; } [_nghost-ng-c1016618595] { z-index: 9000; }

[data-content-before]::before { content: attr(data-content-before); } [data-content-after]::after { content: attr(data-content-after); } [class*="u-animated"] { animation-duration: var(--commons-animations-duration, var(--commons-animations-durations-standard)); animation-timing-function: var(--commons-animations-function); } [class*="u-animated"].mod-animation-duration-fast { --commons-animations-duration: var(--commons-animations-durations-fast); } [class*="u-animated"].mod-animation-duration-slow { --commons-animations-duration: var(--commons-animations-durations-slow); } .u-animatedFadeIn, .u-animatedFadeOut { animation-name: fadeIn; } .u-animatedScaleIn, .u-animatedScaleOut { animation-name: scaleIn; } .u-animatedScaleInTop, .u-animatedScaleOutTop { animation-name: scaleInTop; } @keyframes scaleIn { 0% { transform: scale(0); } 100% { transform: scale(1); } } .u-animatedScaleInRight, .u-animatedScaleOutRight { animation-name: scaleInRight; } @keyframes scaleInRight { 0% { transform-origin: right center; transform: scaleX(0); } 100% { transform-origin: right center; transform: scale(1); } } .u-animatedScaleInBottom, .u-animatedScaleOutBottom { animation-name: scaleInBottom; } @keyframes scaleInBottom { 0% { transform-origin: center bottom; transform: scaleY(0); } 100% { transform-origin: center bottom; transform: scale(1); } } .u-animatedScaleInLeft, .u-animatedScaleOutLeft { animation-name: scaleInLeft; } @keyframes scaleInLeft { 0% { transform-origin: left center; transform: scaleX(0); } 100% { transform-origin: left center; transform: scale(1); } } .u-animatedSlideIn, .u-animatedSlideInTop, .u-animatedSlideOut, .u-animatedSlideOutTop { animation-name: slideIn; } @keyframes slideIn { 0% { opacity: 0; transform: translateY(calc(-1 * var(--commons-animations-translate))); } 100% { opacity: 1; transform: translate(0px); } } .u-animatedSlideInRight, .u-animatedSlideOutRight { animation-name: slideInRight; } @keyframes slideInRight { 0% { transform: translate(var(--commons-animations-translate)); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedSlideInBottom, .u-animatedSlideOutBottom { animation-name: slideInBottom; } @keyframes slideInBottom { 0% { transform: translateY(var(--commons-animations-translate)); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedSlideInLeft, .u-animatedSlideOutLeft { animation-name: slideInLeft; } @keyframes slideInLeft { 0% { transform: translate(calc(-1 * var(--commons-animations-translate))); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedShake { animation-name: shake; } @keyframes shake { 0%, 100% { transform: translateZ(0px); } 20%, 60% { transform: translate3d(-10px, 0px, 0px); } 40%, 80% { transform: translate3d(10px, 0px, 0px); } } .u-animatedPulse { animation-name: pulse; animation-direction: alternate; animation-iteration-count: var(--commons-animations-iteration-count); } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } .u-animatedFadeOut, .u-animatedSlideOut, .u-animatedSlideOutTop, .u-animatedSlideOutRight, .u-animatedSlideOutBottom, .u-animatedSlideOutLeft, .u-animatedScaleOut, .u-animatedScaleOutTop, .u-animatedScaleOutRight, .u-animatedScaleOutBottom, .u-animatedScaleOutLeft { animation-direction: reverse; } .u-mask { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; block-size: 1px !important; inline-size: 1px !important; white-space: nowrap !important; contain: paint !important; } .u-clearfix::before, .u-clearfix::after { content: " " !important; display: table !important; } .u-clearfix::after { clear: both !important; } .u-clearBoth, .u-clear { clear: both !important; } .u-clearInlineStart, .u-clearLeft { clear: inline-start !important; } .u-clearInlineEnd, .u-clearRight { clear: inline-end !important; } .u-listReset { margin: 0px !important; padding: 0px !important; list-style-type: none !important; } .u-descriptionListReset { margin: 0px !important; } .u-descriptionListReset > dd, .u-descriptionListReset > div > dd { margin: 0px !important; } .u-summaryReset { list-style: none !important; } .u-summaryReset::-webkit-details-marker { display: none !important; } .u-buttonReset { padding: 0px !important; border: 0px !important; inline-size: 100% !important; background-color: transparent !important; color: inherit !important; text-align: start !important; display: block !important; font: inherit !important; cursor: pointer !important; } .u-ellipsis { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .u-h1, .u-h2, .u-h3, .u-h4, .u-h5, .u-h6 { margin-block: 0px; color: var(--palettes-neutral-900); text-rendering: geometricprecision; text-wrap: pretty; font-weight: var(--components-title-weight, 600); font-size: var(--sizes-fontSize); line-height: var(--sizes-lineHeight); padding: 0px; } .u-h1 { --sizes-verticalPadding: var(--sizes-XXL-verticalPadding); --sizes-fontSize: var(--sizes-XXL-fontSize); --sizes-lineHeight: var(--sizes-XXL-lineHeight); --components-title-weight: 900; } .u-h1.mod-XXXL { --sizes-verticalPadding: var(--sizes-XXXL-verticalPadding); --sizes-fontSize: var(--sizes-XXXL-fontSize); --sizes-lineHeight: var(--sizes-XXXL-lineHeight); --components-title-weight: 900; } .u-h2 { --sizes-verticalPadding: var(--sizes-XL-verticalPadding); --sizes-fontSize: var(--sizes-XL-fontSize); --sizes-lineHeight: var(--sizes-XL-lineHeight); --components-title-weight: 700; } .u-h3 { --sizes-verticalPadding: var(--sizes-L-verticalPadding); --sizes-fontSize: var(--sizes-L-fontSize); --sizes-lineHeight: var(--sizes-L-lineHeight); --components-title-weight: 700; } .u-h4 { --sizes-verticalPadding: var(--sizes-M-verticalPadding); --sizes-fontSize: var(--sizes-M-fontSize); --sizes-lineHeight: var(--sizes-M-lineHeight); --components-title-weight: 600; } .u-h5 { --sizes-verticalPadding: var(--sizes-S-verticalPadding); --sizes-fontSize: var(--sizes-S-fontSize); --sizes-lineHeight: var(--sizes-S-lineHeight); --components-title-weight: 600; } .u-h6 { --sizes-verticalPadding: var(--sizes-XS-verticalPadding); --sizes-fontSize: var(--sizes-XS-fontSize); --sizes-lineHeight: var(--sizes-XS-lineHeight); --components-title-weight: 600; } .u-textLeft { text-align: start !important; } .u-textRight { text-align: end !important; } .u-textCenter { text-align: center !important; } .u-textLight { color: var(--palettes-neutral-600) !important; } .u-textPlaceholder { color: var(--palettes-neutral-400) !important; } .u-textDefault { color: var(--palettes-neutral-700) !important; } .u-fontWeightRegular { font-weight: 400 !important; } .u-fontWeightSemiBold { font-weight: 600 !important; } .u-noSpinButtons::-webkit-outer-spin-button, .u-noSpinButtons::-webkit-inner-spin-button { appearance: none !important; } .u-noSpinButtons[type="number"] { appearance: textfield !important; } .u-fontFamily { font-family: var(--commons-font-family) !important; } .u-fontFamilyCursive { font-family: var(--commons-font-family-cursive) !important; } .u-fontFamilyBrand { font-family: var(--commons-font-family-brand) !important; } .pr-u-focusVisible:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } .u-floatLeft { float: left !important; } .u-floatRight { float: right !important; } .u-floatInlineStart { float: inline-start !important; } .u-floatInlineEnd { float: inline-end !important; } .u-verticalAlignBaseline { vertical-align: baseline !important; } .u-verticalAlignSub { vertical-align: sub !important; } .u-verticalAlignSuper { vertical-align: super !important; } .u-verticalAlignTextTop { vertical-align: text-top !important; } .u-verticalAlignTextBottom { vertical-align: text-bottom !important; } .u-verticalAlignMiddle { vertical-align: middle !important; } .u-verticalAlignTop { vertical-align: top !important; } .u-verticalAlignBottom { vertical-align: bottom !important; } .u-whiteSpaceNormal { white-space: normal !important; } .u-whiteSpaceNowrap { white-space: nowrap !important; } .u-whiteSpacePreLine { white-space: pre-line !important; } .u-displayBlock { display: block !important; } .u-displayFlex { display: flex !important; } .u-displayGrid { display: grid !important; } .u-displayInline { display: inline !important; } .u-displayInlineFlex { display: inline-flex !important; } .u-displayInlineBlock { display: inline-block !important; } .u-displayInlineGrid { display: inline-grid !important; } .u-displayContents { display: contents !important; } .u-displayNone { display: none !important; } .u-flexDirectionColumn { flex-direction: column !important; } .u-flexDirectionColumnReverse { flex-direction: column-reverse !important; } .u-flexDirectionRow { flex-direction: row !important; } .u-flexDirectionRowReverse { flex-direction: row-reverse !important; } .u-flexWrapWrap { flex-wrap: wrap !important; } .u-flexWrapNowrap { flex-wrap: nowrap !important; } .u-flexWrapWrapReverse { flex-wrap: wrap-reverse !important; } .u-justifyContentFlexStart { justify-content: flex-start !important; } .u-justifyContentFlexEnd { justify-content: flex-end !important; } .u-justifyContentSpaceAround { justify-content: space-around !important; } .u-justifyContentSpaceBetween { justify-content: space-between !important; } .u-justifyContentSpaceEvenly { justify-content: space-evenly !important; } .u-justifyContentCenter { justify-content: center !important; } .u-alignItemsFlexStart { align-items: flex-start !important; } .u-alignItemsFlexEnd { align-items: flex-end !important; } .u-alignItemsBaseline { align-items: baseline !important; } .u-alignItemsStretch { align-items: stretch !important; } .u-alignItemsCenter { align-items: center !important; } .u-flexGrow0 { flex-grow: 0 !important; } .u-flexGrow1 { flex-grow: 1 !important; } .u-flexShrink0 { flex-shrink: 0 !important; } .u-flexShrink1 { flex-shrink: 1 !important; } .u-flexBasis0 { flex-basis: 0px !important; } .u-flexBasisAuto { flex-basis: auto !important; } .u-orderMinus1 { order: -1 !important; } .u-order1 { order: 1 !important; } .u-alignSelfFlexStart { align-self: flex-start !important; } .u-alignSelfFlexEnd { align-self: flex-end !important; } .u-alignSelfBaseline { align-self: baseline !important; } .u-alignSelfStretch { align-self: stretch !important; } .u-alignSelfCenter { align-self: center !important; } .u-positionAbsolute { position: absolute !important; } .u-positionRelative { position: relative !important; } .u-positionStatic { position: static !important; } .u-positionFixed { position: fixed !important; } .u-positionSticky { position: sticky !important; } .u-width100\% { width: 100% !important; } .u-widthFitContent { width: fit-content !important; } .u-height100\% { height: 100% !important; } .u-heightFitContent { height: fit-content !important; } .u-minWidth0 { min-width: 0px !important; } .u-minHeight0 { min-height: 0px !important; } .u-inlineSize100\% { inline-size: 100% !important; } .u-inlineSizeFitContent { inline-size: fit-content !important; } .u-blockSize100\% { block-size: 100% !important; } .u-blockSizeFitContent { block-size: fit-content !important; } .u-minInlineSize0 { min-inline-size: 0px !important; } .u-minBlockSize0 { min-block-size: 0px !important; } .u-visibilityVisible { visibility: visible !important; } .u-visibilityHidden { visibility: hidden !important; } .u-visibilityCollapse { visibility: collapse !important; } .u-fontWeight400 { font-weight: 400 !important; } .u-fontWeight600 { font-weight: 600 !important; } .u-fontWeight700 { font-weight: 700 !important; } .u-fontWeight900 { font-weight: 900 !important; } .u-fontWeightNormal { font-weight: 400 !important; } .u-fontWeightBold { font-weight: 700 !important; } .u-fontStyleNormal { font-style: normal !important; } .u-fontStyleItalic { font-style: italic !important; } .u-pointerEventsNone { pointer-events: none !important; } .u-pointerEventsAuto { pointer-events: auto !important; } .u-textAlignLeft { text-align: left !important; } .u-textAlignCenter { text-align: center !important; } .u-textAlignRight { text-align: right !important; } .u-textAlignStart { text-align: start !important; } .u-textAlignEnd { text-align: end !important; } .u-textDecorationUnderline { text-decoration: underline !important; } .u-textDecorationLineThrough { text-decoration: line-through !important; } .u-textDecorationNone { text-decoration: none !important; } .u-overflowHidden { overflow: hidden !important; } .u-overflowAuto { overflow: auto !important; } .u-overflowVisible { overflow: visible !important; } .u-overflowScroll { overflow: scroll !important; } @media (prefers-reduced-motion: no-preference) { .u-scrollBehaviorAuto { scroll-behavior: auto !important; } .u-scrollBehaviorSmooth { scroll-behavior: smooth !important; } } @media only print { .u-onlyPrintDisplayBlock { display: block !important; } .u-onlyPrintDisplayFlex { display: flex !important; } .u-onlyPrintDisplayGrid { display: grid !important; } .u-onlyPrintDisplayInline { display: inline !important; } .u-onlyPrintDisplayInlineFlex { display: inline-flex !important; } .u-onlyPrintDisplayInlineBlock { display: inline-block !important; } .u-onlyPrintDisplayInlineGrid { display: inline-grid !important; } .u-onlyPrintDisplayContents { display: contents !important; } .u-onlyPrintDisplayNone { display: none !important; } } .u-onlyPrintDisplayContents, .u-onlyPrintDisplayInlineGrid, .u-onlyPrintDisplayInlineBlock, .u-onlyPrintDisplayInlineFlex, .u-onlyPrintDisplayInline, .u-onlyPrintDisplayGrid, .u-onlyPrintDisplayFlex, .u-onlyPrintDisplayBlock { display: none; } .u-inset0, .u-insetReset { inset: 0px !important; } .u-top0, .u-topReset { top: 0px !important; } .u-bottom0, .u-bottomReset { bottom: 0px !important; } .u-left0, .u-leftReset { left: 0px !important; } .u-right0, .u-rightReset { right: 0px !important; } .u-marginInline0 { margin-inline: 0px !important; } .u-paddingInline0 { padding-inline: 0px !important; } .u-marginBlock0 { margin-block: 0px !important; } .u-paddingBlock0 { padding-block: 0px !important; } .u-block-start0, .u-block-startReset { } .u-block-end0, .u-block-endReset { } .u-inline-start0, .u-inline-startReset { } .u-inline-end0, .u-inline-endReset { } .pr-u-margin0 { margin: var(--pr-t-spacings-0) !important; } .pr-u-margin25 { margin: var(--pr-t-spacings-25) !important; } .pr-u-margin50 { margin: var(--pr-t-spacings-50) !important; } .pr-u-margin75 { margin: var(--pr-t-spacings-75) !important; } .pr-u-margin100 { margin: var(--pr-t-spacings-100) !important; } .pr-u-margin150 { margin: var(--pr-t-spacings-150) !important; } .pr-u-margin200 { margin: var(--pr-t-spacings-200) !important; } .pr-u-margin300 { margin: var(--pr-t-spacings-300) !important; } .pr-u-margin400 { margin: var(--pr-t-spacings-400) !important; } .pr-u-margin500 { margin: var(--pr-t-spacings-500) !important; } .pr-u-margin600 { margin: var(--pr-t-spacings-600) !important; } .pr-u-margin700 { margin: var(--pr-t-spacings-700) !important; } .pr-u-margin800 { margin: var(--pr-t-spacings-800) !important; } .pr-u-marginAuto { margin: var(--pr-t-spacings-auto) !important; } .pr-u-marginTop0 { margin-top: var(--pr-t-spacings-0) !important; } .pr-u-marginTop25 { margin-top: var(--pr-t-spacings-25) !important; } .pr-u-marginTop50 { margin-top: var(--pr-t-spacings-50) !important; } .pr-u-marginTop75 { margin-top: var(--pr-t-spacings-75) !important; } .pr-u-marginTop100 { margin-top: var(--pr-t-spacings-100) !important; } .pr-u-marginTop150 { margin-top: var(--pr-t-spacings-150) !important; } .pr-u-marginTop200 { margin-top: var(--pr-t-spacings-200) !important; } .pr-u-marginTop300 { margin-top: var(--pr-t-spacings-300) !important; } .pr-u-marginTop400 { margin-top: var(--pr-t-spacings-400) !important; } .pr-u-marginTop500 { margin-top: var(--pr-t-spacings-500) !important; } .pr-u-marginTop600 { margin-top: var(--pr-t-spacings-600) !important; } .pr-u-marginTop700 { margin-top: var(--pr-t-spacings-700) !important; } .pr-u-marginTop800 { margin-top: var(--pr-t-spacings-800) !important; } .pr-u-marginTopAuto { margin-top: var(--pr-t-spacings-auto) !important; } .pr-u-marginBottom0 { margin-bottom: var(--pr-t-spacings-0) !important; } .pr-u-marginBottom25 { margin-bottom: var(--pr-t-spacings-25) !important; } .pr-u-marginBottom50 { margin-bottom: var(--pr-t-spacings-50) !important; } .pr-u-marginBottom75 { margin-bottom: var(--pr-t-spacings-75) !important; } .pr-u-marginBottom100 { margin-bottom: var(--pr-t-spacings-100) !important; } .pr-u-marginBottom150 { margin-bottom: var(--pr-t-spacings-150) !important; } .pr-u-marginBottom200 { margin-bottom: var(--pr-t-spacings-200) !important; } .pr-u-marginBottom300 { margin-bottom: var(--pr-t-spacings-300) !important; } .pr-u-marginBottom400 { margin-bottom: var(--pr-t-spacings-400) !important; } .pr-u-marginBottom500 { margin-bottom: var(--pr-t-spacings-500) !important; } .pr-u-marginBottom600 { margin-bottom: var(--pr-t-spacings-600) !important; } .pr-u-marginBottom700 { margin-bottom: var(--pr-t-spacings-700) !important; } .pr-u-marginBottom800 { margin-bottom: var(--pr-t-spacings-800) !important; } .pr-u-marginBottomAuto { margin-bottom: var(--pr-t-spacings-auto) !important; } .pr-u-marginLeft0 { margin-left: var(--pr-t-spacings-0) !important; } .pr-u-marginLeft25 { margin-left: var(--pr-t-spacings-25) !important; } .pr-u-marginLeft50 { margin-left: var(--pr-t-spacings-50) !important; } .pr-u-marginLeft75 { margin-left: var(--pr-t-spacings-75) !important; } .pr-u-marginLeft100 { margin-left: var(--pr-t-spacings-100) !important; } .pr-u-marginLeft150 { margin-left: var(--pr-t-spacings-150) !important; } .pr-u-marginLeft200 { margin-left: var(--pr-t-spacings-200) !important; } .pr-u-marginLeft300 { margin-left: var(--pr-t-spacings-300) !important; } .pr-u-marginLeft400 { margin-left: var(--pr-t-spacings-400) !important; } .pr-u-marginLeft500 { margin-left: var(--pr-t-spacings-500) !important; } .pr-u-marginLeft600 { margin-left: var(--pr-t-spacings-600) !important; } .pr-u-marginLeft700 { margin-left: var(--pr-t-spacings-700) !important; } .pr-u-marginLeft800 { margin-left: var(--pr-t-spacings-800) !important; } .pr-u-marginLeftAuto { margin-left: var(--pr-t-spacings-auto) !important; } .pr-u-marginRight0 { margin-right: var(--pr-t-spacings-0) !important; } .pr-u-marginRight25 { margin-right: var(--pr-t-spacings-25) !important; } .pr-u-marginRight50 { margin-right: var(--pr-t-spacings-50) !important; } .pr-u-marginRight75 { margin-right: var(--pr-t-spacings-75) !important; } .pr-u-marginRight100 { margin-right: var(--pr-t-spacings-100) !important; } .pr-u-marginRight150 { margin-right: var(--pr-t-spacings-150) !important; } .pr-u-marginRight200 { margin-right: var(--pr-t-spacings-200) !important; } .pr-u-marginRight300 { margin-right: var(--pr-t-spacings-300) !important; } .pr-u-marginRight400 { margin-right: var(--pr-t-spacings-400) !important; } .pr-u-marginRight500 { margin-right: var(--pr-t-spacings-500) !important; } .pr-u-marginRight600 { margin-right: var(--pr-t-spacings-600) !important; } .pr-u-marginRight700 { margin-right: var(--pr-t-spacings-700) !important; } .pr-u-marginRight800 { margin-right: var(--pr-t-spacings-800) !important; } .pr-u-marginRightAuto { margin-right: var(--pr-t-spacings-auto) !important; } .pr-u-marginInline0 { margin-inline: var(--pr-t-spacings-0) !important; } .pr-u-marginInline25 { margin-inline: var(--pr-t-spacings-25) !important; } .pr-u-marginInline50 { margin-inline: var(--pr-t-spacings-50) !important; } .pr-u-marginInline75 { margin-inline: var(--pr-t-spacings-75) !important; } .pr-u-marginInline100 { margin-inline: var(--pr-t-spacings-100) !important; } .pr-u-marginInline150 { margin-inline: var(--pr-t-spacings-150) !important; } .pr-u-marginInline200 { margin-inline: var(--pr-t-spacings-200) !important; } .pr-u-marginInline300 { margin-inline: var(--pr-t-spacings-300) !important; } .pr-u-marginInline400 { margin-inline: var(--pr-t-spacings-400) !important; } .pr-u-marginInline500 { margin-inline: var(--pr-t-spacings-500) !important; } .pr-u-marginInline600 { margin-inline: var(--pr-t-spacings-600) !important; } .pr-u-marginInline700 { margin-inline: var(--pr-t-spacings-700) !important; } .pr-u-marginInline800 { margin-inline: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineAuto { margin-inline: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlock0 { margin-block: var(--pr-t-spacings-0) !important; } .pr-u-marginBlock25 { margin-block: var(--pr-t-spacings-25) !important; } .pr-u-marginBlock50 { margin-block: var(--pr-t-spacings-50) !important; } .pr-u-marginBlock75 { margin-block: var(--pr-t-spacings-75) !important; } .pr-u-marginBlock100 { margin-block: var(--pr-t-spacings-100) !important; } .pr-u-marginBlock150 { margin-block: var(--pr-t-spacings-150) !important; } .pr-u-marginBlock200 { margin-block: var(--pr-t-spacings-200) !important; } .pr-u-marginBlock300 { margin-block: var(--pr-t-spacings-300) !important; } .pr-u-marginBlock400 { margin-block: var(--pr-t-spacings-400) !important; } .pr-u-marginBlock500 { margin-block: var(--pr-t-spacings-500) !important; } .pr-u-marginBlock600 { margin-block: var(--pr-t-spacings-600) !important; } .pr-u-marginBlock700 { margin-block: var(--pr-t-spacings-700) !important; } .pr-u-marginBlock800 { margin-block: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockAuto { margin-block: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlockStart0 { margin-block-start: var(--pr-t-spacings-0) !important; } .pr-u-marginBlockStart25 { margin-block-start: var(--pr-t-spacings-25) !important; } .pr-u-marginBlockStart50 { margin-block-start: var(--pr-t-spacings-50) !important; } .pr-u-marginBlockStart75 { margin-block-start: var(--pr-t-spacings-75) !important; } .pr-u-marginBlockStart100 { margin-block-start: var(--pr-t-spacings-100) !important; } .pr-u-marginBlockStart150 { margin-block-start: var(--pr-t-spacings-150) !important; } .pr-u-marginBlockStart200 { margin-block-start: var(--pr-t-spacings-200) !important; } .pr-u-marginBlockStart300 { margin-block-start: var(--pr-t-spacings-300) !important; } .pr-u-marginBlockStart400 { margin-block-start: var(--pr-t-spacings-400) !important; } .pr-u-marginBlockStart500 { margin-block-start: var(--pr-t-spacings-500) !important; } .pr-u-marginBlockStart600 { margin-block-start: var(--pr-t-spacings-600) !important; } .pr-u-marginBlockStart700 { margin-block-start: var(--pr-t-spacings-700) !important; } .pr-u-marginBlockStart800 { margin-block-start: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockStartAuto { margin-block-start: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlockEnd0 { margin-block-end: var(--pr-t-spacings-0) !important; } .pr-u-marginBlockEnd25 { margin-block-end: var(--pr-t-spacings-25) !important; } .pr-u-marginBlockEnd50 { margin-block-end: var(--pr-t-spacings-50) !important; } .pr-u-marginBlockEnd75 { margin-block-end: var(--pr-t-spacings-75) !important; } .pr-u-marginBlockEnd100 { margin-block-end: var(--pr-t-spacings-100) !important; } .pr-u-marginBlockEnd150 { margin-block-end: var(--pr-t-spacings-150) !important; } .pr-u-marginBlockEnd200 { margin-block-end: var(--pr-t-spacings-200) !important; } .pr-u-marginBlockEnd300 { margin-block-end: var(--pr-t-spacings-300) !important; } .pr-u-marginBlockEnd400 { margin-block-end: var(--pr-t-spacings-400) !important; } .pr-u-marginBlockEnd500 { margin-block-end: var(--pr-t-spacings-500) !important; } .pr-u-marginBlockEnd600 { margin-block-end: var(--pr-t-spacings-600) !important; } .pr-u-marginBlockEnd700 { margin-block-end: var(--pr-t-spacings-700) !important; } .pr-u-marginBlockEnd800 { margin-block-end: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockEndAuto { margin-block-end: var(--pr-t-spacings-auto) !important; } .pr-u-marginInlineStart0 { margin-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-marginInlineStart25 { margin-inline-start: var(--pr-t-spacings-25) !important; } .pr-u-marginInlineStart50 { margin-inline-start: var(--pr-t-spacings-50) !important; } .pr-u-marginInlineStart75 { margin-inline-start: var(--pr-t-spacings-75) !important; } .pr-u-marginInlineStart100 { margin-inline-start: var(--pr-t-spacings-100) !important; } .pr-u-marginInlineStart150 { margin-inline-start: var(--pr-t-spacings-150) !important; } .pr-u-marginInlineStart200 { margin-inline-start: var(--pr-t-spacings-200) !important; } .pr-u-marginInlineStart300 { margin-inline-start: var(--pr-t-spacings-300) !important; } .pr-u-marginInlineStart400 { margin-inline-start: var(--pr-t-spacings-400) !important; } .pr-u-marginInlineStart500 { margin-inline-start: var(--pr-t-spacings-500) !important; } .pr-u-marginInlineStart600 { margin-inline-start: var(--pr-t-spacings-600) !important; } .pr-u-marginInlineStart700 { margin-inline-start: var(--pr-t-spacings-700) !important; } .pr-u-marginInlineStart800 { margin-inline-start: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineStartAuto { margin-inline-start: var(--pr-t-spacings-auto) !important; } .pr-u-marginInlineEnd0 { margin-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-marginInlineEnd25 { margin-inline-end: var(--pr-t-spacings-25) !important; } .pr-u-marginInlineEnd50 { margin-inline-end: var(--pr-t-spacings-50) !important; } .pr-u-marginInlineEnd75 { margin-inline-end: var(--pr-t-spacings-75) !important; } .pr-u-marginInlineEnd100 { margin-inline-end: var(--pr-t-spacings-100) !important; } .pr-u-marginInlineEnd150 { margin-inline-end: var(--pr-t-spacings-150) !important; } .pr-u-marginInlineEnd200 { margin-inline-end: var(--pr-t-spacings-200) !important; } .pr-u-marginInlineEnd300 { margin-inline-end: var(--pr-t-spacings-300) !important; } .pr-u-marginInlineEnd400 { margin-inline-end: var(--pr-t-spacings-400) !important; } .pr-u-marginInlineEnd500 { margin-inline-end: var(--pr-t-spacings-500) !important; } .pr-u-marginInlineEnd600 { margin-inline-end: var(--pr-t-spacings-600) !important; } .pr-u-marginInlineEnd700 { margin-inline-end: var(--pr-t-spacings-700) !important; } .pr-u-marginInlineEnd800 { margin-inline-end: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineEndAuto { margin-inline-end: var(--pr-t-spacings-auto) !important; } .pr-u-padding0 { padding: var(--pr-t-spacings-0) !important; } .pr-u-padding25 { padding: var(--pr-t-spacings-25) !important; } .pr-u-padding50 { padding: var(--pr-t-spacings-50) !important; } .pr-u-padding75 { padding: var(--pr-t-spacings-75) !important; } .pr-u-padding100 { padding: var(--pr-t-spacings-100) !important; } .pr-u-padding150 { padding: var(--pr-t-spacings-150) !important; } .pr-u-padding200 { padding: var(--pr-t-spacings-200) !important; } .pr-u-padding300 { padding: var(--pr-t-spacings-300) !important; } .pr-u-padding400 { padding: var(--pr-t-spacings-400) !important; } .pr-u-padding500 { padding: var(--pr-t-spacings-500) !important; } .pr-u-padding600 { padding: var(--pr-t-spacings-600) !important; } .pr-u-padding700 { padding: var(--pr-t-spacings-700) !important; } .pr-u-padding800 { padding: var(--pr-t-spacings-800) !important; } .pr-u-paddingTop0 { padding-top: var(--pr-t-spacings-0) !important; } .pr-u-paddingTop25 { padding-top: var(--pr-t-spacings-25) !important; } .pr-u-paddingTop50 { padding-top: var(--pr-t-spacings-50) !important; } .pr-u-paddingTop75 { padding-top: var(--pr-t-spacings-75) !important; } .pr-u-paddingTop100 { padding-top: var(--pr-t-spacings-100) !important; } .pr-u-paddingTop150 { padding-top: var(--pr-t-spacings-150) !important; } .pr-u-paddingTop200 { padding-top: var(--pr-t-spacings-200) !important; } .pr-u-paddingTop300 { padding-top: var(--pr-t-spacings-300) !important; } .pr-u-paddingTop400 { padding-top: var(--pr-t-spacings-400) !important; } .pr-u-paddingTop500 { padding-top: var(--pr-t-spacings-500) !important; } .pr-u-paddingTop600 { padding-top: var(--pr-t-spacings-600) !important; } .pr-u-paddingTop700 { padding-top: var(--pr-t-spacings-700) !important; } .pr-u-paddingTop800 { padding-top: var(--pr-t-spacings-800) !important; } .pr-u-paddingBottom0 { padding-bottom: var(--pr-t-spacings-0) !important; } .pr-u-paddingBottom25 { padding-bottom: var(--pr-t-spacings-25) !important; } .pr-u-paddingBottom50 { padding-bottom: var(--pr-t-spacings-50) !important; } .pr-u-paddingBottom75 { padding-bottom: var(--pr-t-spacings-75) !important; } .pr-u-paddingBottom100 { padding-bottom: var(--pr-t-spacings-100) !important; } .pr-u-paddingBottom150 { padding-bottom: var(--pr-t-spacings-150) !important; } .pr-u-paddingBottom200 { padding-bottom: var(--pr-t-spacings-200) !important; } .pr-u-paddingBottom300 { padding-bottom: var(--pr-t-spacings-300) !important; } .pr-u-paddingBottom400 { padding-bottom: var(--pr-t-spacings-400) !important; } .pr-u-paddingBottom500 { padding-bottom: var(--pr-t-spacings-500) !important; } .pr-u-paddingBottom600 { padding-bottom: var(--pr-t-spacings-600) !important; } .pr-u-paddingBottom700 { padding-bottom: var(--pr-t-spacings-700) !important; } .pr-u-paddingBottom800 { padding-bottom: var(--pr-t-spacings-800) !important; } .pr-u-paddingLeft0 { padding-left: var(--pr-t-spacings-0) !important; } .pr-u-paddingLeft25 { padding-left: var(--pr-t-spacings-25) !important; } .pr-u-paddingLeft50 { padding-left: var(--pr-t-spacings-50) !important; } .pr-u-paddingLeft75 { padding-left: var(--pr-t-spacings-75) !important; } .pr-u-paddingLeft100 { padding-left: var(--pr-t-spacings-100) !important; } .pr-u-paddingLeft150 { padding-left: var(--pr-t-spacings-150) !important; } .pr-u-paddingLeft200 { padding-left: var(--pr-t-spacings-200) !important; } .pr-u-paddingLeft300 { padding-left: var(--pr-t-spacings-300) !important; } .pr-u-paddingLeft400 { padding-left: var(--pr-t-spacings-400) !important; } .pr-u-paddingLeft500 { padding-left: var(--pr-t-spacings-500) !important; } .pr-u-paddingLeft600 { padding-left: var(--pr-t-spacings-600) !important; } .pr-u-paddingLeft700 { padding-left: var(--pr-t-spacings-700) !important; } .pr-u-paddingLeft800 { padding-left: var(--pr-t-spacings-800) !important; } .pr-u-paddingRight0 { padding-right: var(--pr-t-spacings-0) !important; } .pr-u-paddingRight25 { padding-right: var(--pr-t-spacings-25) !important; } .pr-u-paddingRight50 { padding-right: var(--pr-t-spacings-50) !important; } .pr-u-paddingRight75 { padding-right: var(--pr-t-spacings-75) !important; } .pr-u-paddingRight100 { padding-right: var(--pr-t-spacings-100) !important; } .pr-u-paddingRight150 { padding-right: var(--pr-t-spacings-150) !important; } .pr-u-paddingRight200 { padding-right: var(--pr-t-spacings-200) !important; } .pr-u-paddingRight300 { padding-right: var(--pr-t-spacings-300) !important; } .pr-u-paddingRight400 { padding-right: var(--pr-t-spacings-400) !important; } .pr-u-paddingRight500 { padding-right: var(--pr-t-spacings-500) !important; } .pr-u-paddingRight600 { padding-right: var(--pr-t-spacings-600) !important; } .pr-u-paddingRight700 { padding-right: var(--pr-t-spacings-700) !important; } .pr-u-paddingRight800 { padding-right: var(--pr-t-spacings-800) !important; } .pr-u-paddingInline0 { padding-inline: var(--pr-t-spacings-0) !important; } .pr-u-paddingInline25 { padding-inline: var(--pr-t-spacings-25) !important; } .pr-u-paddingInline50 { padding-inline: var(--pr-t-spacings-50) !important; } .pr-u-paddingInline75 { padding-inline: var(--pr-t-spacings-75) !important; } .pr-u-paddingInline100 { padding-inline: var(--pr-t-spacings-100) !important; } .pr-u-paddingInline150 { padding-inline: var(--pr-t-spacings-150) !important; } .pr-u-paddingInline200 { padding-inline: var(--pr-t-spacings-200) !important; } .pr-u-paddingInline300 { padding-inline: var(--pr-t-spacings-300) !important; } .pr-u-paddingInline400 { padding-inline: var(--pr-t-spacings-400) !important; } .pr-u-paddingInline500 { padding-inline: var(--pr-t-spacings-500) !important; } .pr-u-paddingInline600 { padding-inline: var(--pr-t-spacings-600) !important; } .pr-u-paddingInline700 { padding-inline: var(--pr-t-spacings-700) !important; } .pr-u-paddingInline800 { padding-inline: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlock0 { padding-block: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlock25 { padding-block: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlock50 { padding-block: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlock75 { padding-block: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlock100 { padding-block: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlock150 { padding-block: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlock200 { padding-block: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlock300 { padding-block: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlock400 { padding-block: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlock500 { padding-block: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlock600 { padding-block: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlock700 { padding-block: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlock800 { padding-block: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlockStart0 { padding-block-start: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlockStart25 { padding-block-start: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlockStart50 { padding-block-start: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlockStart75 { padding-block-start: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlockStart100 { padding-block-start: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlockStart150 { padding-block-start: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlockStart200 { padding-block-start: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlockStart300 { padding-block-start: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlockStart400 { padding-block-start: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlockStart500 { padding-block-start: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlockStart600 { padding-block-start: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlockStart700 { padding-block-start: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlockStart800 { padding-block-start: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlockEnd0 { padding-block-end: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlockEnd25 { padding-block-end: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlockEnd50 { padding-block-end: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlockEnd75 { padding-block-end: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlockEnd100 { padding-block-end: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlockEnd150 { padding-block-end: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlockEnd200 { padding-block-end: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlockEnd300 { padding-block-end: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlockEnd400 { padding-block-end: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlockEnd500 { padding-block-end: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlockEnd600 { padding-block-end: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlockEnd700 { padding-block-end: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlockEnd800 { padding-block-end: var(--pr-t-spacings-800) !important; } .pr-u-paddingInlineStart0 { padding-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-paddingInlineStart25 { padding-inline-start: var(--pr-t-spacings-25) !important; } .pr-u-paddingInlineStart50 { padding-inline-start: var(--pr-t-spacings-50) !important; } .pr-u-paddingInlineStart75 { padding-inline-start: var(--pr-t-spacings-75) !important; } .pr-u-paddingInlineStart100 { padding-inline-start: var(--pr-t-spacings-100) !important; } .pr-u-paddingInlineStart150 { padding-inline-start: var(--pr-t-spacings-150) !important; } .pr-u-paddingInlineStart200 { padding-inline-start: var(--pr-t-spacings-200) !important; } .pr-u-paddingInlineStart300 { padding-inline-start: var(--pr-t-spacings-300) !important; } .pr-u-paddingInlineStart400 { padding-inline-start: var(--pr-t-spacings-400) !important; } .pr-u-paddingInlineStart500 { padding-inline-start: var(--pr-t-spacings-500) !important; } .pr-u-paddingInlineStart600 { padding-inline-start: var(--pr-t-spacings-600) !important; } .pr-u-paddingInlineStart700 { padding-inline-start: var(--pr-t-spacings-700) !important; } .pr-u-paddingInlineStart800 { padding-inline-start: var(--pr-t-spacings-800) !important; } .pr-u-paddingInlineEnd0 { padding-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-paddingInlineEnd25 { padding-inline-end: var(--pr-t-spacings-25) !important; } .pr-u-paddingInlineEnd50 { padding-inline-end: var(--pr-t-spacings-50) !important; } .pr-u-paddingInlineEnd75 { padding-inline-end: var(--pr-t-spacings-75) !important; } .pr-u-paddingInlineEnd100 { padding-inline-end: var(--pr-t-spacings-100) !important; } .pr-u-paddingInlineEnd150 { padding-inline-end: var(--pr-t-spacings-150) !important; } .pr-u-paddingInlineEnd200 { padding-inline-end: var(--pr-t-spacings-200) !important; } .pr-u-paddingInlineEnd300 { padding-inline-end: var(--pr-t-spacings-300) !important; } .pr-u-paddingInlineEnd400 { padding-inline-end: var(--pr-t-spacings-400) !important; } .pr-u-paddingInlineEnd500 { padding-inline-end: var(--pr-t-spacings-500) !important; } .pr-u-paddingInlineEnd600 { padding-inline-end: var(--pr-t-spacings-600) !important; } .pr-u-paddingInlineEnd700 { padding-inline-end: var(--pr-t-spacings-700) !important; } .pr-u-paddingInlineEnd800 { padding-inline-end: var(--pr-t-spacings-800) !important; } .pr-u-border0 { border: var(--pr-t-spacings-0) !important; } .pr-u-borderTop0 { border-top: var(--pr-t-spacings-0) !important; } .pr-u-borderBottom0 { border-bottom: var(--pr-t-spacings-0) !important; } .pr-u-borderLeft0 { border-left: var(--pr-t-spacings-0) !important; } .pr-u-borderRight0 { border-right: var(--pr-t-spacings-0) !important; } .pr-u-borderInline0 { border-inline: var(--pr-t-spacings-0) !important; } .pr-u-borderBlock0 { border-block: var(--pr-t-spacings-0) !important; } .pr-u-borderBlockStart0 { border-block-start: var(--pr-t-spacings-0) !important; } .pr-u-borderBlockEnd0 { border-block-end: var(--pr-t-spacings-0) !important; } .pr-u-borderInlineStart0 { border-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-borderInlineEnd0 { border-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-columnGap0 { column-gap: var(--pr-t-spacings-0) !important; } .pr-u-columnGap25 { column-gap: var(--pr-t-spacings-25) !important; } .pr-u-columnGap50 { column-gap: var(--pr-t-spacings-50) !important; } .pr-u-columnGap75 { column-gap: var(--pr-t-spacings-75) !important; } .pr-u-columnGap100 { column-gap: var(--pr-t-spacings-100) !important; } .pr-u-columnGap150 { column-gap: var(--pr-t-spacings-150) !important; } .pr-u-columnGap200 { column-gap: var(--pr-t-spacings-200) !important; } .pr-u-columnGap300 { column-gap: var(--pr-t-spacings-300) !important; } .pr-u-columnGap400 { column-gap: var(--pr-t-spacings-400) !important; } .pr-u-columnGap500 { column-gap: var(--pr-t-spacings-500) !important; } .pr-u-columnGap600 { column-gap: var(--pr-t-spacings-600) !important; } .pr-u-columnGap700 { column-gap: var(--pr-t-spacings-700) !important; } .pr-u-columnGap800 { column-gap: var(--pr-t-spacings-800) !important; } .pr-u-rowGap0 { row-gap: var(--pr-t-spacings-0) !important; } .pr-u-rowGap25 { row-gap: var(--pr-t-spacings-25) !important; } .pr-u-rowGap50 { row-gap: var(--pr-t-spacings-50) !important; } .pr-u-rowGap75 { row-gap: var(--pr-t-spacings-75) !important; } .pr-u-rowGap100 { row-gap: var(--pr-t-spacings-100) !important; } .pr-u-rowGap150 { row-gap: var(--pr-t-spacings-150) !important; } .pr-u-rowGap200 { row-gap: var(--pr-t-spacings-200) !important; } .pr-u-rowGap300 { row-gap: var(--pr-t-spacings-300) !important; } .pr-u-rowGap400 { row-gap: var(--pr-t-spacings-400) !important; } .pr-u-rowGap500 { row-gap: var(--pr-t-spacings-500) !important; } .pr-u-rowGap600 { row-gap: var(--pr-t-spacings-600) !important; } .pr-u-rowGap700 { row-gap: var(--pr-t-spacings-700) !important; } .pr-u-rowGap800 { row-gap: var(--pr-t-spacings-800) !important; } .pr-u-gap0 { gap: var(--pr-t-spacings-0) !important; } .pr-u-gap25 { gap: var(--pr-t-spacings-25) !important; } .pr-u-gap50 { gap: var(--pr-t-spacings-50) !important; } .pr-u-gap75 { gap: var(--pr-t-spacings-75) !important; } .pr-u-gap100 { gap: var(--pr-t-spacings-100) !important; } .pr-u-gap150 { gap: var(--pr-t-spacings-150) !important; } .pr-u-gap200 { gap: var(--pr-t-spacings-200) !important; } .pr-u-gap300 { gap: var(--pr-t-spacings-300) !important; } .pr-u-gap400 { gap: var(--pr-t-spacings-400) !important; } .pr-u-gap500 { gap: var(--pr-t-spacings-500) !important; } .pr-u-gap600 { gap: var(--pr-t-spacings-600) !important; } .pr-u-gap700 { gap: var(--pr-t-spacings-700) !important; } .pr-u-gap800 { gap: var(--pr-t-spacings-800) !important; } .u-textXS { font-size: var(--sizes-XS-fontSize) !important; line-height: var(--sizes-XS-lineHeight) !important; } .u-textS { font-size: var(--sizes-S-fontSize) !important; line-height: var(--sizes-S-lineHeight) !important; } .u-textM { font-size: var(--sizes-M-fontSize) !important; line-height: var(--sizes-M-lineHeight) !important; } .u-textL { font-size: var(--sizes-L-fontSize) !important; line-height: var(--sizes-L-lineHeight) !important; } .u-textXL { font-size: var(--sizes-XL-fontSize) !important; line-height: var(--sizes-XL-lineHeight) !important; } .u-textXXL { font-size: var(--sizes-XXL-fontSize) !important; line-height: var(--sizes-XXL-lineHeight) !important; } .u-textXXXL { font-size: var(--sizes-XXXL-fontSize) !important; line-height: var(--sizes-XXXL-lineHeight) !important; } .u-borderRadiusM { border-radius: var(--commons-borderRadius-M) !important; } .u-borderRadiusL { border-radius: var(--commons-borderRadius-L) !important; } .u-borderRadiusXL { border-radius: var(--commons-borderRadius-XL) !important; } .u-borderRadiusFull { border-radius: var(--commons-borderRadius-full) !important; } .u-borderTopLeftRadiusM { border-top-left-radius: var(--commons-borderRadius-M) !important; } .u-borderTopLeftRadiusL { border-top-left-radius: var(--commons-borderRadius-L) !important; } .u-borderTopLeftRadiusXL { border-top-left-radius: var(--commons-borderRadius-XL) !important; } .u-borderTopLeftRadiusFull { border-top-left-radius: var(--commons-borderRadius-full) !important; } .u-borderTopRightRadiusM { border-top-right-radius: var(--commons-borderRadius-M) !important; } .u-borderTopRightRadiusL { border-top-right-radius: var(--commons-borderRadius-L) !important; } .u-borderTopRightRadiusXL { border-top-right-radius: var(--commons-borderRadius-XL) !important; } .u-borderTopRightRadiusFull { border-top-right-radius: var(--commons-borderRadius-full) !important; } .u-borderBottomLeftRadiusM { border-bottom-left-radius: var(--commons-borderRadius-M) !important; } .u-borderBottomLeftRadiusL { border-bottom-left-radius: var(--commons-borderRadius-L) !important; } .u-borderBottomLeftRadiusXL { border-bottom-left-radius: var(--commons-borderRadius-XL) !important; } .u-borderBottomLeftRadiusFull { border-bottom-left-radius: var(--commons-borderRadius-full) !important; } .u-borderBottomRightRadiusM { border-bottom-right-radius: var(--commons-borderRadius-M) !important; } .u-borderBottomRightRadiusL { border-bottom-right-radius: var(--commons-borderRadius-L) !important; } .u-borderBottomRightRadiusXL { border-bottom-right-radius: var(--commons-borderRadius-XL) !important; } .u-borderBottomRightRadiusFull { border-bottom-right-radius: var(--commons-borderRadius-full) !important; } .u-borderStartStartRadiusM { border-start-start-radius: var(--commons-borderRadius-M) !important; } .u-borderStartStartRadiusL { border-start-start-radius: var(--commons-borderRadius-L) !important; } .u-borderStartStartRadiusXL { border-start-start-radius: var(--commons-borderRadius-XL) !important; } .u-borderStartStartRadiusFull { border-start-start-radius: var(--commons-borderRadius-full) !important; } .u-borderStartEndRadiusM { border-start-end-radius: var(--commons-borderRadius-M) !important; } .u-borderStartEndRadiusL { border-start-end-radius: var(--commons-borderRadius-L) !important; } .u-borderStartEndRadiusXL { border-start-end-radius: var(--commons-borderRadius-XL) !important; } .u-borderStartEndRadiusFull { border-start-end-radius: var(--commons-borderRadius-full) !important; } .u-borderEndStartRadiusM { border-end-start-radius: var(--commons-borderRadius-M) !important; } .u-borderEndStartRadiusL { border-end-start-radius: var(--commons-borderRadius-L) !important; } .u-borderEndStartRadiusXL { border-end-start-radius: var(--commons-borderRadius-XL) !important; } .u-borderEndStartRadiusFull { border-end-start-radius: var(--commons-borderRadius-full) !important; } .u-borderEndEndRadiusM { border-end-end-radius: var(--commons-borderRadius-M) !important; } .u-borderEndEndRadiusL { border-end-end-radius: var(--commons-borderRadius-L) !important; } .u-borderEndEndRadiusXL { border-end-end-radius: var(--commons-borderRadius-XL) !important; } .u-borderEndEndRadiusFull { border-end-end-radius: var(--commons-borderRadius-full) !important; } .u-textCritical { color: var(--palettes-critical-700) !important; } .u-textError { color: var(--palettes-error-700) !important; } .u-textWarning { color: var(--palettes-warning-700) !important; } .u-textSuccess { color: var(--palettes-success-700) !important; } .u-textBrand { color: var(--palettes-brand-700) !important; } .u-textNeutral { color: var(--palettes-neutral-700) !important; } .u-textNavigation { color: var(--palettes-navigation-700) !important; } .u-textProduct { color: var(--palettes-product-700) !important; } .u-textCleemy { color: var(--palettes-cleemy-700) !important; } .u-textCc { color: var(--palettes-cc-700) !important; } .u-textPagga { color: var(--palettes-pagga-700) !important; } .u-textPoplee { color: var(--palettes-poplee-700) !important; } .u-textTimmi { color: var(--palettes-timmi-700) !important; } .u-textCoreHR { color: var(--palettes-coreHR-700) !important; } .u-textKiwi { color: var(--palettes-kiwi-700) !important; } .u-textLime { color: var(--palettes-lime-700) !important; } .u-textCucumber { color: var(--palettes-cucumber-700) !important; } .u-textMint { color: var(--palettes-mint-700) !important; } .u-textGlacier { color: var(--palettes-glacier-700) !important; } .u-textLagoon { color: var(--palettes-lagoon-700) !important; } .u-textBlueberry { color: var(--palettes-blueberry-700) !important; } .u-textLavender { color: var(--palettes-lavender-700) !important; } .u-textGrape { color: var(--palettes-grape-700) !important; } .u-textWatermelon { color: var(--palettes-watermelon-700) !important; } .u-textPumpkin { color: var(--palettes-pumpkin-700) !important; } .u-textPineapple { color: var(--palettes-pineapple-700) !important; } .u-textLucca { color: var(--palettes-lucca-700) !important; } .u-textGrey { color: var(--palettes-grey-700) !important; } .u-textPrimary { color: var(--palettes-primary-700) !important; } .u-textSecondary { color: var(--palettes-secondary-700) !important; } html { line-height: 1.15; text-size-adjust: 100%; } body { margin: 0px; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } :root { --components-options-item-padding-vertical: var(--pr-t-spacings-50); --components-options-item-padding-horizontal: var(--pr-t-spacings-100); --components-options-item-multiple-padding: 2.25rem; --components-options-item-icon-color: var(--palettes-neutral-800); --components-options-checkbox-size: 1.25rem; --components-options-checkbox-color: var(--palettes-product-700); --components-options-checkbox-border-radius: 6px; --components-options-checkbox-border-color: var(--palettes-neutral-700); --components-options-establishment-multiple-padding: 2rem; } :root { --components-calendar-width: 17.5rem; --components-calendar-day-size: 2.5rem; } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) { background-color: var(--palettes-error-50); box-shadow: 0 0 0 1px var(--palettes-error-600); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .radiosfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .textfield-suffix, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .checkboxesfield-suffix, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .radiosfield-suffix { color: var(--palettes-error-700); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled)::placeholder { color: var(--palettes-error-400); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .radiosfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .radiosfield-label { color: var(--palettes-error-700); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus::placeholder { color: var(--palettes-error-400); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched { box-shadow: 0 2px 0 0 var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched:focus { box-shadow: 0 2px 0 0 var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched:focus ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled), .textfield.mod-framed .textfield-input.is-invalid:not(:disabled), .textfield.mod-framed .textfield-input.is-error:not(:disabled) { z-index: 3; box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset; background-color: var(--palettes-error-50); transition: background-color var(--commons-animations-durations-fast); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) ~ .textfield-label, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled) ~ .textfield-label, .textfield.mod-framed .textfield-input.is-error:not(:disabled) ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):hover, .textfield.mod-framed .textfield-input.is-error:not(:disabled):hover { z-index: 4; background-color: var(--palettes-error-100); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):hover ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-error:not(:disabled):hover ~ .textfield-messages { transform: translateY(100%); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):focus, .textfield.mod-framed .textfield-input.is-error:not(:disabled):focus { background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset,0 0 0 4px var(--palettes-error-50); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):focus ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-error:not(:disabled):focus ~ .textfield-messages { transform: translateY(100%); } .form.mod-framed .textfield-input.is-error:not(:disabled), .form.mod-framed .textfield-input.is-invalid:not(:disabled), .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) { z-index: 3; box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset; background-color: var(--palettes-error-50); transition: background-color var(--commons-animations-durations-fast); } .form.mod-framed .textfield-input.is-error:not(:disabled) ~ .textfield-label, .form.mod-framed .textfield-input.is-invalid:not(:disabled) ~ .textfield-label, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) ~ .textfield-label { color: var(--palettes-error-700); } .form.mod-framed .textfield-input.is-error:not(:disabled):hover, .form.mod-framed .textfield-input.is-invalid:not(:disabled):hover, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover { z-index: 4; background-color: var(--palettes-error-100); } .form.mod-framed .textfield-input.is-error:not(:disabled):hover ~ .textfield-messages, .form.mod-framed .textfield-input.is-invalid:not(:disabled):hover ~ .textfield-messages, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover ~ .textfield-messages { transform: translateY(100%); } .form.mod-framed .textfield-input.is-error:not(:disabled):focus, .form.mod-framed .textfield-input.is-invalid:not(:disabled):focus, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus { background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset,0 0 0 4px var(--palettes-error-50); } .form.mod-framed .textfield-input.is-error:not(:disabled):focus ~ .textfield-messages, .form.mod-framed .textfield-input.is-invalid:not(:disabled):focus ~ .textfield-messages, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus ~ .textfield-messages { transform: translateY(100%); } .form.mod-framed .checkbox.is-error:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.is-error:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .checkbox.is-invalid:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.is-invalid:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .checkbox.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.is-error:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.is-error:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.is-invalid:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.is-invalid:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before { border-color: var(--palettes-error-700); } .radiosfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.is-error:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.is-error:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.is-error:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.is-error:not(:disabled) ~ .checkbox-label::before { border-color: var(--palettes-error-700); } .lu-picker-panel, .lu-popover-panel { display: flex; flex-direction: column; max-block-size: calc(48px + 100vh); position: relative; } .is-above.lu-picker-panel, .is-above.lu-popover-panel { transform-origin: center bottom; } .is-below.lu-picker-panel, .is-below.lu-popover-panel { transform-origin: center top; } .is-before.lu-picker-panel, .is-before.lu-popover-panel { transform-origin: right center; } .is-before.is-above.lu-picker-panel, .is-before.is-above.lu-popover-panel { transform-origin: right bottom; } .is-before.is-below.lu-picker-panel, .is-before.is-below.lu-popover-panel { transform-origin: right top; } .is-after.lu-picker-panel, .is-after.lu-popover-panel { transform-origin: left center; } .is-after.is-above.lu-picker-panel, .is-after.is-above.lu-popover-panel { transform-origin: left bottom; } .is-after.is-below.lu-picker-panel, .is-after.is-below.lu-popover-panel { transform-origin: left top; } .lu-picker-content, .lu-popover-content { background-color: var(--pr-t-elevation-surface-raised); box-shadow: var(--pr-t-elevation-shadow-overlay); border-radius: var(--commons-borderRadius-M); } .lu-picker-content:focus-within, .lu-popover-content:focus-within { outline: none; } .lu-popover-content { padding-block: var(--pr-t-spacings-100); padding-inline: var(--pr-t-spacings-150); } .lu-picker-content { max-block-size: 20rem; padding: var(--pr-t-spacings-50); overflow-y: auto; display: block; animation: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1) 0s 1 normal none running scaleIn; margin-inline-start: calc(var(--pr-t-spacings-50) * -1); margin-inline-end: calc(var(--pr-t-spacings-50) * -1); } .lu-picker-content-option { display: flex; flex-direction: column; gap: var(--pr-t-spacings-50); } .lu-picker-content-option-emptyState { color: var(--palettes-neutral-600); padding-inline: var(--pr-t-spacings-100); text-align: center; } .lu-picker-content-option-group { margin-block-end: var(--pr-t-spacings-50); } .lu-picker-content-option-group-title { font-size: var(--sizes-S-fontSize); line-height: var(--sizes-S-lineHeight); font-weight: 600; padding-block: var(--components-options-item-padding-vertical); padding-inline: var(--components-options-item-padding-horizontal); color: var(--palettes-neutral-600); position: sticky; inset-block-start: 0px; background-color: var(--pr-t-elevation-surface-raised); z-index: 1; display: flex; gap: var(--pr-t-spacings-100); justify-content: space-between; box-shadow: calc(var(--pr-t-spacings-50) * -.5) calc(var(--pr-t-spacings-50) * -.5) 0 2px var(--pr-t-elevation-surface-raised); } .lu-picker-content-add { position: sticky; inset-block-end: 0px; background-color: var(--palettes-neutral-0); box-shadow: var(--pr-t-elevation-shadow-overflow); padding: var(--pr-t-spacings-50); margin-block: 0px; margin-inline: calc(var(--pr-t-spacings-50) * -1); transform: translateY(var(--pr-t-spacings-50)); } .lu-picker-content-add .button { inline-size: 100%; justify-content: left; } .lu-picker-content-loading { padding: var(--pr-t-spacings-50); display: flex; color: var(--palettes-neutral-600); } .lu-picker-loading { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; transform: translate(-50%) translateY(-50%); } .lu-picker-header { background-color: var(--pr-t-elevation-surface-raised); position: sticky; inset-block-start: 0px; inset-inline: 0px; display: block; z-index: 1; margin-block-end: var(--pr-t-spacings-50); box-shadow: 0 -4px 0 var(--pr-t-spacings-100) var(--pr-t-elevation-surface-raised); } .lu-picker-textfield { inline-size: 100%; padding-block-end: var(--pr-t-spacings-100); } .lu-picker-textfield .textfield-input { background-color: var(--palettes-neutral-0); outline: none; } .lu-picker-footer { background-color: var(--pr-t-elevation-surface-raised); position: sticky; inset-block-end: 0px; inset-inline: 0px; display: block; z-index: 1; } .lu-date-picker-panel { inline-size: var(--components-calendar-width); } .lu-date-picker-panel .lu-picker-content { max-block-size: none; } .lu-picker-content-group { display: flex; flex-direction: column; gap: var(--pr-t-spacings-50); } :root { --components-popup-XS: 25rem; --components-popup-S: 30rem; --components-popup-M: 40rem; --components-popup-L: 50rem; --components-popup-XL: 60rem; --components-popup-padding-horizontal: var(--pr-t-spacings-300); --components-popup-padding-vertical: var(--pr-t-spacings-200); } .lu-popup-panel { position: relative; box-shadow: var(--pr-t-elevation-shadow-overlay); background-color: var(--pr-t-elevation-surface-raised); border-radius: var(--commons-borderRadius-L); inline-size: var(--components-popup-M); max-inline-size: 95%; max-block-size: 90vh; overflow: auto; animation: popup var(--commons-animations-durations-standard) cubic-bezier(.25,.8,.25,1); } .lu-popup-panel.mod-XS { inline-size: var(--components-popup-XS); } .lu-popup-panel.mod-S { inline-size: var(--components-popup-S); } .lu-popup-panel.mod-L { inline-size: var(--components-popup-L); } .lu-popup-panel.mod-XL { inline-size: var(--components-popup-XL); } .lu-popup-panel.mod-commInApp { inline-size: 30rem; } .lu-popup-panel.mod-commInApp .lu-modal-content { text-align: center; } .lu-popup-panel.mod-commInApp .lu-modal-content::after { content: none; } .lu-popup-panel.mod-commInApp .lu-modal-content-title { color: var(--palettes-neutral-800); font-size: var(--sizes-XL-fontSize); margin-block-start: 2.5rem; } .lu-popup-panel.mod-commInApp .button { margin-block-end: 2.5rem; } .lu-popup-panel.mod-commInApp .modal-visual { margin-block: 4.5rem 0px; margin-inline: calc(var(--pr-t-spacings-400) * -1); } .lu-popup-panel.mod-commInApp .modal-visual-illustration { vertical-align: bottom; } .lu-popup-panel.mod-commInApp .lu-modal-footer { display: none; } .lu-modal-panel-inner { display: flex; flex-flow: column; max-block-size: 90vh; } .lu-modal-container { display: flex; flex-flow: column; flex-grow: 1; } .lu-modal-header { position: sticky; inset-block-start: 0px; z-index: 5; background-color: var(--pr-t-elevation-surface-raised); padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal) var(--pr-t-spacings-800); border-block-end: 1px solid var(--commons-border-100); } .lu-modal-header-title { --sizes-verticalPadding: var(--sizes-XL-verticalPadding); --sizes-fontSize: var(--sizes-XL-fontSize); --sizes-lineHeight: var(--sizes-XL-lineHeight); --components-title-weight: 700; margin: 0px; padding: 0px; } .button.lu-modal-header-close { position: absolute; inset-inline-end: 1.25rem; inset-block-start: var(--pr-t-spacings-150); } .lu-modal-content { padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal); overflow: auto; block-size: auto; } .lu-modal-content.mod-noPadding { padding: 0px; } .lu-modal-content.mod-noPadding::after { padding-block-end: 0px; } .lu-modal-footer { position: sticky; inset-block-end: 0px; z-index: 5; display: flex; align-items: center; justify-content: flex-end; background-color: var(--pr-t-elevation-surface-raised); box-shadow: var(--pr-t-elevation-shadow-overflow); margin-block-start: auto; padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal); } @media not all and (min-width: 30em) { .lu-popup-panel { border-radius: 0px; max-inline-size: none; max-block-size: 100vh; inline-size: 100%; block-size: 100vh; } .lu-modal-panel-inner { max-block-size: 100vh; block-size: 100vh; } } @keyframes popup { 0% { transform: scale(0.7); } 100% { transform: none; } } :root { --components-sidepanel-XS: 25rem; --components-sidepanel-S: 30rem; --components-sidepanel-M: 40rem; --components-sidepanel-L: 50rem; --components-sidepanel-XL: 60rem; } .lu-popup-panel.mod-sidepanel { inset-block: 0px; inset-inline-end: 0px; inline-size: var(--components-sidepanel-M); max-inline-size: 100%; max-block-size: 100vh; border-radius: 0px; animation-name: sidepanel; transform-origin: center center; position: fixed !important; } .lu-popup-panel.mod-sidepanel.mod-XS { inline-size: var(--components-sidepanel-XS); } .lu-popup-panel.mod-sidepanel.mod-S { inline-size: var(--components-sidepanel-S); } .lu-popup-panel.mod-sidepanel.mod-L { inline-size: var(--components-sidepanel-L); } .lu-popup-panel.mod-sidepanel.mod-XL { inline-size: var(--components-sidepanel-XL); } .lu-sidepanel-panel-inner, .lu-sidepanel-container { display: flex; flex-flow: column; flex-grow: 1; block-size: 100%; } .lu-sidepanel-panel-inner .lu-modal-content, .lu-sidepanel-container .lu-modal-content { block-size: 100%; } .lu-sidepanel-container { overflow: auto; } @keyframes sidepanel { 0% { transform: translate(100%); } 100% { transform: translate(0px); } } :root { --components-cdk-backdrop-opacity: .4; } .cdk-overlay-container { position: fixed; z-index: 1000; block-size: 100%; inset-inline-start: 0px; pointer-events: none; inset-block-start: 0px; inline-size: 100%; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-inline-size: 1px; min-block-size: 1px; } .cdk-overlay-pane { box-sizing: border-box; position: absolute; pointer-events: auto; z-index: 1000; } .cdk-overlay-pane > * { flex-grow: 1; } .cdk-overlay-pane.mod-optionPicker { min-inline-size: 13rem; max-inline-size: 30rem; } .cdk-overlay-backdrop { opacity: 0; pointer-events: auto; position: absolute; inset: 0px; transition: opacity var(--commons-animations-durations-fast) ease-in-out; z-index: 1000; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.4; } .cdk-overlay-backdrop.cdk-overlay-dark-backdrop { background-color: color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 60%,transparent); } .cdk-overlay-backdrop.cdk-overlay-transparent-backdrop { background: 0px 0px; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.lu-popup-backdrop { opacity: var(--pr-t-elevation-surface-backdrop); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } :root { --components-cdk-textarea-input-padding-horizontal: var(--pr-t-spacings-100); } .cdk-textarea-autosize { resize: none; line-height: 1.3; box-sizing: content-box; inline-size: calc(100% - 2 * var(--components-cdk-textarea-input-padding-horizontal)); } .cdk-textarea-autosize.textField-input-value { block-size: auto; min-block-size: 0px; } .cdk-textarea-autosize-measuring { block-size: auto !important; overflow: hidden !important; padding-block: 2px !important; padding-inline: 0px !important; box-sizing: content-box !important; } .cdk-visually-hidden { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; block-size: 1px !important; inline-size: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; white-space: nowrap !important; contain: paint !important; } .cdk-global-overlay-wrapper { block-size: 100%; inset-inline-start: 0px; inset-block-start: 0px; pointer-events: none; inline-size: 100%; display: flex; position: absolute; z-index: 1000; } .cdk-global-scrollblock { position: static !important; width: auto !important; } .cdk-global-scrollblock, .cdk-global-scrollblock body { touch-action: none !important; overscroll-behavior: none !important; overflow: hidden !important; } .cdk-drag-placeholder { box-shadow: -1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset; background-color: var(--palettes-neutral-100); } .cdk-drag-placeholder * { opacity: 0; } .cdk-drag-handle, .cdk-drag-placeholder { cursor: move; } .dragDrop-card { z-index: 1; } .dragDrop-list { border-radius: var(--commons-borderRadius-M); } .dragDrop-item { cursor: grab; } .dragDrop-item:not(.cdk-drag-placeholder):first-of-type { border-start-start-radius: var(--commons-borderRadius-M); border-start-end-radius: var(--commons-borderRadius-M); } .dragDrop-item:not(.cdk-drag-placeholder):last-of-type { border-end-start-radius: var(--commons-borderRadius-M); border-end-end-radius: var(--commons-borderRadius-M); } .dragDrop-item:active { cursor: grabbing; } .dragDrop-item-content { padding: var(--pr-t-spacings-100); } .cdk-drag-preview { box-sizing: border-box; box-shadow: -1px 0 var(--palettes-product-200),0 -1px var(--palettes-product-200),-1px -1px var(--palettes-product-200),-1px -1px var(--palettes-product-200) inset; background-color: var(--palettes-product-50); border-radius: var(--commons-borderRadius-M); cursor: grabbing; z-index: 9999 !important; } .cdk-drop-list-dragging .dragDrop-item { cursor: grabbing; } .cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder) { transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); } body { } .lucca-icon { --icon-content: none; --icon-sizeDefault: 1.5rem; --icon-fontFamily: "Lucca icons"; font-weight: 400; font-size: var(--icon-size, var(--icon-sizeDefault)); direction: ltr; display: inline-block; font-family: var(--icon-fontFamily); font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-style: normal; letter-spacing: normal; line-height: 1; text-transform: none; vertical-align: text-bottom; white-space: nowrap; overflow-wrap: normal; } .icon-app, .icon-apps, .icon-nineTiles, .icon-mosaic, .icon-tiles { --icon-content: "\e959"; } .icon-arrowBackward, .icon-backward { --icon-content: "\e9ef"; } .icon-arrowBottom, .icon-arrowFullSouth { --icon-content: "\e9b5"; } .icon-arrowBottomLeft { --icon-content: "\e9ddd"; } .icon-arrowBottomRight { --icon-content: "\e9ccc"; } .icon-arrowCenterReduce { --icon-content: "\e9f7"; } .icon-arrowChevronBottom, .icon-arrowSouth, .icon-southArrow, .icon-southThinArrow, .icon-chevronSouth, .icon-chevronBottom { --icon-content: "\e97c"; } .icon-arrowChevronLeft, .icon-arrowWest, .icon-westArrow, .icon-westThinArrow, .icon-chevronWest, .icon-chevronLeft { --icon-content: "\e994"; } .icon-arrowChevronRight, .icon-arrowEast, .icon-eastArrow, .icon-eastThinArrow, .icon-chevronEast, .icon-chevronRight { --icon-content: "\e926"; } .icon-arrowChevronTop, .icon-arrowNorth, .icon-northArrow, .icon-northThinArrow, .icon-chevronNorth, .icon-chevronTop { --icon-content: "\e95a"; } .icon-arrowCorner, .icon-distribute { --icon-content: "\e9b9"; } .icon-arrowCornerExpand { --icon-content: "\e9f6"; } .icon-arrowCurvedDownRight { --icon-content: "\e9fa"; } .icon-arrowDownload, .icon-download { --icon-content: "\e924"; } .icon-arrowExternal, .icon-outside { --icon-content: "\e95d"; } .icon-arrowForward, .icon-arrowDouble, .icon-forward { --icon-content: "\e9c5"; } .icon-arrowLeft, .icon-arrowFullWest { --icon-content: "\e9b4"; } .icon-arrowLineBottom { --icon-content: "\ea01"; } .icon-arrowLineTop { --icon-content: "\ea02"; } .icon-arrowLogin, .icon-login { --icon-content: "\e93f"; } .icon-arrowLogout, .icon-logout { --icon-content: "\e940"; } .icon-arrowOppositeHorizontal, .icon-swap { --icon-content: "\e9ad"; } .icon-arrowOppositeVertical, .icon-creditDebit { --icon-content: "\e912"; } .icon-arrowReply, .icon-reply { --icon-content: "\e9ba"; } .icon-arrowReset, .icon-refresh, .icon-update { --icon-content: "\e970"; } .icon-arrowRight, .icon-arrowFullEast { --icon-content: "\e9b6"; } .icon-arrowSync, .icon-sync { --icon-content: "\e9c3"; } .icon-arrowSyncStrikethrough, .icon-syncDisabled { --icon-content: "\e9c2"; } .icon-arrowTop, .icon-arrowFullNorth { --icon-content: "\e9b7"; } .icon-arrowTopLeft { --icon-content: "\e9dd"; } .icon-arrowTopRight { --icon-content: "\e9df"; } .icon-arrowUnfoldLess, .icon-collapse { --icon-content: "\e9c8"; } .icon-arrowUnfoldMore, .icon-expand { --icon-content: "\e9c9"; } .icon-arrowUpload, .icon-upload, .icon-cloudUpload { --icon-content: "\e98f"; } .icon-bell, .icon-notification { --icon-content: "\e904"; } .icon-bellStrikethrough { --icon-content: "\e91a"; } .icon-book { --icon-content: "\e9af"; } .icon-bookmark { --icon-content: "\e9c0"; } .icon-bookmarkFilled { --icon-content: "\e9da"; } .icon-boxArchive, .icon-archive { --icon-content: "\e99c"; } .icon-boxUnarchive, .icon-unarchive { --icon-content: "\e95e"; } .icon-branch { --icon-content: "\e90d"; } .icon-bubbleAnswer, .icon-answer { --icon-content: "\e953"; } .icon-bubbleConversation, .icon-messenger { --icon-content: "\e935"; } .icon-bubbleSpeech, .icon-chat, .icon-talk, .icon-dialog { --icon-content: "\e982"; } .icon-buildingCompany, .icon-building, .icon-establishment { --icon-content: "\e903"; } .icon-buildingHouse, .icon-house, .icon-home { --icon-content: "\e913"; } .icon-buildingHouseFilled, .icon-houseFilled, .icon-homeFill { --icon-content: "\e99d"; } .icon-buildingHouseStarred, .icon-houseStarred, .icon-homeStarred { --icon-content: "\e99e"; } .icon-buildingStore, .icon-store { --icon-content: "\e8ff"; } .icon-bulb, .icon-lightBulb { --icon-content: "\e9b1"; } .icon-calendarChecked { --icon-content: "\e9c7"; } .icon-calendarDate, .icon-calendar, .icon-planning { --icon-content: "\e920"; } .icon-calendarEdit, .icon-planningEdit { --icon-content: "\e91e"; } .icon-calendarPlanning, .icon-payPeriod { --icon-content: "\e90c"; } .icon-calendarSettings, .icon-planningManage { --icon-content: "\e92a"; } .icon-calendarStrikethrough, .icon-calendarOff { --icon-content: "\e957"; } .icon-capCrown, .icon-crown { --icon-content: "\e95b"; } .icon-capGraduate, .icon-graduate, .icon-school { --icon-content: "\e9d3"; } .icon-certificationFailed, .icon-certifKo { --icon-content: "\e9a8"; } .icon-certificationSuccess, .icon-certifOk { --icon-content: "\e9a6"; } .icon-certificationWaiting, .icon-certifWaiting { --icon-content: "\e9a7"; } .icon-chartDonut, .icon-donut, .icon-donutChart { --icon-content: "\e9aa"; } .icon-chartFlow, .icon-familyTree, .icon-orgTree { --icon-content: "\e930"; } .icon-chartHorizontalBar, .icon-horizontalBarChart { --icon-content: "\e9ab"; } .icon-chartLevels, .icon-level { --icon-content: "\e9ae"; } .icon-chartPie, .icon-dashboard { --icon-content: "\e9ac"; } .icon-chartSpider { --icon-content: "\e9f1"; } .icon-chartVerticalBar, .icon-analytics, .icon-charts { --icon-content: "\e971"; } .icon-clipboard, .icon-paste { --icon-content: "\e962"; } .icon-completion { --icon-content: "\e905"; } .icon-cornersFullscreenExit, .icon-fullscreenExit { --icon-content: "\e938"; } .icon-cornersFullscreenOpen, .icon-fullscreen { --icon-content: "\e937"; } .icon-dataTable, .icon-table { --icon-content: "\e9d5"; } .icon-database { --icon-content: "\e91f"; } .icon-databaseArrow, .icon-apiSync { --icon-content: "\e907"; } .icon-deviceCamera, .icon-camera { --icon-content: "\e965"; } .icon-deviceComputer, .icon-computer { --icon-content: "\e91c"; } .icon-deviceLaptop, .icon-laptop { --icon-content: "\e9d0"; } .icon-deviceMobile { --icon-content: "\e9999"; } .icon-deviceMouse, .icon-computerMouse { --icon-content: "\e91d"; } .icon-devicePrinter, .icon-print { --icon-content: "\e96b"; } .icon-deviceVideo { --icon-content: "\e9e5"; } .icon-dotsDrag, .icon-drag { --icon-content: "\e9a4"; } .icon-emojiSmile { --icon-content: "\ea09"; } .icon-eye, .icon-watch { --icon-content: "\e993"; } .icon-eyeStrikethrough, .icon-unwatch { --icon-content: "\e98e"; } .icon-fileContract, .icon-contract { --icon-content: "\e914"; } .icon-fileCopy, .icon-copy { --icon-content: "\e9ca"; } .icon-fileDocument, .icon-file { --icon-content: "\e932"; } .icon-fileExport { --icon-content: "\e9cb"; } .icon-fileFolder, .icon-folder { --icon-content: "\e9cd"; } .icon-fileImport, .icon-importDirty, .icon-importPristine { --icon-content: "\e9e4"; } .icon-filePlus { --icon-content: "\e9f8"; } .icon-fileSign, .icon-sign { --icon-content: "\e95c"; } .icon-filtersDescending, .icon-filterAbstract { --icon-content: "\e9cc"; } .icon-filtersFunnel, .icon-funnel, .icon-filter { --icon-content: "\e933"; } .icon-filtersSort, .icon-sort, .icon-reorder { --icon-content: "\e9d4"; } .icon-flag { --icon-content: "\e934"; } .icon-floppyDiskSave, .icon-save { --icon-content: "\e901"; } .icon-foodBirthdayCake, .icon-birthday { --icon-content: "\e90b"; } .icon-foodBobun, .icon-lunchAlternative { --icon-content: "\e9e6"; } .icon-foodBurger, .icon-lunch { --icon-content: "\e94d"; } .icon-foodChefHat, .icon-restaurant { --icon-content: "\e9a1"; } .icon-foodClocheDish, .icon-diner { --icon-content: "\e921"; } .icon-foodCocktail, .icon-drink { --icon-content: "\e925"; } .icon-foodCoffee, .icon-coffee, .icon-breaktime { --icon-content: "\e90f"; } .icon-foodCroissant, .icon-breakfast { --icon-content: "\e90e"; } .icon-foodCutlery, .icon-meal { --icon-content: "\e9f9"; } .icon-foodSandwich, .icon-snack { --icon-content: "\e97b"; } .icon-formatBulletedList, .icon-list { --icon-content: "\e948"; } .icon-formatClipperAttachment, .icon-attach { --icon-content: "\e909"; } .icon-formatCornerUpLeft, .icon-formatUndo { --icon-content: "\e96f"; } .icon-formatCornerUpRight, .icon-formatRedo { --icon-content: "\e96e"; } .icon-formatLink { --icon-content: "\e93b"; } .icon-formatNumberedList, .icon-formatListNb { --icon-content: "\e969"; } .icon-formatText, .icon-formatJustify { --icon-content: "\e927"; } .icon-formatTextBold, .icon-formatBold { --icon-content: "\e997"; } .icon-formatTextClear, .icon-formatClear { --icon-content: "\e999"; } .icon-formatTextItalic, .icon-formatItalic { --icon-content: "\e998"; } .icon-formatTextSize, .icon-formatSize { --icon-content: "\e9ce"; } .icon-formatTextStrikethrough, .icon-formatStrikethrough { --icon-content: "\e92e"; } .icon-formatTextUnderline, .icon-formatUnderlined { --icon-content: "\e996"; } .icon-formatUnlink, .icon-unlink { --icon-content: "\e915"; } .icon-gift, .icon-present { --icon-content: "\e9cf"; } .icon-heart { --icon-content: "\e910"; } .icon-heartFilled { --icon-content: "\e9db"; } .icon-heartStrikethrough, .icon-brokenHeart { --icon-content: "\e93e"; } .icon-hotelBed, .icon-bed, .icon-hotel { --icon-content: "\e941"; } .icon-hotelHanger, .icon-hanger { --icon-content: "\e9a2"; } .icon-hotelIron, .icon-iron, .icon-pressing { --icon-content: "\e945"; } .icon-hotelLuggage, .icon-luggage { --icon-content: "\e94c"; } .icon-jigsawPuzzle, .icon-puzzle { --icon-content: "\e9bc"; } .icon-journey, .icon-milestone { --icon-content: "\e946"; } .icon-jumpingCc, .icon-lucca { --icon-content: "\e94b"; } .icon-laboratoryTestFlask, .icon-test { --icon-content: "\e9d7"; } .icon-layers, .icon-floor { --icon-content: "\e987"; } .icon-listChecked { --icon-content: "\e9d1"; } .icon-listChecklist, .icon-listTodo { --icon-content: "\e917"; } .icon-lockClose, .icon-lock { --icon-content: "\e94a"; } .icon-lockKey, .icon-key { --icon-content: "\e947"; } .icon-lockOpen, .icon-unlock { --icon-content: "\e98d"; } .icon-mailEnvelope, .icon-mail { --icon-content: "\e94e"; } .icon-mailMailbox, .icon-mailbox, .icon-stamp, .icon-postage { --icon-content: "\e97e"; } .icon-mailPaperPlane, .icon-send { --icon-content: "\e977"; } .icon-mapGlobe, .icon-globe { --icon-content: "\e97a"; } .icon-mapLocation, .icon-location { --icon-content: "\e949"; } .icon-mapPin, .icon-pin { --icon-content: "\e967"; } .icon-mapPlan { --icon-content: "\ea06"; } .icon-mathsDivide, .icon-divide { --icon-content: "\e954"; } .icon-mathsEquals, .icon-equal { --icon-content: "\e93d"; } .icon-mathsMinus, .icon-minus, .icon-partial, .icon-minimize { --icon-content: "\e975"; } .icon-mathsMultiplicate, .icon-close, .icon-thinCross, .icon-cross, .icon-crossBold { --icon-content: "\e981"; } .icon-mathsPlus, .icon-plus, .icon-plusBold { --icon-content: "\e985"; } .icon-medicalDoctor { --icon-content: "\ea03"; } .icon-menuBurger, .icon-menu, .icon-hamburgerMenu { --icon-content: "\e950"; } .icon-menuDots, .icon-menuEllipsis, .icon-ellipsis { --icon-content: "\e92b"; } .icon-moneyBag, .icon-moneybag { --icon-content: "\e900"; } .icon-moneyBagStrikethrough, .icon-noMoney { --icon-content: "\e9f0"; } .icon-moneyBankImport { --icon-content: "\e9f3"; } .icon-moneyBanknoteStrikethrough { --icon-content: "\e9de"; } .icon-moneyBill, .icon-bill { --icon-content: "\e9c6"; } .icon-moneyBuildingBank, .icon-bank { --icon-content: "\e99f"; } .icon-moneyCardCheck { --icon-content: "\e9fb"; } .icon-moneyCardImport, .icon-importCb { --icon-content: "\e943"; } .icon-moneyCheck { --icon-content: "\e9f4"; } .icon-moneyCoins, .icon-money, .icon-payment { --icon-content: "\e9d2"; } .icon-moneyCurrencyDollar, .icon-dollar { --icon-content: "\e9a5"; } .icon-moneyCurrencyEuro, .icon-euro { --icon-content: "\e92d"; } .icon-moneyPaymentCard, .icon-bankingCard { --icon-content: "\e90a"; } .icon-moneyPiggyBank, .icon-piggyBank { --icon-content: "\e966"; } .icon-moneyWallet, .icon-wallet { --icon-content: "\e9d8"; } .icon-officeBriefcase { --icon-content: "\e9be"; } .icon-officeChair, .icon-chair { --icon-content: "\e986"; } .icon-officeCompass, .icon-compass { --icon-content: "\e9a0"; } .icon-officeElectricalPlug { --icon-content: "\e9bd"; } .icon-officeFirstAid { --icon-content: "\ea07"; } .icon-officePen, .icon-edit, .icon-editMini { --icon-content: "\e928"; } .icon-officePenStar { --icon-content: "\ea0c"; } .icon-officePenWriting, .icon-editWrite, .icon-editFrame { --icon-content: "\e929"; } .icon-officePhone, .icon-telephone { --icon-content: "\e99b"; } .icon-officeScissors, .icon-cut { --icon-content: "\e956"; } .icon-officeSupplies, .icon-supplies { --icon-content: "\e9e9"; } .icon-peopleAccessibility { --icon-content: "\ea0d"; } .icon-peopleAdd, .icon-userAdd, .icon-adduser { --icon-content: "\e902"; } .icon-peopleArrowUp { --icon-content: "\ea05"; } .icon-peopleEdit { --icon-content: "\ea0a"; } .icon-peopleGroup, .icon-userGroup, .icon-group { --icon-content: "\e93c"; } .icon-peopleId, .icon-identityCard, .icon-userFile, .icon-dossierRh { --icon-content: "\e99a"; } .icon-peopleLocked, .icon-userRoles { --icon-content: "\e9d9"; } .icon-peoplePerson, .icon-user, .icon-face { --icon-content: "\e990"; } .icon-peopleRemove, .icon-userRemove { --icon-content: "\e972"; } .icon-peopleSwitch, .icon-send2user, .icon-userSendTo { --icon-content: "\e978"; } .icon-peopleTeacher, .icon-teacher { --icon-content: "\e9b8"; } .icon-pictureGallery, .icon-gallery { --icon-content: "\e939"; } .icon-pictureImage, .icon-image { --icon-content: "\e942"; } .icon-picturePalette, .icon-palette { --icon-content: "\e95f"; } .icon-playerPauseCircle, .icon-pause { --icon-content: "\e955"; } .icon-playerPlay, .icon-playFull { --icon-content: "\e944"; } .icon-playerPlayCircle, .icon-play { --icon-content: "\e92f"; } .icon-playerStopCircle, .icon-stop { --icon-content: "\e958"; } .icon-priceTag, .icon-pricetag { --icon-content: "\e96a"; } .icon-priorityHigh, .icon-high { --icon-content: "\e964"; } .icon-priorityHigher, .icon-higher { --icon-content: "\e94f"; } .icon-priorityHighest, .icon-highest { --icon-content: "\e96c"; } .icon-priorityLow, .icon-low { --icon-content: "\e96d"; } .icon-priorityLower, .icon-lower { --icon-content: "\e952"; } .icon-priorityLowest, .icon-lowest { --icon-content: "\e973"; } .icon-priorityMedium, .icon-medium { --icon-content: "\e974"; } .icon-rotationLeft, .icon-rotate { --icon-content: "\e9b2"; } .icon-rotationRight, .icon-rotateRight { --icon-content: "\e9e8"; } .icon-searchMagnifyingGlass, .icon-search { --icon-content: "\e976"; } .icon-searchZoomIn { --icon-content: "\e9ff"; } .icon-searchZoomOut { --icon-content: "\e9ee"; } .icon-settingsEqualizer, .icon-sliders { --icon-content: "\e991"; } .icon-settingsGear, .icon-settings { --icon-content: "\e979"; } .icon-settingsTools, .icon-tools { --icon-content: "\e989"; } .icon-share { --icon-content: "\e906"; } .icon-signAt { --icon-content: "\ea0b"; } .icon-signBan, .icon-forbidden { --icon-content: "\e936"; } .icon-signCancel, .icon-cancel { --icon-content: "\e963"; } .icon-signClose { --icon-content: "\e9bf"; } .icon-signConfirm, .icon-confirm, .icon-tick, .icon-tickThin, .icon-tickBold { --icon-content: "\e97d"; } .icon-signConstruction, .icon-build { --icon-content: "\e931"; } .icon-signDiscount, .icon-discount { --icon-content: "\e9e1"; } .icon-signError, .icon-error { --icon-content: "\e92c"; } .icon-signHelp, .icon-help, .icon-helpOutline { --icon-content: "\e9a3"; } .icon-signInfo, .icon-info { --icon-content: "\e9b0"; } .icon-signParking, .icon-parking { --icon-content: "\e960"; } .icon-signShieldError { --icon-content: "\e9fd"; } .icon-signShieldSuccess { --icon-content: "\e9fe"; } .icon-signShieldWarning { --icon-content: "\ea00"; } .icon-signSuccess, .icon-success { --icon-content: "\e9ed"; } .icon-signTranslation { --icon-content: "\e9fc"; } .icon-signWarning, .icon-warning { --icon-content: "\e992"; } .icon-signWebhook { --icon-content: "\ea04"; } .icon-soundMegaphone { --icon-content: "\ea08"; } .icon-star, .icon-unstared { --icon-content: "\e961"; } .icon-starFilled { --icon-content: "\e97f"; } .icon-target { --icon-content: "\e9d6"; } .icon-thumbDown { --icon-content: "\e923"; } .icon-thumbDownFilled { --icon-content: "\e9dc"; } .icon-thumbUp { --icon-content: "\e922"; } .icon-thumbUpFilled { --icon-content: "\e9e2"; } .icon-thumbnail { --icon-content: "\e91b"; } .icon-timeAlarm, .icon-alarm { --icon-content: "\e9c4"; } .icon-timeClock, .icon-clock { --icon-content: "\e919"; } .icon-timeFuture, .icon-postpone { --icon-content: "\e908"; } .icon-timeHourglass, .icon-timer { --icon-content: "\e988"; } .icon-timePast, .icon-history { --icon-content: "\e984"; } .icon-timeTimer, .icon-chronoOn { --icon-content: "\e9e0"; } .icon-timeTimerStrikethrough, .icon-overplanned { --icon-content: "\e9e7"; } .icon-timeTimesheet, .icon-timesheet { --icon-content: "\e916"; } .icon-transportBus, .icon-bus { --icon-content: "\e911"; } .icon-transportCar, .icon-car { --icon-content: "\e9a9"; } .icon-transportCarwashStation, .icon-cleanCar { --icon-content: "\e918"; } .icon-transportGazStation, .icon-gasoline { --icon-content: "\e93a"; } .icon-transportPlane, .icon-plane { --icon-content: "\e968"; } .icon-transportRocket, .icon-rocket { --icon-content: "\e995"; } .icon-transportSpeedometer, .icon-speedometer, .icon-mileage { --icon-content: "\e951"; } .icon-transportSubway, .icon-subway { --icon-content: "\e980"; } .icon-transportTaxi, .icon-taxi { --icon-content: "\e983"; } .icon-transportToll, .icon-toll, .icon-tollDollar, .icon-tollEuro { --icon-content: "\e9b3"; } .icon-transportTrain, .icon-train { --icon-content: "\e98a"; } .icon-transportTruck, .icon-truck { --icon-content: "\e98c"; } .icon-trashDelete, .icon-trash { --icon-content: "\e98b"; } .icon-trendingGrowth, .icon-evolution { --icon-content: "\e9bb"; } .icon-trendingLoss, .icon-evolutionDown { --icon-content: "\e9e3"; } .icon-weatherCloudy { --icon-content: "\e9ea"; } .icon-weatherLightning { --icon-content: "\e9f2"; } .icon-weatherStars { --icon-content: "\e9f5"; } .icon-weatherStormy, .icon-weatherStorm { --icon-content: "\e9eb"; } .icon-weatherSunny, .icon-weatherSun { --icon-content: "\e9ec"; } .icon-weight { --icon-content: "\e9c1"; } @supports (content: "*"/"") { .lucca-icon::before { content: var(--icon-content)/""; } } @supports not (content: "*"/"") { .lucca-icon::before { content: var(--icon-content); } } .lucca-icon.mod-XXS { --icon-size: .75rem; } .lucca-icon.mod-XS { --icon-size: 1rem; } .lucca-icon.mod-S { --icon-size: 1.25rem; } .lucca-icon.mod-M { --icon-size: 1.5rem; } .lucca-icon.mod-L { --icon-size: 1.75rem; } .lucca-icon.mod-XL { --icon-size: 2rem; } .lucca-icon.mod-XXL { --icon-size: 2.5rem; } .verticalNavigation { --components-verticalNavigation-link-background: var(--pr-t-elevation-surface-raised); --components-verticalNavigation-link-color: var(--palettes-neutral-800); --components-verticalNavigation-horizontalPadding: var(--pr-t-spacings-150); } .verticalNavigation-sectionTitle { --sizes-verticalPadding: var(--sizes-S-verticalPadding); --sizes-fontSize: var(--sizes-S-fontSize); --sizes-lineHeight: var(--sizes-S-lineHeight); --components-title-weight: 600; color: var(--palettes-neutral-600); padding-block: 0px; padding-inline: var(--components-verticalNavigation-horizontalPadding); margin-block-end: var(--pr-t-spacings-100); } .verticalNavigation-list { margin: 0px; padding: 0px; list-style-type: none; background-color: var(--pr-t-elevation-surface-raised); margin-block-end: var(--pr-t-spacings-200); } .verticalNavigation-list-item-link-icon { font-size: var(--sizes-M-lineHeight); margin-inline-end: var(--pr-t-spacings-100); } .verticalNavigation-list-item-link { padding: 0px; border: 0px; inline-size: 100%; text-align: start; font-style: inherit; font-variant: inherit; font-stretch: inherit; font-size: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; cursor: pointer; display: flex; padding-block: var(--pr-t-spacings-100); padding-inline: var(--components-verticalNavigation-horizontalPadding); border-radius: var(--commons-borderRadius-M); color: var(--components-verticalNavigation-link-color); text-decoration: none; background-color: var(--components-verticalNavigation-link-background); transition: background-color var(--commons-animations-durations-fast) ease; font-weight: 600; } .verticalNavigation-list-item-link:hover { --components-verticalNavigation-link-background: var(--palettes-neutral-50); color: var(--components-verticalNavigation-link-color); } .verticalNavigation-list-item-link:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } .verticalNavigation-list-item-link:active { --components-verticalNavigation-link-background: var(--palettes-neutral-100); } .verticalNavigation-list-item-link-arrow { font-size: var(--sizes-M-lineHeight); margin-inline-start: auto; transition: transform var(--commons-animations-durations-standard) ease; } .verticalNavigation.mod-iconless .verticalNavigation-list.mod-child .verticalNavigation-list-item-link { padding-inline-start: var(--components-verticalNavigation-horizontalPadding); } .verticalNavigation.mod-iconless .verticalNavigation-list-item-link-icon { display: none; } .verticalNavigation-list.mod-child { display: none; margin: 0px; } .verticalNavigation-list.mod-child .verticalNavigation-list-item-link { font-weight: 400; padding-inline-start: calc(2rem + var(--components-verticalNavigation-horizontalPadding)); } .verticalNavigation-list-item-link[aria-expanded="true"] ~ .verticalNavigation-list { display: block; } .verticalNavigation-list-item-link[aria-expanded="true"] .verticalNavigation-list-item-link-arrow { transform: rotate(180deg); } .verticalNavigation-list-item-link[aria-current="page"] { --components-verticalNavigation-link-background: var(--palettes-product-100); color: var(--components-verticalNavigation-link-color); } .verticalNavigation-list-item-link[aria-current="page"]:hover { --components-verticalNavigation-link-background: var(--palettes-product-200); } .verticalNavigation-list-item-link[aria-current="page"]:active { --components-verticalNavigation-link-background: var(--palettes-product-300); } .verticalNavigation-list-item-link[disabled], .verticalNavigation-list-item-link.is-disabled, span.verticalNavigation-list-item-link { --components-verticalNavigation-link-background: transparent; color: var(--palettes-neutral-500); pointer-events: none; } .skeleton { --components-skeleton-gradient-step-one: var(--palettes-neutral-50); --components-skeleton-gradient-step-two: var(--palettes-neutral-200); --components-skeleton-shape-height: 1.5rem; --components-skeleton-shape-width: 1.5rem; --components-skeleton-text-offset: var(--pr-t-spacings-75); --components-skeleton-text-width: 100%; --components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L); } .skeleton-item { animation: skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards; } @keyframes skeletonFade { 0% { opacity: 0; } 100% { opacity: 1; } } .skeleton.mod-dark { --components-skeleton-gradient-step-one: var(--palettes-neutral-200); --components-skeleton-gradient-step-two: var(--palettes-neutral-500); } .skeleton.is-loading { animation: 1.5s ease-in-out 0s infinite normal none running skeletonPulse; } .skeleton.is-loading .skeleton-item { animation: 1.5s linear 0s infinite normal none running skeletonBackground; background-image: linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50))); background-size: 150% 100%; background-repeat: repeat-x; display: block; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound)); block-size: var(--sizes-M-lineHeight); inline-size: 100%; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXS { --components-skeleton-text-offset: .25rem; block-size: var(--sizes-XS-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textS { --components-skeleton-text-offset: .375rem; block-size: var(--sizes-S-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textL { --components-skeleton-text-offset: .375rem; block-size: var(--sizes-L-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXL { block-size: var(--sizes-XL-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXXL { --components-skeleton-text-offset: .5rem; block-size: var(--sizes-XXL-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h1, h1) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .5rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h2, h2) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h3, h3) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h4, h4) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h5, h5) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h6, h6) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .25rem; } @keyframes skeletonBackground { 0% { background-position: 150% 50%; } 100% { background-position: -150% 50%; } } @keyframes skeletonPulse { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.9; } } .skeleton.is-loading .skeleton-item.mod-dark { --components-skeleton-gradient-step-one: var(--palettes-neutral-200); --components-skeleton-gradient-step-two: var(--palettes-neutral-500); } .skeleton.is-loading .skeleton-item.mod-square { border-radius: var(--commons-borderRadius-M); block-size: var(--components-skeleton-shape-height); inline-size: var(--components-skeleton-shape-width); } .skeleton.is-loading .skeleton-item.mod-circle { border-radius: var(--commons-borderRadius-full); block-size: var(--components-skeleton-shape-height); inline-size: var(--components-skeleton-shape-width); } .skeleton.is-loading .skeleton-item.mod-XS { --components-skeleton-shape-height: .5rem; --components-skeleton-shape-width: .5rem; } .skeleton.is-loading .skeleton-item.mod-S { --components-skeleton-shape-height: 1rem; --components-skeleton-shape-width: 1rem; } .skeleton.is-loading .skeleton-item.mod-L { --components-skeleton-shape-height: 2rem; --components-skeleton-shape-width: 2rem; } .skeleton.is-loading .skeleton-item.mod-XL { --components-skeleton-shape-height: 3rem; --components-skeleton-shape-width: 3rem; } .skeleton.is-loading .skeleton-item.mod-XXL { --components-skeleton-shape-height: 4rem; --components-skeleton-shape-width: 4rem; } .skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound)); } .skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound)); } .lucca-banner { --pr-t-elevation-surface-sunken: var(--palettes-neutral-50); --pr-t-elevation-surface-default: var(--palettes-neutral-25); --pr-t-elevation-surface-raised: var(--palettes-neutral-0); --pr-t-elevation-surface-backdrop: color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent); --pr-t-elevation-shadow-raised: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent), 0 2px 4px color-mix(in srgb, var(--palettes-neutral-400) 20%, transparent); --pr-t-elevation-shadow-overflow: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 0 4px color-mix(in srgb, var(--palettes-neutral-400) 32%, transparent), 0 0 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent); --pr-t-elevation-shadow-overlay: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 4px 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent), 0 4px 12px 2px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent); --pr-t-spacings-0: 0; --pr-t-spacings-25: .125rem; --pr-t-spacings-50: .25rem; --pr-t-spacings-75: .375rem; --pr-t-spacings-100: .5rem; --pr-t-spacings-150: .75rem; --pr-t-spacings-200: 1rem; --pr-t-spacings-300: 1.5rem; --pr-t-spacings-400: 2rem; --pr-t-spacings-500: 2.5rem; --pr-t-spacings-600: 3rem; --pr-t-spacings-700: 3.5rem; --pr-t-spacings-800: 4rem; --pr-t-spacings-auto: auto; --pr-t-color-input-text: var(--palettes-neutral-800); --pr-t-color-input-text-placeholder: var(--palettes-neutral-400); --pr-t-color-input-text-placeholder-critical: var(--palettes-critical-400); --pr-t-color-input-text-suffix: var(--palettes-neutral-600); --pr-t-color-input-text-disabled: var(--palettes-neutral-700); --pr-t-color-input-icon: var(--palettes-neutral-600); --pr-t-color-input-icon-disabled: var(--palettes-neutral-500); --pr-t-color-input-background: var(--palettes-neutral-0); --pr-t-color-input-background-critical: var(--palettes-critical-50); --pr-t-color-input-background-disabled: var(--palettes-neutral-100); --pr-t-color-input-border: var(--palettes-neutral-300); --pr-t-color-input-border-hover: var(--palettes-neutral-400); --pr-t-color-input-border-critical: var(--palettes-critical-400); --pr-t-color-input-border-critical-hover: var(--palettes-critical-600); --pr-t-radius-input: var(--commons-borderRadius-M); --commons-borderRadius-M: 4px; --commons-borderRadius-L: 8px; --commons-borderRadius-XL: 12px; --commons-borderRadius-full: 9999px; --commons-animations-translate: 3rem; --commons-animations-function: ease; --commons-animations-iteration-count: 5; --commons-animations-durations-fast: .15s; --commons-animations-durations-standard: .25s; --commons-animations-durations-slow: .35s; --commons-disabled-opacity: .4; --commons-disabled-background: var(--palettes-neutral-100); --commons-disabled-color: var(--palettes-neutral-600); --commons-disabled-placeholder: var(--palettes-neutral-400); --commons-loading-frontground: var(--palettes-500, var(--palettes-product-500)); --commons-loading-speed: .6s; --commons-loading-borderWidth: 3px; --commons-text-link-color: var(--palettes-product-700); --commons-text-link-hover: var(--palettes-product-800); --commons-text-link-disabled: var(--palettes-neutral-500); --breakpoints-XXXS-breakAt: 320px; --breakpoints-XXS-breakAt: 480px; --breakpoints-XS-breakAt: 640px; --breakpoints-S-breakAt: 800px; --breakpoints-M-breakAt: 1024px; --breakpoints-L-breakAt: 1280px; --breakpoints-XL-breakAt: 1366px; --breakpoints-XXL-breakAt: 1600px; --breakpoints-XXXL-breakAt: 1920px; --palettes-critical-text: #ffffff; --palettes-critical-0: #ffffff; --palettes-critical-50: #ffebec; --palettes-critical-100: #ffd6d8; --palettes-critical-200: #fdbebe; --palettes-critical-300: #faa3a3; --palettes-critical-400: #fa8989; --palettes-critical-500: #f76e6e; --palettes-critical-600: #f15050; --palettes-critical-700: #da2f2f; --palettes-critical-800: #aa0e0e; --palettes-critical-900: #630303; --palettes-error-text: #ffffff; --palettes-error-0: #ffffff; --palettes-error-50: #ffebec; --palettes-error-100: #ffd6d8; --palettes-error-200: #fdbebe; --palettes-error-300: #faa3a3; --palettes-error-400: #fa8989; --palettes-error-500: #f76e6e; --palettes-error-600: #f15050; --palettes-error-700: #da2f2f; --palettes-error-800: #aa0e0e; --palettes-error-900: #630303; --palettes-warning-text: #ffffff; --palettes-warning-0: #ffffff; --palettes-warning-50: #fff2db; --palettes-warning-100: #ffe9c2; --palettes-warning-200: #ffdb9e; --palettes-warning-300: #ffd080; --palettes-warning-400: #ffc35c; --palettes-warning-500: #ffb13d; --palettes-warning-600: #ff9d00; --palettes-warning-700: #f08800; --palettes-warning-800: #c25100; --palettes-warning-900: #802a00; --palettes-success-text: #ffffff; --palettes-success-0: #ffffff; --palettes-success-50: #dbfae0; --palettes-success-100: #bef3c7; --palettes-success-200: #a2ebaf; --palettes-success-300: #84e695; --palettes-success-400: #68d97b; --palettes-success-500: #57c769; --palettes-success-600: #39b155; --palettes-success-700: #279b42; --palettes-success-800: #0a762e; --palettes-success-900: #004d20; --palettes-brand-text: #ffffff; --palettes-brand-0: #ffffff; --palettes-brand-50: #fff1eb; --palettes-brand-100: #ffe0d1; --palettes-brand-200: #ffccb3; --palettes-brand-300: #ffbe9e; --palettes-brand-400: #ffaa80; --palettes-brand-500: #ff9361; --palettes-brand-600: #ff7b3d; --palettes-brand-700: #e06029; --palettes-brand-800: #ae2e03; --palettes-brand-900: #611405; --palettes-neutral-text: #ffffff; --palettes-neutral-0: #ffffff; --palettes-neutral-25: #f3f6fc; --palettes-neutral-50: #e7edf9; --palettes-neutral-100: #dbe3f5; --palettes-neutral-200: #ced9ee; --palettes-neutral-300: #becbe4; --palettes-neutral-400: #acbbd7; --palettes-neutral-500: #96a6c5; --palettes-neutral-600: #667799; --palettes-neutral-700: #445473; --palettes-neutral-800: #2a3551; --palettes-neutral-900: #0b1732; --palettes-navigation-text: #ffffff; --palettes-navigation-0: #ffffff; --palettes-navigation-700: #313972; --palettes-navigation-800: #192157; --palettes-navigation-900: #12183f; --palettes-product-text: #ffffff; --palettes-product-0: #ffffff; --palettes-product-50: #fff1eb; --palettes-product-100: #ffe0d1; --palettes-product-200: #ffccb3; --palettes-product-300: #ffbe9e; --palettes-product-400: #ffaa80; --palettes-product-500: #ff9361; --palettes-product-600: #ff7b3d; --palettes-product-700: #e06029; --palettes-product-800: #ae2e03; --palettes-product-900: #611405; --palettes-cleemy-text: #ffffff; --palettes-cleemy-0: #ffffff; --palettes-cleemy-50: #ecf9f7; --palettes-cleemy-100: #ceeee9; --palettes-cleemy-200: #a4e0da; --palettes-cleemy-300: #7acdc6; --palettes-cleemy-400: #54bbb2; --palettes-cleemy-500: #00ada5; --palettes-cleemy-600: #009491; --palettes-cleemy-700: #007a78; --palettes-cleemy-800: #00545c; --palettes-cleemy-900: #00333d; --palettes-cc-text: #ffffff; --palettes-cc-0: #ffffff; --palettes-cc-50: #feecf4; --palettes-cc-100: #fcd9e9; --palettes-cc-200: #f9b9d7; --palettes-cc-300: #f49fc7; --palettes-cc-400: #f084b7; --palettes-cc-500: #e864a1; --palettes-cc-600: #d63882; --palettes-cc-700: #bc2069; --palettes-cc-800: #930747; --palettes-cc-900: #580b2f; --palettes-pagga-text: #ffffff; --palettes-pagga-0: #ffffff; --palettes-pagga-50: #fbeffa; --palettes-pagga-100: #f5dbf4; --palettes-pagga-200: #ebc1e9; --palettes-pagga-300: #e1a8df; --palettes-pagga-400: #da8bd6; --palettes-pagga-500: #d16bcc; --palettes-pagga-600: #c94cc5; --palettes-pagga-700: #b413ac; --palettes-pagga-800: #86147e; --palettes-pagga-900: #61005c; --palettes-poplee-text: #ffffff; --palettes-poplee-0: #ffffff; --palettes-poplee-50: #e6f6fe; --palettes-poplee-100: #cbeafb; --palettes-poplee-200: #b1def6; --palettes-poplee-300: #98d2f1; --palettes-poplee-400: #7bc3ea; --palettes-poplee-500: #62b7e4; --palettes-poplee-600: #3a9ed4; --palettes-poplee-700: #0b77b1; --palettes-poplee-800: #005685; --palettes-poplee-900: #003c5c; --palettes-timmi-text: #ffffff; --palettes-timmi-0: #ffffff; --palettes-timmi-50: #f0f1fe; --palettes-timmi-100: #e0e1ff; --palettes-timmi-200: #cac9fd; --palettes-timmi-300: #b9b2fa; --palettes-timmi-400: #a69df0; --palettes-timmi-500: #9989ec; --palettes-timmi-600: #866ce4; --palettes-timmi-700: #6f52d1; --palettes-timmi-800: #5027a5; --palettes-timmi-900: #24075a; --palettes-coreHR-text: #ffffff; --palettes-coreHR-0: #ffffff; --palettes-coreHR-50: #e6f2fe; --palettes-coreHR-100: #cbe3fb; --palettes-coreHR-200: #b0d3f7; --palettes-coreHR-300: #96c4f3; --palettes-coreHR-400: #78b2ed; --palettes-coreHR-500: #5ea3e8; --palettes-coreHR-600: #3387db; --palettes-coreHR-700: #0c63bb; --palettes-coreHR-800: #004285; --palettes-coreHR-900: #002e5c; --palettes-kiwi-50: #ecf7de; --palettes-kiwi-100: #d7eeb9; --palettes-kiwi-200: #c7e79c; --palettes-kiwi-300: #aed57c; --palettes-kiwi-400: #96c856; --palettes-kiwi-500: #7cbb2a; --palettes-kiwi-600: #68a716; --palettes-kiwi-700: #4f840b; --palettes-kiwi-800: #3e6808; --palettes-kiwi-900: #2d4b06; --palettes-lime-50: #e2f7df; --palettes-lime-100: #c5eebe; --palettes-lime-200: #a7e69e; --palettes-lime-300: #88d57c; --palettes-lime-400: #74cb67; --palettes-lime-500: #54ba45; --palettes-lime-600: #45a437; --palettes-lime-700: #1c7c0e; --palettes-lime-800: #16600b; --palettes-lime-900: #104508; --palettes-cucumber-50: #ddf9eb; --palettes-cucumber-100: #c0f2d9; --palettes-cucumber-200: #98ecc2; --palettes-cucumber-300: #71daa6; --palettes-cucumber-400: #54c98f; --palettes-cucumber-500: #2db973; --palettes-cucumber-600: #12a55c; --palettes-cucumber-700: #008a45; --palettes-cucumber-800: #006b36; --palettes-cucumber-900: #005229; --palettes-mint-50: #d9f7f1; --palettes-mint-100: #bbf2e7; --palettes-mint-200: #99ebda; --palettes-mint-300: #68d9c3; --palettes-mint-400: #31c4a6; --palettes-mint-500: #0fb392; --palettes-mint-600: #089b7e; --palettes-mint-700: #008a6e; --palettes-mint-800: #006b56; --palettes-mint-900: #004d3d; --palettes-glacier-50: #e0f6f6; --palettes-glacier-100: #c4eded; --palettes-glacier-200: #a1e3e3; --palettes-glacier-300: #73d3d3; --palettes-glacier-400: #4dc7c7; --palettes-glacier-500: #20b6b6; --palettes-glacier-600: #08a0a0; --palettes-glacier-700: #008a8a; --palettes-glacier-800: #006b6b; --palettes-glacier-900: #005252; --palettes-lagoon-50: #dff3fb; --palettes-lagoon-100: #bfe7f8; --palettes-lagoon-200: #9fdaf4; --palettes-lagoon-300: #75c7ea; --palettes-lagoon-400: #49b5e4; --palettes-lagoon-500: #28a3d7; --palettes-lagoon-600: #148ec2; --palettes-lagoon-700: #086c96; --palettes-lagoon-800: #065374; --palettes-lagoon-900: #05425c; --palettes-blueberry-50: #dfe8fb; --palettes-blueberry-100: #c8d8f9; --palettes-blueberry-200: #b1c8f6; --palettes-blueberry-300: #98b4eb; --palettes-blueberry-400: #769be5; --palettes-blueberry-500: #628cdf; --palettes-blueberry-600: #4777d7; --palettes-blueberry-700: #295cc2; --palettes-blueberry-800: #1b4498; --palettes-blueberry-900: #153575; --palettes-lavender-50: #eadffb; --palettes-lavender-100: #dfcdf9; --palettes-lavender-200: #d3bbf7; --palettes-lavender-300: #c3a8eb; --palettes-lavender-400: #b493e6; --palettes-lavender-500: #a17cda; --palettes-lavender-600: #9165d2; --palettes-lavender-700: #7647bd; --palettes-lavender-800: #5f369b; --palettes-lavender-900: #4a2a79; --palettes-grape-50: #f5e3fc; --palettes-grape-100: #eed0fb; --palettes-grape-200: #e9c2f9; --palettes-grape-300: #d4a6e8; --palettes-grape-400: #ba84d2; --palettes-grape-500: #ad71c6; --palettes-grape-600: #9a57b7; --palettes-grape-700: #8133a3; --palettes-grape-800: #620f85; --palettes-grape-900: #470b60; --palettes-watermelon-50: #f7dee4; --palettes-watermelon-100: #f1c1cd; --palettes-watermelon-200: #eaa4b5; --palettes-watermelon-300: #e48ba1; --palettes-watermelon-400: #db6683; --palettes-watermelon-500: #d4496c; --palettes-watermelon-600: #be2d51; --palettes-watermelon-700: #a7163a; --palettes-watermelon-800: #8d0729; --palettes-watermelon-900: #6f0620; --palettes-pumpkin-50: #fdecd8; --palettes-pumpkin-100: #fbddbc; --palettes-pumpkin-200: #f9cf9f; --palettes-pumpkin-300: #f4b771; --palettes-pumpkin-400: #ef9c3e; --palettes-pumpkin-500: #eb8e24; --palettes-pumpkin-600: #db7500; --palettes-pumpkin-700: #c26700; --palettes-pumpkin-800: #8f4c00; --palettes-pumpkin-900: #5c3100; --palettes-pineapple-50: #fdf8e3; --palettes-pineapple-100: #faf2c6; --palettes-pineapple-200: #f8eaa5; --palettes-pineapple-300: #f9e16c; --palettes-pineapple-400: #f8dc4f; --palettes-pineapple-500: #e7c623; --palettes-pineapple-600: #d6b300; --palettes-pineapple-700: #c29e00; --palettes-pineapple-800: #9e8100; --palettes-pineapple-900: #7a6400; --palettes-lucca-text: #ffffff; --palettes-lucca-0: #ffffff; --palettes-lucca-50: #fff1eb; --palettes-lucca-100: #ffe0d1; --palettes-lucca-200: #ffccb3; --palettes-lucca-300: #ffbe9e; --palettes-lucca-400: #ffaa80; --palettes-lucca-500: #ff9361; --palettes-lucca-600: #ff7b3d; --palettes-lucca-700: #e06029; --palettes-lucca-800: #ae2e03; --palettes-lucca-900: #611405; --palettes-grey-text: #ffffff; --palettes-grey-0: #ffffff; --palettes-grey-25: #f3f6fc; --palettes-grey-50: #e7edf9; --palettes-grey-100: #dbe3f5; --palettes-grey-200: #ced9ee; --palettes-grey-300: #becbe4; --palettes-grey-400: #acbbd7; --palettes-grey-500: #96a6c5; --palettes-grey-600: #667799; --palettes-grey-700: #445473; --palettes-grey-800: #2a3551; --palettes-grey-900: #0b1732; --palettes-primary-text: #ffffff; --palettes-primary-0: #ffffff; --palettes-primary-50: #fff1eb; --palettes-primary-100: #ffe0d1; --palettes-primary-200: #ffccb3; --palettes-primary-300: #ffbe9e; --palettes-primary-400: #ffaa80; --palettes-primary-500: #ff9361; --palettes-primary-600: #ff7b3d; --palettes-primary-700: #e06029; --palettes-primary-800: #ae2e03; --palettes-primary-900: #611405; --palettes-secondary-text: #ffffff; --palettes-secondary-0: #ffffff; --palettes-secondary-50: #fff1eb; --palettes-secondary-100: #ffe0d1; --palettes-secondary-200: #ffccb3; --palettes-secondary-300: #ffbe9e; --palettes-secondary-400: #ffaa80; --palettes-secondary-500: #ff9361; --palettes-secondary-600: #ff7b3d; --palettes-secondary-700: #e06029; --palettes-secondary-800: #ae2e03; --palettes-secondary-900: #611405; --sizes-XS-fontSize: .75rem; --sizes-XS-lineHeight: 1rem; --sizes-XS-verticalPadding: 0; --sizes-S-fontSize: .875rem; --sizes-S-lineHeight: 1.25rem; --sizes-S-verticalPadding: .125rem; --sizes-M-fontSize: 1rem; --sizes-M-lineHeight: 1.5rem; --sizes-M-verticalPadding: .125rem; --sizes-L-fontSize: 1.125rem; --sizes-L-lineHeight: 1.5rem; --sizes-L-verticalPadding: .25rem; --sizes-XL-fontSize: 1.375rem; --sizes-XL-lineHeight: 1.75rem; --sizes-XL-verticalPadding: .375rem; --sizes-XXL-fontSize: 1.75rem; --sizes-XXL-lineHeight: 2rem; --sizes-XXL-verticalPadding: .25rem; --sizes-XXXL-fontSize: 2.25rem; --sizes-XXXL-lineHeight: 2.5rem; --sizes-XXXL-verticalPadding: .5rem; --colors-white-color: #ffffff; --colors-black-color: #121212; --colors-white-rgb: 255, 255, 255; --colors-neutral-400-rgb: 172, 187, 215; --colors-neutral-900-rgb: 19, 29, 53; --colors-grey-400-rgb: 172, 187, 215; --colors-grey-900-rgb: 19, 29, 53; --commons-banner-height: 50px; --commons-divider-width: 1px; --commons-divider-style: solid; --commons-divider-border: var(--commons-divider-width) var(--commons-divider-style) var(--commons-divider-color); --commons-border-100: var(--palettes-neutral-100); --commons-border-200: var(--palettes-neutral-200); --commons-background-base: var(--palettes-neutral-25); --commons-divider-color: var(--palettes-neutral-200); --commons-container-maxWidthXXXS: 20rem; --commons-container-maxWidthXXS: 30rem; --commons-container-maxWidthXS: 40rem; --commons-container-maxWidthS: 50rem; --commons-container-maxWidthM: 64rem; --commons-container-maxWidthL: 80rem; --commons-container-maxWidthXL: 85.375rem; --commons-container-maxWidthXXL: 100rem; --commons-container-maxWidthXXXL: 120rem; --commons-container-maxWidth: var(--commons-container-maxWidthXXL); --commons-container-padding: 3.5rem; --commons-navSide-width: 0rem; --commons-navSide-compact-width: 7.5rem; --commons-navSide-mobile-toggle-height: 3.5rem; --commons-font-family: "Banner Source Sans", Tahoma, sans-serif; height: -webkit-fill-available; background-color: var(--pr-t-elevation-surface-default); color: var(--palettes-neutral-800); font-family: var(--commons-font-family); font-size: var(--sizes-M-fontSize); line-height: var(--sizes-M-lineHeight); } @supports (-webkit-touch-callout: none) { .lucca-banner { min-height: -webkit-fill-available; } } .lucca-banner .lucca-icon { --icon-fontFamily: "Banner Lucca icons"; } *, ::after, ::before { box-sizing: border-box; } ::placeholder { opacity: 1; } html { block-size: -webkit-fill-available; } body { background-color: var(--pr-t-elevation-surface-default); color: var(--palettes-neutral-800); font-family: var(--commons-font-family); font-size: var(--sizes-M-fontSize); line-height: var(--sizes-M-lineHeight); } @supports (-webkit-touch-callout: none) { body { min-block-size: -webkit-fill-available; } } p { margin: 0px; } ul, ol { margin: 0px; padding-inline-start: var(--pr-t-spacings-400); } abbr[title] { border: none; text-decoration: none; } a { color: var(--commons-text-link-color); cursor: pointer; text-decoration: underline; } a:hover { color: var(--commons-text-link-hover); } a:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; border-radius: var(--commons-borderRadius-M); } button:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } strong, b { font-weight: 600; } .palette-critical { --palettes-text: var(--palettes-critical-text); --palettes-0: var(--palettes-critical-0); --palettes-50: var(--palettes-critical-50); --palettes-100: var(--palettes-critical-100); --palettes-200: var(--palettes-critical-200); --palettes-300: var(--palettes-critical-300); --palettes-400: var(--palettes-critical-400); --palettes-500: var(--palettes-critical-500); --palettes-600: var(--palettes-critical-600); --palettes-700: var(--palettes-critical-700); --palettes-800: var(--palettes-critical-800); --palettes-900: var(--palettes-critical-900); } .palette-error { --palettes-text: var(--palettes-error-text); --palettes-0: var(--palettes-error-0); --palettes-50: var(--palettes-error-50); --palettes-100: var(--palettes-error-100); --palettes-200: var(--palettes-error-200); --palettes-300: var(--palettes-error-300); --palettes-400: var(--palettes-error-400); --palettes-500: var(--palettes-error-500); --palettes-600: var(--palettes-error-600); --palettes-700: var(--palettes-error-700); --palettes-800: var(--palettes-error-800); --palettes-900: var(--palettes-error-900); } .palette-warning { --palettes-text: var(--palettes-warning-text); --palettes-0: var(--palettes-warning-0); --palettes-50: var(--palettes-warning-50); --palettes-100: var(--palettes-warning-100); --palettes-200: var(--palettes-warning-200); --palettes-300: var(--palettes-warning-300); --palettes-400: var(--palettes-warning-400); --palettes-500: var(--palettes-warning-500); --palettes-600: var(--palettes-warning-600); --palettes-700: var(--palettes-warning-700); --palettes-800: var(--palettes-warning-800); --palettes-900: var(--palettes-warning-900); } .palette-success { --palettes-text: var(--palettes-success-text); --palettes-0: var(--palettes-success-0); --palettes-50: var(--palettes-success-50); --palettes-100: var(--palettes-success-100); --palettes-200: var(--palettes-success-200); --palettes-300: var(--palettes-success-300); --palettes-400: var(--palettes-success-400); --palettes-500: var(--palettes-success-500); --palettes-600: var(--palettes-success-600); --palettes-700: var(--palettes-success-700); --palettes-800: var(--palettes-success-800); --palettes-900: var(--palettes-success-900); } .palette-brand { --palettes-text: var(--palettes-brand-text); --palettes-0: var(--palettes-brand-0); --palettes-50: var(--palettes-brand-50); --palettes-100: var(--palettes-brand-100); --palettes-200: var(--palettes-brand-200); --palettes-300: var(--palettes-brand-300); --palettes-400: var(--palettes-brand-400); --palettes-500: var(--palettes-brand-500); --palettes-600: var(--palettes-brand-600); --palettes-700: var(--palettes-brand-700); --palettes-800: var(--palettes-brand-800); --palettes-900: var(--palettes-brand-900); } .palette-neutral { --palettes-text: var(--palettes-neutral-text); --palettes-0: var(--palettes-neutral-0); --palettes-25: var(--palettes-neutral-25); --palettes-50: var(--palettes-neutral-50); --palettes-100: var(--palettes-neutral-100); --palettes-200: var(--palettes-neutral-200); --palettes-300: var(--palettes-neutral-300); --palettes-400: var(--palettes-neutral-400); --palettes-500: var(--palettes-neutral-500); --palettes-600: var(--palettes-neutral-600); --palettes-700: var(--palettes-neutral-700); --palettes-800: var(--palettes-neutral-800); --palettes-900: var(--palettes-neutral-900); } .palette-navigation { --palettes-text: var(--palettes-navigation-text); --palettes-0: var(--palettes-navigation-0); --palettes-700: var(--palettes-navigation-700); --palettes-800: var(--palettes-navigation-800); --palettes-900: var(--palettes-navigation-900); } .palette-product { --palettes-text: var(--palettes-product-text); --palettes-0: var(--palettes-product-0); --palettes-50: var(--palettes-product-50); --palettes-100: var(--palettes-product-100); --palettes-200: var(--palettes-product-200); --palettes-300: var(--palettes-product-300); --palettes-400: var(--palettes-product-400); --palettes-500: var(--palettes-product-500); --palettes-600: var(--palettes-product-600); --palettes-700: var(--palettes-product-700); --palettes-800: var(--palettes-product-800); --palettes-900: var(--palettes-product-900); } .palette-cleemy { --palettes-text: var(--palettes-cleemy-text); --palettes-0: var(--palettes-cleemy-0); --palettes-50: var(--palettes-cleemy-50); --palettes-100: var(--palettes-cleemy-100); --palettes-200: var(--palettes-cleemy-200); --palettes-300: var(--palettes-cleemy-300); --palettes-400: var(--palettes-cleemy-400); --palettes-500: var(--palettes-cleemy-500); --palettes-600: var(--palettes-cleemy-600); --palettes-700: var(--palettes-cleemy-700); --palettes-800: var(--palettes-cleemy-800); --palettes-900: var(--palettes-cleemy-900); } .palette-cc { --palettes-text: var(--palettes-cc-text); --palettes-0: var(--palettes-cc-0); --palettes-50: var(--palettes-cc-50); --palettes-100: var(--palettes-cc-100); --palettes-200: var(--palettes-cc-200); --palettes-300: var(--palettes-cc-300); --palettes-400: var(--palettes-cc-400); --palettes-500: var(--palettes-cc-500); --palettes-600: var(--palettes-cc-600); --palettes-700: var(--palettes-cc-700); --palettes-800: var(--palettes-cc-800); --palettes-900: var(--palettes-cc-900); } .palette-pagga { --palettes-text: var(--palettes-pagga-text); --palettes-0: var(--palettes-pagga-0); --palettes-50: var(--palettes-pagga-50); --palettes-100: var(--palettes-pagga-100); --palettes-200: var(--palettes-pagga-200); --palettes-300: var(--palettes-pagga-300); --palettes-400: var(--palettes-pagga-400); --palettes-500: var(--palettes-pagga-500); --palettes-600: var(--palettes-pagga-600); --palettes-700: var(--palettes-pagga-700); --palettes-800: var(--palettes-pagga-800); --palettes-900: var(--palettes-pagga-900); } .palette-poplee { --palettes-text: var(--palettes-poplee-text); --palettes-0: var(--palettes-poplee-0); --palettes-50: var(--palettes-poplee-50); --palettes-100: var(--palettes-poplee-100); --palettes-200: var(--palettes-poplee-200); --palettes-300: var(--palettes-poplee-300); --palettes-400: var(--palettes-poplee-400); --palettes-500: var(--palettes-poplee-500); --palettes-600: var(--palettes-poplee-600); --palettes-700: var(--palettes-poplee-700); --palettes-800: var(--palettes-poplee-800); --palettes-900: var(--palettes-poplee-900); } .palette-timmi { --palettes-text: var(--palettes-timmi-text); --palettes-0: var(--palettes-timmi-0); --palettes-50: var(--palettes-timmi-50); --palettes-100: var(--palettes-timmi-100); --palettes-200: var(--palettes-timmi-200); --palettes-300: var(--palettes-timmi-300); --palettes-400: var(--palettes-timmi-400); --palettes-500: var(--palettes-timmi-500); --palettes-600: var(--palettes-timmi-600); --palettes-700: var(--palettes-timmi-700); --palettes-800: var(--palettes-timmi-800); --palettes-900: var(--palettes-timmi-900); } .palette-coreHR { --palettes-text: var(--palettes-coreHR-text); --palettes-0: var(--palettes-coreHR-0); --palettes-50: var(--palettes-coreHR-50); --palettes-100: var(--palettes-coreHR-100); --palettes-200: var(--palettes-coreHR-200); --palettes-300: var(--palettes-coreHR-300); --palettes-400: var(--palettes-coreHR-400); --palettes-500: var(--palettes-coreHR-500); --palettes-600: var(--palettes-coreHR-600); --palettes-700: var(--palettes-coreHR-700); --palettes-800: var(--palettes-coreHR-800); --palettes-900: var(--palettes-coreHR-900); } .palette-kiwi { --palettes-50: var(--palettes-kiwi-50); --palettes-100: var(--palettes-kiwi-100); --palettes-200: var(--palettes-kiwi-200); --palettes-300: var(--palettes-kiwi-300); --palettes-400: var(--palettes-kiwi-400); --palettes-500: var(--palettes-kiwi-500); --palettes-600: var(--palettes-kiwi-600); --palettes-700: var(--palettes-kiwi-700); --palettes-800: var(--palettes-kiwi-800); --palettes-900: var(--palettes-kiwi-900); } .palette-lime { --palettes-50: var(--palettes-lime-50); --palettes-100: var(--palettes-lime-100); --palettes-200: var(--palettes-lime-200); --palettes-300: var(--palettes-lime-300); --palettes-400: var(--palettes-lime-400); --palettes-500: var(--palettes-lime-500); --palettes-600: var(--palettes-lime-600); --palettes-700: var(--palettes-lime-700); --palettes-800: var(--palettes-lime-800); --palettes-900: var(--palettes-lime-900); } .palette-cucumber { --palettes-50: var(--palettes-cucumber-50); --palettes-100: var(--palettes-cucumber-100); --palettes-200: var(--palettes-cucumber-200); --palettes-300: var(--palettes-cucumber-300); --palettes-400: var(--palettes-cucumber-400); --palettes-500: var(--palettes-cucumber-500); --palettes-600: var(--palettes-cucumber-600); --palettes-700: var(--palettes-cucumber-700); --palettes-800: var(--palettes-cucumber-800); --palettes-900: var(--palettes-cucumber-900); } .palette-mint { --palettes-50: var(--palettes-mint-50); --palettes-100: var(--palettes-mint-100); --palettes-200: var(--palettes-mint-200); --palettes-300: var(--palettes-mint-300); --palettes-400: var(--palettes-mint-400); --palettes-500: var(--palettes-mint-500); --palettes-600: var(--palettes-mint-600); --palettes-700: var(--palettes-mint-700); --palettes-800: var(--palettes-mint-800); --palettes-900: var(--palettes-mint-900); } .palette-glacier { --palettes-50: var(--palettes-glacier-50); --palettes-100: var(--palettes-glacier-100); --palettes-200: var(--palettes-glacier-200); --palettes-300: var(--palettes-glacier-300); --palettes-400: var(--palettes-glacier-400); --palettes-500: var(--palettes-glacier-500); --palettes-600: var(--palettes-glacier-600); --palettes-700: var(--palettes-glacier-700); --palettes-800: var(--palettes-glacier-800); --palettes-900: var(--palettes-glacier-900); } .palette-lagoon { --palettes-50: var(--palettes-lagoon-50); --palettes-100: var(--palettes-lagoon-100); --palettes-200: var(--palettes-lagoon-200); --palettes-300: var(--palettes-lagoon-300); --palettes-400: var(--palettes-lagoon-400); --palettes-500: var(--palettes-lagoon-500); --palettes-600: var(--palettes-lagoon-600); --palettes-700: var(--palettes-lagoon-700); --palettes-800: var(--palettes-lagoon-800); --palettes-900: var(--palettes-lagoon-900); } .palette-blueberry { --palettes-50: var(--palettes-blueberry-50); --palettes-100: var(--palettes-blueberry-100); --palettes-200: var(--palettes-blueberry-200); --palettes-300: var(--palettes-blueberry-300); --palettes-400: var(--palettes-blueberry-400); --palettes-500: var(--palettes-blueberry-500); --palettes-600: var(--palettes-blueberry-600); --palettes-700: var(--palettes-blueberry-700); --palettes-800: var(--palettes-blueberry-800); --palettes-900: var(--palettes-blueberry-900); } .palette-lavender { --palettes-50: var(--palettes-lavender-50); --palettes-100: var(--palettes-lavender-100); --palettes-200: var(--palettes-lavender-200); --palettes-300: var(--palettes-lavender-300); --palettes-400: var(--palettes-lavender-400); --palettes-500: var(--palettes-lavender-500); --palettes-600: var(--palettes-lavender-600); --palettes-700: var(--palettes-lavender-700); --palettes-800: var(--palettes-lavender-800); --palettes-900: var(--palettes-lavender-900); } .palette-grape { --palettes-50: var(--palettes-grape-50); --palettes-100: var(--palettes-grape-100); --palettes-200: var(--palettes-grape-200); --palettes-300: var(--palettes-grape-300); --palettes-400: var(--palettes-grape-400); --palettes-500: var(--palettes-grape-500); --palettes-600: var(--palettes-grape-600); --palettes-700: var(--palettes-grape-700); --palettes-800: var(--palettes-grape-800); --palettes-900: var(--palettes-grape-900); } .palette-watermelon { --palettes-50: var(--palettes-watermelon-50); --palettes-100: var(--palettes-watermelon-100); --palettes-200: var(--palettes-watermelon-200); --palettes-300: var(--palettes-watermelon-300); --palettes-400: var(--palettes-watermelon-400); --palettes-500: var(--palettes-watermelon-500); --palettes-600: var(--palettes-watermelon-600); --palettes-700: var(--palettes-watermelon-700); --palettes-800: var(--palettes-watermelon-800); --palettes-900: var(--palettes-watermelon-900); } .palette-pumpkin { --palettes-50: var(--palettes-pumpkin-50); --palettes-100: var(--palettes-pumpkin-100); --palettes-200: var(--palettes-pumpkin-200); --palettes-300: var(--palettes-pumpkin-300); --palettes-400: var(--palettes-pumpkin-400); --palettes-500: var(--palettes-pumpkin-500); --palettes-600: var(--palettes-pumpkin-600); --palettes-700: var(--palettes-pumpkin-700); --palettes-800: var(--palettes-pumpkin-800); --palettes-900: var(--palettes-pumpkin-900); } .palette-pineapple { --palettes-50: var(--palettes-pineapple-50); --palettes-100: var(--palettes-pineapple-100); --palettes-200: var(--palettes-pineapple-200); --palettes-300: var(--palettes-pineapple-300); --palettes-400: var(--palettes-pineapple-400); --palettes-500: var(--palettes-pineapple-500); --palettes-600: var(--palettes-pineapple-600); --palettes-700: var(--palettes-pineapple-700); --palettes-800: var(--palettes-pineapple-800); --palettes-900: var(--palettes-pineapple-900); } .palette-lucca { --palettes-text: var(--palettes-lucca-text); --palettes-0: var(--palettes-lucca-0); --palettes-50: var(--palettes-lucca-50); --palettes-100: var(--palettes-lucca-100); --palettes-200: var(--palettes-lucca-200); --palettes-300: var(--palettes-lucca-300); --palettes-400: var(--palettes-lucca-400); --palettes-500: var(--palettes-lucca-500); --palettes-600: var(--palettes-lucca-600); --palettes-700: var(--palettes-lucca-700); --palettes-800: var(--palettes-lucca-800); --palettes-900: var(--palettes-lucca-900); } .palette-grey { --palettes-text: var(--palettes-grey-text); --palettes-0: var(--palettes-grey-0); --palettes-25: var(--palettes-grey-25); --palettes-50: var(--palettes-grey-50); --palettes-100: var(--palettes-grey-100); --palettes-200: var(--palettes-grey-200); --palettes-300: var(--palettes-grey-300); --palettes-400: var(--palettes-grey-400); --palettes-500: var(--palettes-grey-500); --palettes-600: var(--palettes-grey-600); --palettes-700: var(--palettes-grey-700); --palettes-800: var(--palettes-grey-800); --palettes-900: var(--palettes-grey-900); } .palette-primary { --palettes-text: var(--palettes-primary-text); --palettes-0: var(--palettes-primary-0); --palettes-50: var(--palettes-primary-50); --palettes-100: var(--palettes-primary-100); --palettes-200: var(--palettes-primary-200); --palettes-300: var(--palettes-primary-300); --palettes-400: var(--palettes-primary-400); --palettes-500: var(--palettes-primary-500); --palettes-600: var(--palettes-primary-600); --palettes-700: var(--palettes-primary-700); --palettes-800: var(--palettes-primary-800); --palettes-900: var(--palettes-primary-900); } .palette-secondary { --palettes-text: var(--palettes-secondary-text); --palettes-0: var(--palettes-secondary-0); --palettes-50: var(--palettes-secondary-50); --palettes-100: var(--palettes-secondary-100); --palettes-200: var(--palettes-secondary-200); --palettes-300: var(--palettes-secondary-300); --palettes-400: var(--palettes-secondary-400); --palettes-500: var(--palettes-secondary-500); --palettes-600: var(--palettes-secondary-600); --palettes-700: var(--palettes-secondary-700); --palettes-800: var(--palettes-secondary-800); --palettes-900: var(--palettes-secondary-900); } .lucca-banner .button.mod-text:where(:not(.is-success, .is-error)), .lucca-banner .button.mod-link:where(:not(.is-success, .is-error)) { --components-button-color: var(--palettes-800, var(--palettes-neutral-800)); } @media print { .lucca-banner { display: none; } } .lucca-banner { --banner-padding: var(--pr-t-spacings-50); position: relative; height: var(--commons-banner-height); background-color: var(--colors-white-color); color: var(--palettes-neutral-800); display: flex; width: 100%; z-index: 9000; gap: var(--pr-t-spacings-50); justify-content: space-between; align-items: center; padding: var(--banner-padding); box-shadow: var(--pr-t-elevation-shadow-overflow); } .lucca-banner *, .lucca-banner ::after, .lucca-banner ::before { box-sizing: border-box; } .lucca-banner .lucca-banner-container { display: flex; gap: var(--pr-t-spacings-50); align-items: center; z-index: 1; } .lucca-banner .lucca-banner-button { border-radius: var(--commons-borderRadius-L); } .lucca-banner .lucca-banner-button:hover, .lucca-banner .lucca-banner-button[aria-expanded="true"] { background-color: var(--palettes-brand-50); color: var(--palettes-brand-700); } .lucca-banner .lucca-banner-button[aria-disabled="true"] { color: var(--palettes-neutral-500); } .lucca-banner .lucca-banner-button[aria-disabled="true"]:hover, .lucca-banner .lucca-banner-button[aria-disabled="true"]:focus { background-color: transparent; } @media screen { @media not all and (min-width: 50em) { .lucca-banner .lucca-banner-hide-on-mobile { display: none; } } @media not all and (min-width: 22em) { .lucca-banner .lucca-banner-hide-atMediaMax352 { display: none; } } } .lucca-banner .lucca-banner-active::before { content: ""; position: absolute; width: 100%; top: calc(50% - var(--commons-banner-height) / 2); border-bottom: var(--commons-divider-style) 3px var(--palettes-primary-700); border-radius: 0 0 var(--commons-borderRadius-M) var(--commons-borderRadius-M); } .lucca-banner::after { position: absolute; padding: 0px 1em; color: var(--colors-white-color); text-transform: uppercase; top: 0px; left: 50%; height: var(--commons-banner-height); line-height: var(--commons-banner-height); font-size: var(--sizes-XL-fontSize); width: 13.75rem; margin-left: -6.875rem; text-align: center; white-space: pre; } .lucca-banner.lucca-banner-preview::after { content: "⚠ preview ⚠"; background-color: rgb(251, 125, 137); } .lucca-banner.lucca-banner-preview-with-mails::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); background-color: rgb(251, 125, 137); content: "⚠ PREVIEW ⚠\a Mails activés"; } .lucca-banner.lucca-banner-training::after { content: "⚠ test ⚠"; background-color: rgb(113, 210, 100); } .lucca-banner.lucca-banner-sandbox::after { content: "⚠ sandbox ⚠"; background-color: rgb(113, 210, 100); } .lucca-banner.lucca-banner-prod::after { content: "⚠ prod ⚠"; background: rgb(255, 102, 0); } .lucca-banner.lucca-banner-proxy-to-preview::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); background-color: rgb(251, 125, 137); content: "proxy \a ⚠ preview ⚠"; } .lucca-banner.lucca-banner-proxy-to-demo::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); background-color: var(--palettes-neutral-800); content: "proxy \a ⚠ demo ⚠"; } .lucca-banner.lucca-banner-proxy-to-training::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); background-color: rgb(113, 210, 100); content: "proxy \a ⚠ test ⚠"; } .lucca-banner.lucca-banner-proxy-to-sandbox::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); background-color: rgb(113, 210, 100); content: "proxy \a ⚠ sandbox ⚠"; } .lucca-banner.lucca-banner-proxy-to-local::after { font-size: var(--sizes-M-fontSize); white-space: pre; line-height: calc(var(--commons-banner-height) / 2); color: rgb(187, 187, 187); content: "proxy \a local"; }

#lucca-banner-notification-shortcut[_ngcontent-ng-c3110351350] { --components-button-padding: var(--pr-t-spacings-100); } .lucca-banner-notification-count[_ngcontent-ng-c3110351350] { background-color: var(--palettes-primary-200); position: absolute; top: var(--pr-t-spacings-25); transition-duration: var(--commons-animations-durations-fast); transition-property: border-color, color; transition-timing-function: ease; right: var(--pr-t-spacings-25); } @media not all and (min-width: 50em) { .remindersPanel { bottom: 0px; } .remindersPanel .popover { border-radius: 0px; height: 100%; box-shadow: none; } } .bannerNotifications[_ngcontent-ng-c3110351350] { display: inline-block; width: calc(100vw - 2 * var(--commons-banner-height)); max-height: calc(100vh - var(--commons-banner-height)); } @media screen { @media not all and (min-width: 50em) { .bannerNotifications[_ngcontent-ng-c3110351350] { width: 100%; height: 100%; max-height: 100%; } } } .bannerNotifications-content[_ngcontent-ng-c3110351350] { align-items: stretch; display: flex; max-height: 43.375rem; transform: scale(1); height: calc(-6.25rem + 100vh); } @media screen { @media not all and (min-width: 50em) { .bannerNotifications-content[_ngcontent-ng-c3110351350] { border-radius: 0px; max-height: 100%; width: 100%; height: 100%; } } } .bannerNotifications-apps[_ngcontent-ng-c3110351350] { border-radius: var(--commons-borderRadius-L) 0 0 var(--commons-borderRadius-L); border-right: var(--commons-divider-border); flex: 0 0 12.5rem; font-size: var(--sizes-S-fontSize); line-height: var(--sizes-S-lineHeight); max-height: 100%; overflow-y: auto; } @media screen { @media not all and (min-width: 50em) { .bannerNotifications-apps[_ngcontent-ng-c3110351350] { display: none; } } } .bannerNotifications-apps-title[_ngcontent-ng-c3110351350] { border-bottom: var(--commons-divider-border); padding: 0.875rem; } .bannerNotifications-filter[_ngcontent-ng-c3110351350] { display: block; } .bannerNotifications-filter[_ngcontent-ng-c3110351350]::marker { content: ""; } .bannerNotifications-appInstanceButton[_ngcontent-ng-c3110351350] { border-radius: 0px; display: flex; justify-content: space-between; } .bannerNotifications-appInstanceButton.mod-selected[_ngcontent-ng-c3110351350] { color: var(--colors-white-color); } .bannerNotifications-appInstanceButton[_ngcontent-ng-c3110351350]:hover:not(.mod-selected) { background-color: rgba(88, 101, 116, 0.2); outline: none; } .bannerNotifications-apps-link[_ngcontent-ng-c3110351350] { padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200); } .bannerNotifications-apps-list[_ngcontent-ng-c3110351350] { margin: 0px; padding: 0px; }

.button { --components-button-font-size: var(--sizes-M-fontSize); --components-button-line-height: var(--sizes-M-lineHeight); --components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200); --components-button-gap: var(--pr-t-spacings-100); --components-button-opacity: 1; --components-button-cursor: pointer; --components-button-pointerEvents: auto; --components-button-width: auto; --components-button-minWidth: none; --components-button-userSelect: auto; --components-button-boxShadow: none; --components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0))); --components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700)); --components-button-arrow-transform: none; --icon-size: 1.5rem; background-color: var(--components-button-backgroundColor); box-shadow: var(--components-button-boxShadow); border-radius: var(--commons-borderRadius-M); line-height: var(--components-button-line-height); padding: var(--components-button-padding); transition-property: background-color, color, border-color, box-shadow; transition-duration: var(--commons-animations-durations-fast); inline-size: var(--components-button-width); min-inline-size: var(--components-button-minWidth); font-size: var(--components-button-font-size); gap: var(--components-button-gap); pointer-events: var(--components-button-pointerEvents); user-select: var(--components-button-userSelect); opacity: var(--components-button-opacity); cursor: var(--components-button-cursor); transition-timing-function: ease; font-family: inherit; display: inline-flex; align-items: center; justify-content: center; position: relative; text-decoration: none; vertical-align: middle; text-wrap: balance; text-align: center; font-weight: 600; border: 0px; } .button, .button:is(a) { color: var(--components-button-color); } .button .lucca-icon { display: block; } .button .button-icon { --icon-size: 1.5rem; } .button:not(.mod-outlined, .mod-outline) .numericBadge { --components-numericBadge-background: var(--palettes-200, var(--palettes-product-200)); --components-numericBadge-color: var(--palettes-800, var(--palettes-product-800)); } .button:hover { --components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0))); --components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800)); } .button:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } .button:active { --components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900)); } .button:disabled { --components-button-cursor: default; --components-button-color: var(--palettes-neutral-500); --components-button-backgroundColor: var(--commons-disabled-background); --components-button-pointerEvents: none; } .button:disabled .numericBadge { background-color: var(--palettes-neutral-200); color: var(--palettes-neutral-500); } .button.mod-block { --components-button-width: 100%; } .button.mod-S { --icon-size: 1.25rem; --components-button-font-size: var(--sizes-S-fontSize); --components-button-line-height: var(--sizes-S-lineHeight); --components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150); --components-button-gap: var(--pr-t-spacings-75); } .button.mod-S .numericBadge { --components-numericBadge-size: 1.25rem; --components-numericBadge-borderRadius: 6px; --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .button.mod-XS { --icon-size: 1rem; --components-button-font-size: var(--sizes-XS-fontSize); --components-button-line-height: var(--sizes-XS-lineHeight); --components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100); --components-button-gap: var(--pr-t-spacings-50); } .button.mod-XS .numericBadge { --components-numericBadge-size: 1rem; --components-numericBadge-borderRadius: var(--commons-borderRadius-M); --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .button.mod-disclosure { padding-inline-end: var(--pr-t-spacings-150); } .button.mod-disclosure .icon-arrowChevronBottom { transition-property: transform; transition-duration: var(--commons-animations-durations-fast); transform: var(--components-button-arrow-transform); } .button.mod-disclosure[aria-expanded="true"] { --components-button-arrow-transform: rotate(-180deg); } .button.mod-outlined:where(:not(.is-success, .is-error)), .button.mod-outline:where(:not(.is-success, .is-error)) { --components-button-backgroundColor: var(--palettes-neutral-0); --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); --components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400)); } .button.mod-outlined:where(:not(.is-success, .is-error)):hover, .button.mod-outline:where(:not(.is-success, .is-error)):hover { --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); --components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100)); } .button.mod-outlined:where(:not(.is-success, .is-error)):active, .button.mod-outline:where(:not(.is-success, .is-error)):active { --components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200)); } .button.mod-outlined:where(:not(.is-success, .is-error)):focus-visible, .button.mod-outline:where(:not(.is-success, .is-error)):focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 3px; } .button.mod-outlined:where(:not(.is-success, .is-error)):disabled, .button.mod-outline:where(:not(.is-success, .is-error)):disabled { --components-button-backgroundColor: var(--palettes-neutral-0); --components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder); --components-button-color: var(--palettes-neutral-500); } .button.mod-outlined.is-disabled, .button.mod-outlined.disabled, .button.mod-outline.is-disabled, .button.mod-outline.disabled { --components-button-backgroundColor: var(--palettes-neutral-0); --components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder); --components-button-color: var(--palettes-neutral-500); } .button.mod-text:where(:not(.is-success, .is-error)), .button.mod-link:where(:not(.is-success, .is-error)) { --components-button-backgroundColor: transparent; --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); } .button.mod-text:where(:not(.is-success, .is-error)):hover, .button.mod-text:where(:not(.is-success, .is-error)):focus-visible, .button.mod-link:where(:not(.is-success, .is-error)):hover, .button.mod-link:where(:not(.is-success, .is-error)):focus-visible { --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); --components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100)); } .button.mod-text:where(:not(.is-success, .is-error)):active, .button.mod-link:where(:not(.is-success, .is-error)):active { --components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200)); } .button.mod-text:where(:not(.is-success, .is-error)):disabled, .button.mod-link:where(:not(.is-success, .is-error)):disabled { --components-button-backgroundColor: transparent; --components-button-color: var(--palettes-neutral-500); } .button.mod-text.is-disabled, .button.mod-text.disabled, .button.mod-link.is-disabled, .button.mod-link.disabled { --components-button-backgroundColor: transparent; --components-button-color: var(--palettes-neutral-500); } .button.mod-withIcon { --components-button-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150); } .button.mod-withIcon.mod-S { --components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150); } .button.mod-withIcon.mod-XS { --components-button-padding: var(--pr-t-spacings-50) var(--pr-t-spacings-100); } .button.mod-withIcon.mod-iconOnLeft { padding-inline-start: var(--pr-t-spacings-150); } .button.mod-withIcon.mod-iconOnRight { padding-inline-end: var(--pr-t-spacings-150); } .button.mod-onlyIcon { --components-button-padding: var(--pr-t-spacings-100); } .button.mod-onlyIcon.mod-S { --components-button-padding: var(--pr-t-spacings-75); } .button.mod-onlyIcon.mod-XS { --components-button-padding: var(--pr-t-spacings-50); } .button.mod-delete:hover { --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-100); } .button.mod-delete:active { --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-200); } .button.mod-delete.mod-text:hover, .button.mod-delete.mod-text:focus-visible, .button.mod-delete.mod-link:hover, .button.mod-delete.mod-link:focus-visible { --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-100); } .button.mod-delete.mod-text:active, .button.mod-delete.mod-link:active { --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-200); } .button.mod-delete.mod-outlined:hover, .button.mod-delete.mod-outline:hover { --components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400); --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-100); } .button.mod-delete.mod-outlined:focus-visible, .button.mod-delete.mod-outline:focus-visible { --components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-error-400); --components-button-color: var(--palettes-error-700); } .button.mod-delete.mod-outlined:active, .button.mod-delete.mod-outline:active { --components-button-color: var(--palettes-error-700); --components-button-backgroundColor: var(--palettes-error-200); } .button.mod-inverted, .button.mod-invert { --components-button-color: var(--palettes-neutral-0); } .button.mod-inverted:hover, .button.mod-inverted:focus-visible, .button.mod-invert:hover, .button.mod-invert:focus-visible { --components-button-color: var(--palettes-neutral-0); --components-button-backgroundColor: var(--palettes-neutral-900); } .button.mod-inverted:active, .button.mod-invert:active { --components-button-backgroundColor: var(--palettes-neutral-700); } .button.mod-more { --components-button-minWidth: 2rem; --components-button-padding: 0; } .button.mod-more::before { --icon-content: "\e97c"; font-weight: 400; display: inline-block; font-style: normal; font-family: "Lucca icons"; content: var(--icon-content); -webkit-font-smoothing: antialiased; text-transform: none; block-size: 0px; vertical-align: text-top; } .button.mod-more.mod-S { --components-button-minWidth: 1.75rem; } .button.mod-more.mod-XS { --components-button-minWidth: 1.5rem; } .button.is-loading, .button.loading { --components-button-opacity: .4; --components-button-pointerEvents: none; --components-button-color: transparent; --components-button-userSelect: none; } .button.is-loading::after, .button.loading::after { content: ""; inline-size: var(--components-button-font-size); block-size: var(--components-button-font-size); border-radius: var(--commons-borderRadius-full); line-height: 0.8rem; border-width: var(--commons-loading-borderWidth); inset: 0px; margin: auto; position: absolute; border-style: solid; animation-name: rotate; animation-duration: var(--commons-loading-speed); animation-timing-function: linear; animation-iteration-count: infinite; border-color: var(--commons-loading-frontground); border-block-start-color: transparent; } .button.is-loading.mod-S::after, .button.loading.mod-S::after { content: ""; inline-size: var(--sizes-S-fontSize); block-size: var(--sizes-S-fontSize); border-radius: var(--commons-borderRadius-full); line-height: 0.8rem; border-width: var(--commons-loading-borderWidth); inset: 0px; margin: auto; position: absolute; border-style: solid; animation-name: rotate; animation-duration: var(--commons-loading-speed); animation-timing-function: linear; animation-iteration-count: infinite; border-color: var(--commons-loading-frontground); border-block-start-color: transparent; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .button.is-error, .button.error { --palettes-text: #ffffff; --palettes-0: #ffffff; --palettes-50: #ffebec; --palettes-100: #ffd6d8; --palettes-200: #fdbebe; --palettes-300: #faa3a3; --palettes-400: #fa8989; --palettes-500: #f76e6e; --palettes-600: #f15050; --palettes-700: #da2f2f; --palettes-800: #aa0e0e; --palettes-900: #630303; --components-button-color: transparent; --components-button-pointerEvents: none; --components-button-userSelect: none; } .button.is-error::after, .button.error::after { color: var(--palettes-neutral-0); font-size: calc(1.5 * var(--components-button-font-size)); block-size: var(--components-button-line-height); inset: 0px; margin: auto; position: absolute; } .button.is-error::after, .button.error::after { --icon-content: "\e9bf"; font-weight: 400; display: inline-block; vertical-align: text-bottom; font-style: normal; font-family: "Lucca icons"; content: var(--icon-content); -webkit-font-smoothing: antialiased; text-transform: none; } .button.is-success, .button.success { --palettes-text: #ffffff; --palettes-0: #ffffff; --palettes-50: #dbfae0; --palettes-100: #bef3c7; --palettes-200: #a2ebaf; --palettes-300: #84e695; --palettes-400: #68d97b; --palettes-500: #57c769; --palettes-600: #39b155; --palettes-700: #279b42; --palettes-800: #0a762e; --palettes-900: #004d20; --components-button-color: transparent; --components-button-pointerEvents: none; --components-button-userSelect: none; } .button.is-success::after, .button.success::after { color: var(--palettes-neutral-0); font-size: calc(1.5 * var(--components-button-font-size)); block-size: var(--components-button-line-height); inset: 0px; margin: auto; position: absolute; } .button.is-success::after, .button.success::after { --icon-content: "\e97d"; font-weight: 400; display: inline-block; vertical-align: text-bottom; font-style: normal; font-family: "Lucca icons"; content: var(--icon-content); -webkit-font-smoothing: antialiased; text-transform: none; } .button.is-disabled, .button.disabled { --components-button-cursor: default; --components-button-color: var(--palettes-neutral-500); --components-button-backgroundColor: var(--commons-disabled-background); --components-button-pointerEvents: none; } .button.is-disabled .numericBadge, .button.disabled .numericBadge { background-color: var(--palettes-neutral-200); color: var(--palettes-neutral-500); }

.avatar, .lu-user-picture { --components-avatar-size: 2.5rem; --components-avatar-fontSize: var(--sizes-M-fontSize); --components-avatar-border: 2px; --components-avatar-scale: 1; --components-avatar-background: var(--pr-t-elevation-surface-default); --components-avatar-placeholder-size: 1.25rem; display: inline-block; vertical-align: middle; border-radius: var(--commons-borderRadius-full); inline-size: var(--components-avatar-size); aspect-ratio: 1 / 1; } .avatar-picture, .picture { background-color: var(--palettes-neutral-200); border-radius: var(--commons-borderRadius-full); background-position: center center; background-size: cover; background-repeat: no-repeat; inline-size: var(--components-avatar-size); object-fit: cover; object-position: center center; aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; } .avatar-picture-initials, .picture { font-size: var(--components-avatar-fontSize); font-weight: 600; line-height: 1; color: var(--palettes-neutral-0); } .avatarWrapper { margin: 0px; padding: 0px; list-style-type: none; display: flex; flex-wrap: wrap; align-content: flex-start; row-gap: var(--components-avatarWrapper-rowGap); } .avatarWrapper .avatar { box-shadow: 0 0 0 var(--components-avatar-border) var(--components-avatar-background); } .avatarWrapper-item:not(:last-child) { margin-inline-end: calc(var(--components-avatarWrapper-overlap) * -1); } .avatarWrapper-item-action { padding: 0px; border: 0px; inline-size: 100%; background-color: transparent; text-align: start; font: inherit; cursor: pointer; display: flex; text-decoration: none; transition: transform var(--commons-animations-durations-fast); transform: scale(var(--components-avatarWrapper-scale)); color: currentcolor; } .avatarWrapper-item-action:hover, .avatarWrapper-item-action:focus { --components-avatarWrapper-scale: 1.1; } .avatarWrapper-item-action:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; border-radius: var(--commons-borderRadius-full); } .avatarWrapper-item-action-more { box-shadow: 0 0 0 var(--components-avatar-border) var(--components-avatar-background); border-radius: var(--commons-borderRadius-full); display: flex; align-items: center; justify-content: center; background-color: var(--palettes-neutral-200); inline-size: var(--components-avatar-size); block-size: var(--components-avatar-size); font-size: var(--components-avatarWrapper-fontSize); } .avatar.mod-XS, .lu-user-picture.mod-XS { --components-avatar-size: 1.5rem; --components-avatar-fontSize: var(--sizes-XS-fontSize); --components-avatar-placeholder-size: .75rem; --components-avatar-border: 1px; } .avatar.mod-S, .lu-user-picture.mod-S { --components-avatar-size: 2rem; --components-avatar-fontSize: var(--sizes-S-fontSize); --components-avatar-placeholder-size: 1rem; } .avatar.mod-L, .lu-user-picture.mod-L { --components-avatar-size: 3rem; --components-avatar-fontSize: var(--sizes-L-fontSize); --components-avatar-placeholder-size: 1.75rem; } .avatar.mod-XL, .lu-user-picture.mod-XL { --components-avatar-size: 4rem; --components-avatar-fontSize: var(--sizes-XL-fontSize); --components-avatar-placeholder-size: 2rem; } .avatar.mod-XXL, .lu-user-picture.mod-XXL { --components-avatar-size: 5rem; --components-avatar-fontSize: var(--sizes-XXL-fontSize); --components-avatar-placeholder-size: 2.25rem; } .avatar.mod-XXXL, .lu-user-picture.mod-XXXL { --components-avatar-size: 6rem; --components-avatar-fontSize: var(--sizes-XXXL-fontSize); --components-avatar-placeholder-size: 2.5rem; } .avatar.mod-placeholder .avatar-picture, .avatar.mod-placeholder .picture, .lu-user-picture.mod-placeholder .avatar-picture, .lu-user-picture.mod-placeholder .picture { background-color: var(--palettes-neutral-200) !important; } .avatar.mod-placeholder .avatar-picture::before, .avatar.mod-placeholder .picture::before, .lu-user-picture.mod-placeholder .avatar-picture::before, .lu-user-picture.mod-placeholder .picture::before { --icon-content: "\e990"; display: inline-block; vertical-align: text-bottom; font-style: normal; font-family: "Lucca icons"; content: var(--icon-content); -webkit-font-smoothing: antialiased; text-transform: none; color: var(--palettes-neutral-600); font-weight: 400; font-size: var(--components-avatar-placeholder-size); } .avatar.mod-placeholder .avatar-picture-initials, .avatar.mod-placeholder .userPicture-initials, .lu-user-picture.mod-placeholder .avatar-picture-initials, .lu-user-picture.mod-placeholder .userPicture-initials { display: none; } .avatarWrapper { --components-avatar-size: 2.5rem; --components-avatar-fontSize: var(--sizes-M-fontSize); --components-avatar-border: 2px; --components-avatar-scale: 1; --components-avatar-background: var(--pr-t-elevation-surface-default); --components-avatar-placeholder-size: 1.25rem; --components-avatarWrapper-fontSize: var(--sizes-M-fontSize); --components-avatarWrapper-overlap: var(--pr-t-spacings-100); --components-avatarWrapper-rowGap: var(--pr-t-spacings-50); } .avatarWrapper.mod-XL .avatar, .avatarWrapper.mod-XL .avatarWrapper-item-action { --components-avatar-size: 4rem; --components-avatar-fontSize: var(--sizes-XL-fontSize); --components-avatar-placeholder-size: 2rem; } .avatarWrapper.mod-L .avatar, .avatarWrapper.mod-L .avatarWrapper-item-action { --components-avatar-size: 3rem; --components-avatar-fontSize: var(--sizes-L-fontSize); --components-avatar-placeholder-size: 1.75rem; } .avatarWrapper.mod-S { --components-avatarWrapper-overlap: var(--pr-t-spacings-50); --components-avatarWrapper-rowGap: var(--pr-t-spacings-25); } .avatarWrapper.mod-S .avatar, .avatarWrapper.mod-S .avatarWrapper-item-action { --components-avatar-size: 2rem; --components-avatar-fontSize: var(--sizes-S-fontSize); --components-avatar-placeholder-size: 1rem; } .avatarWrapper.mod-XS { --components-avatarWrapper-overlap: var(--pr-t-spacings-50); --components-avatarWrapper-rowGap: var(--pr-t-spacings-25); } .avatarWrapper.mod-XS .avatar, .avatarWrapper.mod-XS .avatarWrapper-item-action { --components-avatar-size: 1.5rem; --components-avatar-fontSize: var(--sizes-XS-fontSize); --components-avatar-placeholder-size: .75rem; --components-avatar-border: 1px; }

.navigation-button[_ngcontent-ng-c1247298234] { border-radius: var(--commons-borderRadius-L); } @media screen { @media not all and (min-width: 50em) { .navigation-button[_ngcontent-ng-c1247298234] { --components-button-padding: var(--pr-t-spacings-100); } } } @media screen { @media not all and (min-width: 50em) { .navigation-button-content[_ngcontent-ng-c1247298234] { border: 0px; clip: rect(1px, 1px, 1px, 1px); margin: -1px; overflow: hidden; padding: 0px; position: absolute; block-size: 1px; inline-size: 1px; white-space: nowrap; contain: paint; } } } .navigation-button-iconArrow[_ngcontent-ng-c1247298234] { transition: transform ease var(--commons-animations-durations-slow); } .navigation-button.mod-open[_ngcontent-ng-c1247298234] .navigation-button-iconArrow[_ngcontent-ng-c1247298234] { transform: rotate(-180deg); } .lucca-banner-solutions-nav[_ngcontent-ng-c1247298234] { position: relative; } .lucca-banner-solutions-nav[_ngcontent-ng-c1247298234]:hover .lucca-banner-solutions-container-activeLine[_ngcontent-ng-c1247298234] { left: 0px; right: 0px; } .lucca-banner-solutions-container-activeLine[_ngcontent-ng-c1247298234] { border-radius: 0 0 var(--pr-t-spacings-50) var(--pr-t-spacings-50); position: absolute; top: -5px; transition: left var(--commons-animations-durations-standard) ease,right var(--commons-animations-durations-standard) ease; left: 1.25rem; right: 1.25rem; height: 3px; } .applicationsPanel { margin-inline: calc(var(--commons-banner-height) + var(--pr-t-spacings-50)); } @media not all and (min-width: 50em) { .applicationsPanel { margin-inline: 0px; bottom: 0px; } .applicationsPanel .popover { border-radius: 0px; height: 100%; box-shadow: none; } } .bannerApplications[_ngcontent-ng-c1247298234] { max-height: calc(100dvh - var(--commons-banner-height)); max-width: calc(100vw - 2 * (var(--commons-banner-height) + var(--pr-t-spacings-50))); overflow-y: auto; } @media screen { @media not all and (min-width: 50em) { .bannerApplications[_ngcontent-ng-c1247298234] { width: 100vw; margin: unset; max-width: unset; } } } .bannerApplications-list[_ngcontent-ng-c1247298234] { display: flex; flex-flow: wrap; margin: 0px; padding: var(--pr-t-spacings-200); column-gap: var(--pr-t-spacings-100); row-gap: var(--pr-t-spacings-150); } .bannerApplications-list.mod-singleColumn[_ngcontent-ng-c1247298234] { flex-flow: column; } @media screen { @media not all and (min-width: 50em) { .bannerApplications-list[_ngcontent-ng-c1247298234] { flex-direction: column; } } } .bannerApplications-list-column[_ngcontent-ng-c1247298234] { margin-bottom: var(--pr-t-spacings-150); width: 14rem; list-style: none; } .bannerApplications-list.mod-singleColumn[_ngcontent-ng-c1247298234] .bannerApplications-list-column[_ngcontent-ng-c1247298234] { width: auto; } @media screen { @media not all and (min-width: 50em) { .bannerApplications-list[_ngcontent-ng-c1247298234]:not(.mod-singleColumn) .bannerApplications-list-column[_ngcontent-ng-c1247298234] { width: 100%; } } } .bannerApplications-list-column-header[_ngcontent-ng-c1247298234] { align-items: end; color: var(--palettes-neutral-700); display: flex; font-size: var(--sizes-S-fontSize); font-weight: 600; line-height: var(--sizes-S-lineHeight); margin-bottom: var(--pr-t-spacings-100); padding: 0px; width: auto; } .bannerApplications-showAll[_ngcontent-ng-c1247298234] { background-color: var(--colors-white-color); border-radius: var(--commons-borderRadius-L); display: flex; padding: var(--pr-t-spacings-200); position: sticky; bottom: 0px; } .bannerApplications-list-column-list-item[_ngcontent-ng-c1247298234] { display: block; } .bannerApplications-list-column-list-item[_ngcontent-ng-c1247298234]::marker { content: ""; } .bannerApplications-list-column-list-item[_ngcontent-ng-c1247298234]:not(:last-child) { margin-bottom: var(--pr-t-spacings-50); } @media screen { @media not all and (min-width: 50em) { .bannerApplications-list-column-list-item[_ngcontent-ng-c1247298234] { padding-right: 0px; width: 100%; } } } .bannerApplications-list-column-list[_ngcontent-ng-c1247298234]:not(:last-child) { margin-bottom: var(--pr-t-spacings-50); } .bannerApplications-list-column-list[_ngcontent-ng-c1247298234]:not(:empty) { padding: 0px; } .bannerApplications-showAll-button[aria-pressed="false"][_ngcontent-ng-c1247298234] [data-content-before][_ngcontent-ng-c1247298234]::before { display: none; } .bannerApplications-showAll-button[aria-pressed="true"][_ngcontent-ng-c1247298234] [data-content-after][_ngcontent-ng-c1247298234]::after { display: none; }

.numericBadge { --components-numericBadge-background: var(--palettes-200, var(--palettes-neutral-200)); --components-numericBadge-color: var(--palettes-800, var(--palettes-neutral-700)); --components-numericBadge-loadingColor: var(--palettes-500, var(--palettes-neutral-500)); --components-numericBadge-size: 1.5rem; --components-numericBadge-fontSize: var(--sizes-S-fontSize); --components-numericBadge-lineHeight: var(--sizes-S-lineHeight); --components-numericBadge-borderRadius: var(--commons-borderRadius-L); display: inline-flex; align-items: center; justify-content: center; block-size: var(--components-numericBadge-size); min-inline-size: var(--components-numericBadge-size); padding: var(--pr-t-spacings-50); font-size: var(--components-numericBadge-fontSize); line-height: var(--components-numericBadge-lineHeight); font-weight: 600; background-color: var(--components-numericBadge-background); color: var(--components-numericBadge-color); border-radius: var(--components-numericBadge-borderRadius); transition-timing-function: ease; white-space: nowrap; position: relative; transition-duration: var(--commons-animations-durations-fast); transition-property: color; } .numericBadge:empty::before { content: " "; } .numericBadge-value { outline: none; } .numericBadge.mod-S { --components-numericBadge-size: 1.25rem; --components-numericBadge-borderRadius: 6px; --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .numericBadge.mod-XS { --components-numericBadge-size: 1rem; --components-numericBadge-borderRadius: var(--commons-borderRadius-M); --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .numericBadge.is-loading { --commons-loading-frontground: var(--components-numericBadge-loadingColor); --commons-loading-borderWidth: 2px; --components-numericBadge-color: transparent; } .numericBadge.is-loading::after { content: ""; inline-size: calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100)); block-size: calc(var(--components-numericBadge-size) - var(--pr-t-spacings-100)); border-radius: var(--commons-borderRadius-full); line-height: 0.8rem; border-width: var(--commons-loading-borderWidth); inset: 0px; margin: auto; position: absolute; border-style: solid; animation-name: rotate; animation-duration: var(--commons-loading-speed); animation-timing-function: linear; animation-iteration-count: infinite; border-color: var(--commons-loading-frontground); border-block-start-color: transparent; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .numericBadge.is-loading.mod-S { --commons-loading-borderWidth: 1.5px; } .numericBadge.is-loading.mod-XS { --commons-loading-borderWidth: 1px; } .numericBadge:focus-within { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } lu-numeric-badge { display: inline-flex; }

[data-content-before]::before { content: attr(data-content-before); } [data-content-after]::after { content: attr(data-content-after); } [class*="u-animated"] { animation-duration: var(--commons-animations-duration, var(--commons-animations-durations-standard)); animation-timing-function: var(--commons-animations-function); } [class*="u-animated"].mod-animation-duration-fast { --commons-animations-duration: var(--commons-animations-durations-fast); } [class*="u-animated"].mod-animation-duration-slow { --commons-animations-duration: var(--commons-animations-durations-slow); } .u-animatedFadeIn, .u-animatedFadeOut { animation-name: fadeIn; } .u-animatedScaleIn, .u-animatedScaleOut { animation-name: scaleIn; } .u-animatedScaleInTop, .u-animatedScaleOutTop { animation-name: scaleInTop; } @keyframes scaleIn { 0% { transform: scale(0); } 100% { transform: scale(1); } } .u-animatedScaleInRight, .u-animatedScaleOutRight { animation-name: scaleInRight; } @keyframes scaleInRight { 0% { transform-origin: right center; transform: scaleX(0); } 100% { transform-origin: right center; transform: scale(1); } } .u-animatedScaleInBottom, .u-animatedScaleOutBottom { animation-name: scaleInBottom; } @keyframes scaleInBottom { 0% { transform-origin: center bottom; transform: scaleY(0); } 100% { transform-origin: center bottom; transform: scale(1); } } .u-animatedScaleInLeft, .u-animatedScaleOutLeft { animation-name: scaleInLeft; } @keyframes scaleInLeft { 0% { transform-origin: left center; transform: scaleX(0); } 100% { transform-origin: left center; transform: scale(1); } } .u-animatedSlideIn, .u-animatedSlideInTop, .u-animatedSlideOut, .u-animatedSlideOutTop { animation-name: slideIn; } @keyframes slideIn { 0% { opacity: 0; transform: translateY(calc(-1 * var(--commons-animations-translate))); } 100% { opacity: 1; transform: translate(0px); } } .u-animatedSlideInRight, .u-animatedSlideOutRight { animation-name: slideInRight; } @keyframes slideInRight { 0% { transform: translate(var(--commons-animations-translate)); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedSlideInBottom, .u-animatedSlideOutBottom { animation-name: slideInBottom; } @keyframes slideInBottom { 0% { transform: translateY(var(--commons-animations-translate)); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedSlideInLeft, .u-animatedSlideOutLeft { animation-name: slideInLeft; } @keyframes slideInLeft { 0% { transform: translate(calc(-1 * var(--commons-animations-translate))); opacity: 0; } 100% { transform: translate(0px); opacity: 1; } } .u-animatedShake { animation-name: shake; } @keyframes shake { 0%, 100% { transform: translateZ(0px); } 20%, 60% { transform: translate3d(-10px, 0px, 0px); } 40%, 80% { transform: translate3d(10px, 0px, 0px); } } .u-animatedPulse { animation-name: pulse; animation-direction: alternate; animation-iteration-count: var(--commons-animations-iteration-count); } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; } 100% { transform: scale(1); opacity: 1; } } .u-animatedFadeOut, .u-animatedSlideOut, .u-animatedSlideOutTop, .u-animatedSlideOutRight, .u-animatedSlideOutBottom, .u-animatedSlideOutLeft, .u-animatedScaleOut, .u-animatedScaleOutTop, .u-animatedScaleOutRight, .u-animatedScaleOutBottom, .u-animatedScaleOutLeft { animation-direction: reverse; } .u-mask { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; block-size: 1px !important; inline-size: 1px !important; white-space: nowrap !important; contain: paint !important; } .u-clearfix::before, .u-clearfix::after { content: " " !important; display: table !important; } .u-clearfix::after { clear: both !important; } .u-clearBoth, .u-clear { clear: both !important; } .u-clearInlineStart, .u-clearLeft { clear: inline-start !important; } .u-clearInlineEnd, .u-clearRight { clear: inline-end !important; } .u-listReset { margin: 0px !important; padding: 0px !important; list-style-type: none !important; } .u-descriptionListReset { margin: 0px !important; } .u-descriptionListReset > dd, .u-descriptionListReset > div > dd { margin: 0px !important; } .u-summaryReset { list-style: none !important; } .u-summaryReset::-webkit-details-marker { display: none !important; } .u-buttonReset { padding: 0px !important; border: 0px !important; inline-size: 100% !important; background-color: transparent !important; color: inherit !important; text-align: start !important; display: block !important; font: inherit !important; cursor: pointer !important; } .u-ellipsis { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .u-h1, .u-h2, .u-h3, .u-h4, .u-h5, .u-h6 { margin-block: 0px; color: var(--palettes-neutral-900); text-rendering: geometricprecision; text-wrap: pretty; font-weight: var(--components-title-weight, 600); font-size: var(--sizes-fontSize); line-height: var(--sizes-lineHeight); padding: 0px; } .u-h1 { --sizes-verticalPadding: var(--sizes-XXL-verticalPadding); --sizes-fontSize: var(--sizes-XXL-fontSize); --sizes-lineHeight: var(--sizes-XXL-lineHeight); --components-title-weight: 900; } .u-h1.mod-XXXL { --sizes-verticalPadding: var(--sizes-XXXL-verticalPadding); --sizes-fontSize: var(--sizes-XXXL-fontSize); --sizes-lineHeight: var(--sizes-XXXL-lineHeight); --components-title-weight: 900; } .u-h2 { --sizes-verticalPadding: var(--sizes-XL-verticalPadding); --sizes-fontSize: var(--sizes-XL-fontSize); --sizes-lineHeight: var(--sizes-XL-lineHeight); --components-title-weight: 700; } .u-h3 { --sizes-verticalPadding: var(--sizes-L-verticalPadding); --sizes-fontSize: var(--sizes-L-fontSize); --sizes-lineHeight: var(--sizes-L-lineHeight); --components-title-weight: 700; } .u-h4 { --sizes-verticalPadding: var(--sizes-M-verticalPadding); --sizes-fontSize: var(--sizes-M-fontSize); --sizes-lineHeight: var(--sizes-M-lineHeight); --components-title-weight: 600; } .u-h5 { --sizes-verticalPadding: var(--sizes-S-verticalPadding); --sizes-fontSize: var(--sizes-S-fontSize); --sizes-lineHeight: var(--sizes-S-lineHeight); --components-title-weight: 600; } .u-h6 { --sizes-verticalPadding: var(--sizes-XS-verticalPadding); --sizes-fontSize: var(--sizes-XS-fontSize); --sizes-lineHeight: var(--sizes-XS-lineHeight); --components-title-weight: 600; } .u-textLeft { text-align: start !important; } .u-textRight { text-align: end !important; } .u-textCenter { text-align: center !important; } .u-textLight { color: var(--palettes-neutral-600) !important; } .u-textPlaceholder { color: var(--palettes-neutral-400) !important; } .u-textDefault { color: var(--palettes-neutral-700) !important; } .u-fontWeightRegular { font-weight: 400 !important; } .u-fontWeightSemiBold { font-weight: 600 !important; } .u-noSpinButtons::-webkit-outer-spin-button, .u-noSpinButtons::-webkit-inner-spin-button { appearance: none !important; } .u-noSpinButtons[type="number"] { } .u-fontFamily { font-family: var(--commons-font-family) !important; } .u-fontFamilyCursive { font-family: var(--commons-font-family-cursive) !important; } .u-floatLeft { float: left !important; } .u-floatRight { float: right !important; } .u-floatInlineStart { float: inline-start !important; } .u-floatInlineEnd { float: inline-end !important; } .u-verticalAlignBaseline { vertical-align: baseline !important; } .u-verticalAlignSub { vertical-align: sub !important; } .u-verticalAlignSuper { vertical-align: super !important; } .u-verticalAlignTextTop { vertical-align: text-top !important; } .u-verticalAlignTextBottom { vertical-align: text-bottom !important; } .u-verticalAlignMiddle { vertical-align: middle !important; } .u-verticalAlignTop { vertical-align: top !important; } .u-verticalAlignBottom { vertical-align: bottom !important; } .u-whiteSpaceNormal { white-space: normal !important; } .u-whiteSpaceNowrap { white-space: nowrap !important; } .u-whiteSpacePreLine { white-space: pre-line !important; } .u-displayBlock { display: block !important; } .u-displayFlex { display: flex !important; } .u-displayGrid { display: grid !important; } .u-displayInline { display: inline !important; } .u-displayInlineFlex { display: inline-flex !important; } .u-displayInlineBlock { display: inline-block !important; } .u-displayInlineGrid { display: inline-grid !important; } .u-displayContents { display: contents !important; } .u-displayNone { display: none !important; } .u-flexDirectionColumn { flex-direction: column !important; } .u-flexDirectionColumnReverse { flex-direction: column-reverse !important; } .u-flexDirectionRow { flex-direction: row !important; } .u-flexDirectionRowReverse { flex-direction: row-reverse !important; } .u-flexWrapWrap { flex-wrap: wrap !important; } .u-flexWrapNowrap { flex-wrap: nowrap !important; } .u-flexWrapWrapReverse { flex-wrap: wrap-reverse !important; } .u-justifyContentFlexStart { justify-content: flex-start !important; } .u-justifyContentFlexEnd { justify-content: flex-end !important; } .u-justifyContentSpaceAround { justify-content: space-around !important; } .u-justifyContentSpaceBetween { justify-content: space-between !important; } .u-justifyContentSpaceEvenly { justify-content: space-evenly !important; } .u-justifyContentCenter { justify-content: center !important; } .u-alignItemsFlexStart { align-items: flex-start !important; } .u-alignItemsFlexEnd { align-items: flex-end !important; } .u-alignItemsBaseline { align-items: baseline !important; } .u-alignItemsStretch { align-items: stretch !important; } .u-alignItemsCenter { align-items: center !important; } .u-flexGrow0 { flex-grow: 0 !important; } .u-flexGrow1 { flex-grow: 1 !important; } .u-flexShrink0 { flex-shrink: 0 !important; } .u-flexShrink1 { flex-shrink: 1 !important; } .u-flexBasis0 { flex-basis: 0px !important; } .u-flexBasisAuto { flex-basis: auto !important; } .u-orderMinus1 { order: -1 !important; } .u-order1 { order: 1 !important; } .u-alignSelfFlexStart { align-self: flex-start !important; } .u-alignSelfFlexEnd { align-self: flex-end !important; } .u-alignSelfBaseline { align-self: baseline !important; } .u-alignSelfStretch { align-self: stretch !important; } .u-alignSelfCenter { align-self: center !important; } .u-positionAbsolute { position: absolute !important; } .u-positionRelative { position: relative !important; } .u-positionStatic { position: static !important; } .u-positionFixed { position: fixed !important; } .u-positionSticky { position: sticky !important; } .u-width100\% { width: 100% !important; } .u-widthFitContent { width: fit-content !important; } .u-height100\% { height: 100% !important; } .u-heightFitContent { height: fit-content !important; } .u-minWidth0 { min-width: 0px !important; } .u-minHeight0 { min-height: 0px !important; } .u-inlineSize100\% { inline-size: 100% !important; } .u-inlineSizeFitContent { inline-size: fit-content !important; } .u-blockSize100\% { block-size: 100% !important; } .u-blockSizeFitContent { block-size: fit-content !important; } .u-minInlineSize0 { min-inline-size: 0px !important; } .u-minBlockSize0 { min-block-size: 0px !important; } .u-visibilityVisible { visibility: visible !important; } .u-visibilityHidden { visibility: hidden !important; } .u-visibilityCollapse { visibility: collapse !important; } .u-fontWeight400 { font-weight: 400 !important; } .u-fontWeight600 { font-weight: 600 !important; } .u-fontWeight700 { font-weight: 700 !important; } .u-fontWeight900 { font-weight: 900 !important; } .u-fontWeightNormal { font-weight: 400 !important; } .u-fontWeightBold { font-weight: 700 !important; } .u-fontStyleNormal { font-style: normal !important; } .u-fontStyleItalic { font-style: italic !important; } .u-pointerEventsNone { pointer-events: none !important; } .u-pointerEventsAuto { pointer-events: auto !important; } .u-textAlignLeft { text-align: left !important; } .u-textAlignCenter { text-align: center !important; } .u-textAlignRight { text-align: right !important; } .u-textAlignStart { text-align: start !important; } .u-textAlignEnd { text-align: end !important; } .u-textDecorationUnderline { text-decoration: underline !important; } .u-textDecorationLineThrough { text-decoration: line-through !important; } .u-textDecorationNone { text-decoration: none !important; } .u-overflowHidden { overflow: hidden !important; } .u-overflowAuto { overflow: auto !important; } .u-overflowVisible { overflow: visible !important; } .u-overflowScroll { overflow: scroll !important; } @media (prefers-reduced-motion: no-preference) { .u-scrollBehaviorAuto { scroll-behavior: auto !important; } .u-scrollBehaviorSmooth { scroll-behavior: smooth !important; } } @media only print { .u-onlyPrintDisplayBlock { display: block !important; } .u-onlyPrintDisplayFlex { display: flex !important; } .u-onlyPrintDisplayGrid { display: grid !important; } .u-onlyPrintDisplayInline { display: inline !important; } .u-onlyPrintDisplayInlineFlex { display: inline-flex !important; } .u-onlyPrintDisplayInlineBlock { display: inline-block !important; } .u-onlyPrintDisplayInlineGrid { display: inline-grid !important; } .u-onlyPrintDisplayContents { display: contents !important; } .u-onlyPrintDisplayNone { display: none !important; } } .u-onlyPrintDisplayContents, .u-onlyPrintDisplayInlineGrid, .u-onlyPrintDisplayInlineBlock, .u-onlyPrintDisplayInlineFlex, .u-onlyPrintDisplayInline, .u-onlyPrintDisplayGrid, .u-onlyPrintDisplayFlex, .u-onlyPrintDisplayBlock { display: none; } .u-inset0, .u-insetReset { inset: 0px !important; } .u-top0, .u-topReset { top: 0px !important; } .u-bottom0, .u-bottomReset { bottom: 0px !important; } .u-left0, .u-leftReset { left: 0px !important; } .u-right0, .u-rightReset { right: 0px !important; } .u-marginInline0 { margin-inline: 0px !important; } .u-paddingInline0 { padding-inline: 0px !important; } .u-marginBlock0 { margin-block: 0px !important; } .u-paddingBlock0 { padding-block: 0px !important; } .u-block-start0, .u-block-startReset { } .u-block-end0, .u-block-endReset { } .u-inline-start0, .u-inline-startReset { } .u-inline-end0, .u-inline-endReset { } .pr-u-margin0 { margin: var(--pr-t-spacings-0) !important; } .pr-u-margin25 { margin: var(--pr-t-spacings-25) !important; } .pr-u-margin50 { margin: var(--pr-t-spacings-50) !important; } .pr-u-margin75 { margin: var(--pr-t-spacings-75) !important; } .pr-u-margin100 { margin: var(--pr-t-spacings-100) !important; } .pr-u-margin150 { margin: var(--pr-t-spacings-150) !important; } .pr-u-margin200 { margin: var(--pr-t-spacings-200) !important; } .pr-u-margin300 { margin: var(--pr-t-spacings-300) !important; } .pr-u-margin400 { margin: var(--pr-t-spacings-400) !important; } .pr-u-margin500 { margin: var(--pr-t-spacings-500) !important; } .pr-u-margin600 { margin: var(--pr-t-spacings-600) !important; } .pr-u-margin700 { margin: var(--pr-t-spacings-700) !important; } .pr-u-margin800 { margin: var(--pr-t-spacings-800) !important; } .pr-u-marginAuto { margin: var(--pr-t-spacings-auto) !important; } .pr-u-marginTop0 { margin-top: var(--pr-t-spacings-0) !important; } .pr-u-marginTop25 { margin-top: var(--pr-t-spacings-25) !important; } .pr-u-marginTop50 { margin-top: var(--pr-t-spacings-50) !important; } .pr-u-marginTop75 { margin-top: var(--pr-t-spacings-75) !important; } .pr-u-marginTop100 { margin-top: var(--pr-t-spacings-100) !important; } .pr-u-marginTop150 { margin-top: var(--pr-t-spacings-150) !important; } .pr-u-marginTop200 { margin-top: var(--pr-t-spacings-200) !important; } .pr-u-marginTop300 { margin-top: var(--pr-t-spacings-300) !important; } .pr-u-marginTop400 { margin-top: var(--pr-t-spacings-400) !important; } .pr-u-marginTop500 { margin-top: var(--pr-t-spacings-500) !important; } .pr-u-marginTop600 { margin-top: var(--pr-t-spacings-600) !important; } .pr-u-marginTop700 { margin-top: var(--pr-t-spacings-700) !important; } .pr-u-marginTop800 { margin-top: var(--pr-t-spacings-800) !important; } .pr-u-marginTopAuto { margin-top: var(--pr-t-spacings-auto) !important; } .pr-u-marginBottom0 { margin-bottom: var(--pr-t-spacings-0) !important; } .pr-u-marginBottom25 { margin-bottom: var(--pr-t-spacings-25) !important; } .pr-u-marginBottom50 { margin-bottom: var(--pr-t-spacings-50) !important; } .pr-u-marginBottom75 { margin-bottom: var(--pr-t-spacings-75) !important; } .pr-u-marginBottom100 { margin-bottom: var(--pr-t-spacings-100) !important; } .pr-u-marginBottom150 { margin-bottom: var(--pr-t-spacings-150) !important; } .pr-u-marginBottom200 { margin-bottom: var(--pr-t-spacings-200) !important; } .pr-u-marginBottom300 { margin-bottom: var(--pr-t-spacings-300) !important; } .pr-u-marginBottom400 { margin-bottom: var(--pr-t-spacings-400) !important; } .pr-u-marginBottom500 { margin-bottom: var(--pr-t-spacings-500) !important; } .pr-u-marginBottom600 { margin-bottom: var(--pr-t-spacings-600) !important; } .pr-u-marginBottom700 { margin-bottom: var(--pr-t-spacings-700) !important; } .pr-u-marginBottom800 { margin-bottom: var(--pr-t-spacings-800) !important; } .pr-u-marginBottomAuto { margin-bottom: var(--pr-t-spacings-auto) !important; } .pr-u-marginLeft0 { margin-left: var(--pr-t-spacings-0) !important; } .pr-u-marginLeft25 { margin-left: var(--pr-t-spacings-25) !important; } .pr-u-marginLeft50 { margin-left: var(--pr-t-spacings-50) !important; } .pr-u-marginLeft75 { margin-left: var(--pr-t-spacings-75) !important; } .pr-u-marginLeft100 { margin-left: var(--pr-t-spacings-100) !important; } .pr-u-marginLeft150 { margin-left: var(--pr-t-spacings-150) !important; } .pr-u-marginLeft200 { margin-left: var(--pr-t-spacings-200) !important; } .pr-u-marginLeft300 { margin-left: var(--pr-t-spacings-300) !important; } .pr-u-marginLeft400 { margin-left: var(--pr-t-spacings-400) !important; } .pr-u-marginLeft500 { margin-left: var(--pr-t-spacings-500) !important; } .pr-u-marginLeft600 { margin-left: var(--pr-t-spacings-600) !important; } .pr-u-marginLeft700 { margin-left: var(--pr-t-spacings-700) !important; } .pr-u-marginLeft800 { margin-left: var(--pr-t-spacings-800) !important; } .pr-u-marginLeftAuto { margin-left: var(--pr-t-spacings-auto) !important; } .pr-u-marginRight0 { margin-right: var(--pr-t-spacings-0) !important; } .pr-u-marginRight25 { margin-right: var(--pr-t-spacings-25) !important; } .pr-u-marginRight50 { margin-right: var(--pr-t-spacings-50) !important; } .pr-u-marginRight75 { margin-right: var(--pr-t-spacings-75) !important; } .pr-u-marginRight100 { margin-right: var(--pr-t-spacings-100) !important; } .pr-u-marginRight150 { margin-right: var(--pr-t-spacings-150) !important; } .pr-u-marginRight200 { margin-right: var(--pr-t-spacings-200) !important; } .pr-u-marginRight300 { margin-right: var(--pr-t-spacings-300) !important; } .pr-u-marginRight400 { margin-right: var(--pr-t-spacings-400) !important; } .pr-u-marginRight500 { margin-right: var(--pr-t-spacings-500) !important; } .pr-u-marginRight600 { margin-right: var(--pr-t-spacings-600) !important; } .pr-u-marginRight700 { margin-right: var(--pr-t-spacings-700) !important; } .pr-u-marginRight800 { margin-right: var(--pr-t-spacings-800) !important; } .pr-u-marginRightAuto { margin-right: var(--pr-t-spacings-auto) !important; } .pr-u-marginInline0 { margin-inline: var(--pr-t-spacings-0) !important; } .pr-u-marginInline25 { margin-inline: var(--pr-t-spacings-25) !important; } .pr-u-marginInline50 { margin-inline: var(--pr-t-spacings-50) !important; } .pr-u-marginInline75 { margin-inline: var(--pr-t-spacings-75) !important; } .pr-u-marginInline100 { margin-inline: var(--pr-t-spacings-100) !important; } .pr-u-marginInline150 { margin-inline: var(--pr-t-spacings-150) !important; } .pr-u-marginInline200 { margin-inline: var(--pr-t-spacings-200) !important; } .pr-u-marginInline300 { margin-inline: var(--pr-t-spacings-300) !important; } .pr-u-marginInline400 { margin-inline: var(--pr-t-spacings-400) !important; } .pr-u-marginInline500 { margin-inline: var(--pr-t-spacings-500) !important; } .pr-u-marginInline600 { margin-inline: var(--pr-t-spacings-600) !important; } .pr-u-marginInline700 { margin-inline: var(--pr-t-spacings-700) !important; } .pr-u-marginInline800 { margin-inline: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineAuto { margin-inline: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlock0 { margin-block: var(--pr-t-spacings-0) !important; } .pr-u-marginBlock25 { margin-block: var(--pr-t-spacings-25) !important; } .pr-u-marginBlock50 { margin-block: var(--pr-t-spacings-50) !important; } .pr-u-marginBlock75 { margin-block: var(--pr-t-spacings-75) !important; } .pr-u-marginBlock100 { margin-block: var(--pr-t-spacings-100) !important; } .pr-u-marginBlock150 { margin-block: var(--pr-t-spacings-150) !important; } .pr-u-marginBlock200 { margin-block: var(--pr-t-spacings-200) !important; } .pr-u-marginBlock300 { margin-block: var(--pr-t-spacings-300) !important; } .pr-u-marginBlock400 { margin-block: var(--pr-t-spacings-400) !important; } .pr-u-marginBlock500 { margin-block: var(--pr-t-spacings-500) !important; } .pr-u-marginBlock600 { margin-block: var(--pr-t-spacings-600) !important; } .pr-u-marginBlock700 { margin-block: var(--pr-t-spacings-700) !important; } .pr-u-marginBlock800 { margin-block: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockAuto { margin-block: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlockStart0 { margin-block-start: var(--pr-t-spacings-0) !important; } .pr-u-marginBlockStart25 { margin-block-start: var(--pr-t-spacings-25) !important; } .pr-u-marginBlockStart50 { margin-block-start: var(--pr-t-spacings-50) !important; } .pr-u-marginBlockStart75 { margin-block-start: var(--pr-t-spacings-75) !important; } .pr-u-marginBlockStart100 { margin-block-start: var(--pr-t-spacings-100) !important; } .pr-u-marginBlockStart150 { margin-block-start: var(--pr-t-spacings-150) !important; } .pr-u-marginBlockStart200 { margin-block-start: var(--pr-t-spacings-200) !important; } .pr-u-marginBlockStart300 { margin-block-start: var(--pr-t-spacings-300) !important; } .pr-u-marginBlockStart400 { margin-block-start: var(--pr-t-spacings-400) !important; } .pr-u-marginBlockStart500 { margin-block-start: var(--pr-t-spacings-500) !important; } .pr-u-marginBlockStart600 { margin-block-start: var(--pr-t-spacings-600) !important; } .pr-u-marginBlockStart700 { margin-block-start: var(--pr-t-spacings-700) !important; } .pr-u-marginBlockStart800 { margin-block-start: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockStartAuto { margin-block-start: var(--pr-t-spacings-auto) !important; } .pr-u-marginBlockEnd0 { margin-block-end: var(--pr-t-spacings-0) !important; } .pr-u-marginBlockEnd25 { margin-block-end: var(--pr-t-spacings-25) !important; } .pr-u-marginBlockEnd50 { margin-block-end: var(--pr-t-spacings-50) !important; } .pr-u-marginBlockEnd75 { margin-block-end: var(--pr-t-spacings-75) !important; } .pr-u-marginBlockEnd100 { margin-block-end: var(--pr-t-spacings-100) !important; } .pr-u-marginBlockEnd150 { margin-block-end: var(--pr-t-spacings-150) !important; } .pr-u-marginBlockEnd200 { margin-block-end: var(--pr-t-spacings-200) !important; } .pr-u-marginBlockEnd300 { margin-block-end: var(--pr-t-spacings-300) !important; } .pr-u-marginBlockEnd400 { margin-block-end: var(--pr-t-spacings-400) !important; } .pr-u-marginBlockEnd500 { margin-block-end: var(--pr-t-spacings-500) !important; } .pr-u-marginBlockEnd600 { margin-block-end: var(--pr-t-spacings-600) !important; } .pr-u-marginBlockEnd700 { margin-block-end: var(--pr-t-spacings-700) !important; } .pr-u-marginBlockEnd800 { margin-block-end: var(--pr-t-spacings-800) !important; } .pr-u-marginBlockEndAuto { margin-block-end: var(--pr-t-spacings-auto) !important; } .pr-u-marginInlineStart0 { margin-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-marginInlineStart25 { margin-inline-start: var(--pr-t-spacings-25) !important; } .pr-u-marginInlineStart50 { margin-inline-start: var(--pr-t-spacings-50) !important; } .pr-u-marginInlineStart75 { margin-inline-start: var(--pr-t-spacings-75) !important; } .pr-u-marginInlineStart100 { margin-inline-start: var(--pr-t-spacings-100) !important; } .pr-u-marginInlineStart150 { margin-inline-start: var(--pr-t-spacings-150) !important; } .pr-u-marginInlineStart200 { margin-inline-start: var(--pr-t-spacings-200) !important; } .pr-u-marginInlineStart300 { margin-inline-start: var(--pr-t-spacings-300) !important; } .pr-u-marginInlineStart400 { margin-inline-start: var(--pr-t-spacings-400) !important; } .pr-u-marginInlineStart500 { margin-inline-start: var(--pr-t-spacings-500) !important; } .pr-u-marginInlineStart600 { margin-inline-start: var(--pr-t-spacings-600) !important; } .pr-u-marginInlineStart700 { margin-inline-start: var(--pr-t-spacings-700) !important; } .pr-u-marginInlineStart800 { margin-inline-start: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineStartAuto { margin-inline-start: var(--pr-t-spacings-auto) !important; } .pr-u-marginInlineEnd0 { margin-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-marginInlineEnd25 { margin-inline-end: var(--pr-t-spacings-25) !important; } .pr-u-marginInlineEnd50 { margin-inline-end: var(--pr-t-spacings-50) !important; } .pr-u-marginInlineEnd75 { margin-inline-end: var(--pr-t-spacings-75) !important; } .pr-u-marginInlineEnd100 { margin-inline-end: var(--pr-t-spacings-100) !important; } .pr-u-marginInlineEnd150 { margin-inline-end: var(--pr-t-spacings-150) !important; } .pr-u-marginInlineEnd200 { margin-inline-end: var(--pr-t-spacings-200) !important; } .pr-u-marginInlineEnd300 { margin-inline-end: var(--pr-t-spacings-300) !important; } .pr-u-marginInlineEnd400 { margin-inline-end: var(--pr-t-spacings-400) !important; } .pr-u-marginInlineEnd500 { margin-inline-end: var(--pr-t-spacings-500) !important; } .pr-u-marginInlineEnd600 { margin-inline-end: var(--pr-t-spacings-600) !important; } .pr-u-marginInlineEnd700 { margin-inline-end: var(--pr-t-spacings-700) !important; } .pr-u-marginInlineEnd800 { margin-inline-end: var(--pr-t-spacings-800) !important; } .pr-u-marginInlineEndAuto { margin-inline-end: var(--pr-t-spacings-auto) !important; } .pr-u-padding0 { padding: var(--pr-t-spacings-0) !important; } .pr-u-padding25 { padding: var(--pr-t-spacings-25) !important; } .pr-u-padding50 { padding: var(--pr-t-spacings-50) !important; } .pr-u-padding75 { padding: var(--pr-t-spacings-75) !important; } .pr-u-padding100 { padding: var(--pr-t-spacings-100) !important; } .pr-u-padding150 { padding: var(--pr-t-spacings-150) !important; } .pr-u-padding200 { padding: var(--pr-t-spacings-200) !important; } .pr-u-padding300 { padding: var(--pr-t-spacings-300) !important; } .pr-u-padding400 { padding: var(--pr-t-spacings-400) !important; } .pr-u-padding500 { padding: var(--pr-t-spacings-500) !important; } .pr-u-padding600 { padding: var(--pr-t-spacings-600) !important; } .pr-u-padding700 { padding: var(--pr-t-spacings-700) !important; } .pr-u-padding800 { padding: var(--pr-t-spacings-800) !important; } .pr-u-paddingTop0 { padding-top: var(--pr-t-spacings-0) !important; } .pr-u-paddingTop25 { padding-top: var(--pr-t-spacings-25) !important; } .pr-u-paddingTop50 { padding-top: var(--pr-t-spacings-50) !important; } .pr-u-paddingTop75 { padding-top: var(--pr-t-spacings-75) !important; } .pr-u-paddingTop100 { padding-top: var(--pr-t-spacings-100) !important; } .pr-u-paddingTop150 { padding-top: var(--pr-t-spacings-150) !important; } .pr-u-paddingTop200 { padding-top: var(--pr-t-spacings-200) !important; } .pr-u-paddingTop300 { padding-top: var(--pr-t-spacings-300) !important; } .pr-u-paddingTop400 { padding-top: var(--pr-t-spacings-400) !important; } .pr-u-paddingTop500 { padding-top: var(--pr-t-spacings-500) !important; } .pr-u-paddingTop600 { padding-top: var(--pr-t-spacings-600) !important; } .pr-u-paddingTop700 { padding-top: var(--pr-t-spacings-700) !important; } .pr-u-paddingTop800 { padding-top: var(--pr-t-spacings-800) !important; } .pr-u-paddingBottom0 { padding-bottom: var(--pr-t-spacings-0) !important; } .pr-u-paddingBottom25 { padding-bottom: var(--pr-t-spacings-25) !important; } .pr-u-paddingBottom50 { padding-bottom: var(--pr-t-spacings-50) !important; } .pr-u-paddingBottom75 { padding-bottom: var(--pr-t-spacings-75) !important; } .pr-u-paddingBottom100 { padding-bottom: var(--pr-t-spacings-100) !important; } .pr-u-paddingBottom150 { padding-bottom: var(--pr-t-spacings-150) !important; } .pr-u-paddingBottom200 { padding-bottom: var(--pr-t-spacings-200) !important; } .pr-u-paddingBottom300 { padding-bottom: var(--pr-t-spacings-300) !important; } .pr-u-paddingBottom400 { padding-bottom: var(--pr-t-spacings-400) !important; } .pr-u-paddingBottom500 { padding-bottom: var(--pr-t-spacings-500) !important; } .pr-u-paddingBottom600 { padding-bottom: var(--pr-t-spacings-600) !important; } .pr-u-paddingBottom700 { padding-bottom: var(--pr-t-spacings-700) !important; } .pr-u-paddingBottom800 { padding-bottom: var(--pr-t-spacings-800) !important; } .pr-u-paddingLeft0 { padding-left: var(--pr-t-spacings-0) !important; } .pr-u-paddingLeft25 { padding-left: var(--pr-t-spacings-25) !important; } .pr-u-paddingLeft50 { padding-left: var(--pr-t-spacings-50) !important; } .pr-u-paddingLeft75 { padding-left: var(--pr-t-spacings-75) !important; } .pr-u-paddingLeft100 { padding-left: var(--pr-t-spacings-100) !important; } .pr-u-paddingLeft150 { padding-left: var(--pr-t-spacings-150) !important; } .pr-u-paddingLeft200 { padding-left: var(--pr-t-spacings-200) !important; } .pr-u-paddingLeft300 { padding-left: var(--pr-t-spacings-300) !important; } .pr-u-paddingLeft400 { padding-left: var(--pr-t-spacings-400) !important; } .pr-u-paddingLeft500 { padding-left: var(--pr-t-spacings-500) !important; } .pr-u-paddingLeft600 { padding-left: var(--pr-t-spacings-600) !important; } .pr-u-paddingLeft700 { padding-left: var(--pr-t-spacings-700) !important; } .pr-u-paddingLeft800 { padding-left: var(--pr-t-spacings-800) !important; } .pr-u-paddingRight0 { padding-right: var(--pr-t-spacings-0) !important; } .pr-u-paddingRight25 { padding-right: var(--pr-t-spacings-25) !important; } .pr-u-paddingRight50 { padding-right: var(--pr-t-spacings-50) !important; } .pr-u-paddingRight75 { padding-right: var(--pr-t-spacings-75) !important; } .pr-u-paddingRight100 { padding-right: var(--pr-t-spacings-100) !important; } .pr-u-paddingRight150 { padding-right: var(--pr-t-spacings-150) !important; } .pr-u-paddingRight200 { padding-right: var(--pr-t-spacings-200) !important; } .pr-u-paddingRight300 { padding-right: var(--pr-t-spacings-300) !important; } .pr-u-paddingRight400 { padding-right: var(--pr-t-spacings-400) !important; } .pr-u-paddingRight500 { padding-right: var(--pr-t-spacings-500) !important; } .pr-u-paddingRight600 { padding-right: var(--pr-t-spacings-600) !important; } .pr-u-paddingRight700 { padding-right: var(--pr-t-spacings-700) !important; } .pr-u-paddingRight800 { padding-right: var(--pr-t-spacings-800) !important; } .pr-u-paddingInline0 { padding-inline: var(--pr-t-spacings-0) !important; } .pr-u-paddingInline25 { padding-inline: var(--pr-t-spacings-25) !important; } .pr-u-paddingInline50 { padding-inline: var(--pr-t-spacings-50) !important; } .pr-u-paddingInline75 { padding-inline: var(--pr-t-spacings-75) !important; } .pr-u-paddingInline100 { padding-inline: var(--pr-t-spacings-100) !important; } .pr-u-paddingInline150 { padding-inline: var(--pr-t-spacings-150) !important; } .pr-u-paddingInline200 { padding-inline: var(--pr-t-spacings-200) !important; } .pr-u-paddingInline300 { padding-inline: var(--pr-t-spacings-300) !important; } .pr-u-paddingInline400 { padding-inline: var(--pr-t-spacings-400) !important; } .pr-u-paddingInline500 { padding-inline: var(--pr-t-spacings-500) !important; } .pr-u-paddingInline600 { padding-inline: var(--pr-t-spacings-600) !important; } .pr-u-paddingInline700 { padding-inline: var(--pr-t-spacings-700) !important; } .pr-u-paddingInline800 { padding-inline: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlock0 { padding-block: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlock25 { padding-block: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlock50 { padding-block: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlock75 { padding-block: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlock100 { padding-block: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlock150 { padding-block: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlock200 { padding-block: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlock300 { padding-block: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlock400 { padding-block: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlock500 { padding-block: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlock600 { padding-block: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlock700 { padding-block: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlock800 { padding-block: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlockStart0 { padding-block-start: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlockStart25 { padding-block-start: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlockStart50 { padding-block-start: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlockStart75 { padding-block-start: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlockStart100 { padding-block-start: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlockStart150 { padding-block-start: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlockStart200 { padding-block-start: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlockStart300 { padding-block-start: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlockStart400 { padding-block-start: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlockStart500 { padding-block-start: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlockStart600 { padding-block-start: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlockStart700 { padding-block-start: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlockStart800 { padding-block-start: var(--pr-t-spacings-800) !important; } .pr-u-paddingBlockEnd0 { padding-block-end: var(--pr-t-spacings-0) !important; } .pr-u-paddingBlockEnd25 { padding-block-end: var(--pr-t-spacings-25) !important; } .pr-u-paddingBlockEnd50 { padding-block-end: var(--pr-t-spacings-50) !important; } .pr-u-paddingBlockEnd75 { padding-block-end: var(--pr-t-spacings-75) !important; } .pr-u-paddingBlockEnd100 { padding-block-end: var(--pr-t-spacings-100) !important; } .pr-u-paddingBlockEnd150 { padding-block-end: var(--pr-t-spacings-150) !important; } .pr-u-paddingBlockEnd200 { padding-block-end: var(--pr-t-spacings-200) !important; } .pr-u-paddingBlockEnd300 { padding-block-end: var(--pr-t-spacings-300) !important; } .pr-u-paddingBlockEnd400 { padding-block-end: var(--pr-t-spacings-400) !important; } .pr-u-paddingBlockEnd500 { padding-block-end: var(--pr-t-spacings-500) !important; } .pr-u-paddingBlockEnd600 { padding-block-end: var(--pr-t-spacings-600) !important; } .pr-u-paddingBlockEnd700 { padding-block-end: var(--pr-t-spacings-700) !important; } .pr-u-paddingBlockEnd800 { padding-block-end: var(--pr-t-spacings-800) !important; } .pr-u-paddingInlineStart0 { padding-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-paddingInlineStart25 { padding-inline-start: var(--pr-t-spacings-25) !important; } .pr-u-paddingInlineStart50 { padding-inline-start: var(--pr-t-spacings-50) !important; } .pr-u-paddingInlineStart75 { padding-inline-start: var(--pr-t-spacings-75) !important; } .pr-u-paddingInlineStart100 { padding-inline-start: var(--pr-t-spacings-100) !important; } .pr-u-paddingInlineStart150 { padding-inline-start: var(--pr-t-spacings-150) !important; } .pr-u-paddingInlineStart200 { padding-inline-start: var(--pr-t-spacings-200) !important; } .pr-u-paddingInlineStart300 { padding-inline-start: var(--pr-t-spacings-300) !important; } .pr-u-paddingInlineStart400 { padding-inline-start: var(--pr-t-spacings-400) !important; } .pr-u-paddingInlineStart500 { padding-inline-start: var(--pr-t-spacings-500) !important; } .pr-u-paddingInlineStart600 { padding-inline-start: var(--pr-t-spacings-600) !important; } .pr-u-paddingInlineStart700 { padding-inline-start: var(--pr-t-spacings-700) !important; } .pr-u-paddingInlineStart800 { padding-inline-start: var(--pr-t-spacings-800) !important; } .pr-u-paddingInlineEnd0 { padding-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-paddingInlineEnd25 { padding-inline-end: var(--pr-t-spacings-25) !important; } .pr-u-paddingInlineEnd50 { padding-inline-end: var(--pr-t-spacings-50) !important; } .pr-u-paddingInlineEnd75 { padding-inline-end: var(--pr-t-spacings-75) !important; } .pr-u-paddingInlineEnd100 { padding-inline-end: var(--pr-t-spacings-100) !important; } .pr-u-paddingInlineEnd150 { padding-inline-end: var(--pr-t-spacings-150) !important; } .pr-u-paddingInlineEnd200 { padding-inline-end: var(--pr-t-spacings-200) !important; } .pr-u-paddingInlineEnd300 { padding-inline-end: var(--pr-t-spacings-300) !important; } .pr-u-paddingInlineEnd400 { padding-inline-end: var(--pr-t-spacings-400) !important; } .pr-u-paddingInlineEnd500 { padding-inline-end: var(--pr-t-spacings-500) !important; } .pr-u-paddingInlineEnd600 { padding-inline-end: var(--pr-t-spacings-600) !important; } .pr-u-paddingInlineEnd700 { padding-inline-end: var(--pr-t-spacings-700) !important; } .pr-u-paddingInlineEnd800 { padding-inline-end: var(--pr-t-spacings-800) !important; } .pr-u-border0 { border: var(--pr-t-spacings-0) !important; } .pr-u-borderTop0 { border-top: var(--pr-t-spacings-0) !important; } .pr-u-borderBottom0 { border-bottom: var(--pr-t-spacings-0) !important; } .pr-u-borderLeft0 { border-left: var(--pr-t-spacings-0) !important; } .pr-u-borderRight0 { border-right: var(--pr-t-spacings-0) !important; } .pr-u-borderInline0 { border-inline: var(--pr-t-spacings-0) !important; } .pr-u-borderBlock0 { border-block: var(--pr-t-spacings-0) !important; } .pr-u-borderBlockStart0 { border-block-start: var(--pr-t-spacings-0) !important; } .pr-u-borderBlockEnd0 { border-block-end: var(--pr-t-spacings-0) !important; } .pr-u-borderInlineStart0 { border-inline-start: var(--pr-t-spacings-0) !important; } .pr-u-borderInlineEnd0 { border-inline-end: var(--pr-t-spacings-0) !important; } .pr-u-columnGap0 { column-gap: var(--pr-t-spacings-0) !important; } .pr-u-columnGap25 { column-gap: var(--pr-t-spacings-25) !important; } .pr-u-columnGap50 { column-gap: var(--pr-t-spacings-50) !important; } .pr-u-columnGap75 { column-gap: var(--pr-t-spacings-75) !important; } .pr-u-columnGap100 { column-gap: var(--pr-t-spacings-100) !important; } .pr-u-columnGap150 { column-gap: var(--pr-t-spacings-150) !important; } .pr-u-columnGap200 { column-gap: var(--pr-t-spacings-200) !important; } .pr-u-columnGap300 { column-gap: var(--pr-t-spacings-300) !important; } .pr-u-columnGap400 { column-gap: var(--pr-t-spacings-400) !important; } .pr-u-columnGap500 { column-gap: var(--pr-t-spacings-500) !important; } .pr-u-columnGap600 { column-gap: var(--pr-t-spacings-600) !important; } .pr-u-columnGap700 { column-gap: var(--pr-t-spacings-700) !important; } .pr-u-columnGap800 { column-gap: var(--pr-t-spacings-800) !important; } .pr-u-rowGap0 { row-gap: var(--pr-t-spacings-0) !important; } .pr-u-rowGap25 { row-gap: var(--pr-t-spacings-25) !important; } .pr-u-rowGap50 { row-gap: var(--pr-t-spacings-50) !important; } .pr-u-rowGap75 { row-gap: var(--pr-t-spacings-75) !important; } .pr-u-rowGap100 { row-gap: var(--pr-t-spacings-100) !important; } .pr-u-rowGap150 { row-gap: var(--pr-t-spacings-150) !important; } .pr-u-rowGap200 { row-gap: var(--pr-t-spacings-200) !important; } .pr-u-rowGap300 { row-gap: var(--pr-t-spacings-300) !important; } .pr-u-rowGap400 { row-gap: var(--pr-t-spacings-400) !important; } .pr-u-rowGap500 { row-gap: var(--pr-t-spacings-500) !important; } .pr-u-rowGap600 { row-gap: var(--pr-t-spacings-600) !important; } .pr-u-rowGap700 { row-gap: var(--pr-t-spacings-700) !important; } .pr-u-rowGap800 { row-gap: var(--pr-t-spacings-800) !important; } .pr-u-gap0 { gap: var(--pr-t-spacings-0) !important; } .pr-u-gap25 { gap: var(--pr-t-spacings-25) !important; } .pr-u-gap50 { gap: var(--pr-t-spacings-50) !important; } .pr-u-gap75 { gap: var(--pr-t-spacings-75) !important; } .pr-u-gap100 { gap: var(--pr-t-spacings-100) !important; } .pr-u-gap150 { gap: var(--pr-t-spacings-150) !important; } .pr-u-gap200 { gap: var(--pr-t-spacings-200) !important; } .pr-u-gap300 { gap: var(--pr-t-spacings-300) !important; } .pr-u-gap400 { gap: var(--pr-t-spacings-400) !important; } .pr-u-gap500 { gap: var(--pr-t-spacings-500) !important; } .pr-u-gap600 { gap: var(--pr-t-spacings-600) !important; } .pr-u-gap700 { gap: var(--pr-t-spacings-700) !important; } .pr-u-gap800 { gap: var(--pr-t-spacings-800) !important; } .u-textXS { font-size: var(--sizes-XS-fontSize) !important; line-height: var(--sizes-XS-lineHeight) !important; } .u-textS { font-size: var(--sizes-S-fontSize) !important; line-height: var(--sizes-S-lineHeight) !important; } .u-textM { font-size: var(--sizes-M-fontSize) !important; line-height: var(--sizes-M-lineHeight) !important; } .u-textL { font-size: var(--sizes-L-fontSize) !important; line-height: var(--sizes-L-lineHeight) !important; } .u-textXL { font-size: var(--sizes-XL-fontSize) !important; line-height: var(--sizes-XL-lineHeight) !important; } .u-textXXL { font-size: var(--sizes-XXL-fontSize) !important; line-height: var(--sizes-XXL-lineHeight) !important; } .u-textXXXL { font-size: var(--sizes-XXXL-fontSize) !important; line-height: var(--sizes-XXXL-lineHeight) !important; } .u-borderRadiusM { border-radius: var(--commons-borderRadius-M) !important; } .u-borderRadiusL { border-radius: var(--commons-borderRadius-L) !important; } .u-borderRadiusXL { border-radius: var(--commons-borderRadius-XL) !important; } .u-borderRadiusFull { border-radius: var(--commons-borderRadius-full) !important; } .u-borderTopLeftRadiusM { border-top-left-radius: var(--commons-borderRadius-M) !important; } .u-borderTopLeftRadiusL { border-top-left-radius: var(--commons-borderRadius-L) !important; } .u-borderTopLeftRadiusXL { border-top-left-radius: var(--commons-borderRadius-XL) !important; } .u-borderTopLeftRadiusFull { border-top-left-radius: var(--commons-borderRadius-full) !important; } .u-borderTopRightRadiusM { border-top-right-radius: var(--commons-borderRadius-M) !important; } .u-borderTopRightRadiusL { border-top-right-radius: var(--commons-borderRadius-L) !important; } .u-borderTopRightRadiusXL { border-top-right-radius: var(--commons-borderRadius-XL) !important; } .u-borderTopRightRadiusFull { border-top-right-radius: var(--commons-borderRadius-full) !important; } .u-borderBottomLeftRadiusM { border-bottom-left-radius: var(--commons-borderRadius-M) !important; } .u-borderBottomLeftRadiusL { border-bottom-left-radius: var(--commons-borderRadius-L) !important; } .u-borderBottomLeftRadiusXL { border-bottom-left-radius: var(--commons-borderRadius-XL) !important; } .u-borderBottomLeftRadiusFull { border-bottom-left-radius: var(--commons-borderRadius-full) !important; } .u-borderBottomRightRadiusM { border-bottom-right-radius: var(--commons-borderRadius-M) !important; } .u-borderBottomRightRadiusL { border-bottom-right-radius: var(--commons-borderRadius-L) !important; } .u-borderBottomRightRadiusXL { border-bottom-right-radius: var(--commons-borderRadius-XL) !important; } .u-borderBottomRightRadiusFull { border-bottom-right-radius: var(--commons-borderRadius-full) !important; } .u-borderStartStartRadiusM { border-start-start-radius: var(--commons-borderRadius-M) !important; } .u-borderStartStartRadiusL { border-start-start-radius: var(--commons-borderRadius-L) !important; } .u-borderStartStartRadiusXL { border-start-start-radius: var(--commons-borderRadius-XL) !important; } .u-borderStartStartRadiusFull { border-start-start-radius: var(--commons-borderRadius-full) !important; } .u-borderStartEndRadiusM { border-start-end-radius: var(--commons-borderRadius-M) !important; } .u-borderStartEndRadiusL { border-start-end-radius: var(--commons-borderRadius-L) !important; } .u-borderStartEndRadiusXL { border-start-end-radius: var(--commons-borderRadius-XL) !important; } .u-borderStartEndRadiusFull { border-start-end-radius: var(--commons-borderRadius-full) !important; } .u-borderEndStartRadiusM { border-end-start-radius: var(--commons-borderRadius-M) !important; } .u-borderEndStartRadiusL { border-end-start-radius: var(--commons-borderRadius-L) !important; } .u-borderEndStartRadiusXL { border-end-start-radius: var(--commons-borderRadius-XL) !important; } .u-borderEndStartRadiusFull { border-end-start-radius: var(--commons-borderRadius-full) !important; } .u-borderEndEndRadiusM { border-end-end-radius: var(--commons-borderRadius-M) !important; } .u-borderEndEndRadiusL { border-end-end-radius: var(--commons-borderRadius-L) !important; } .u-borderEndEndRadiusXL { border-end-end-radius: var(--commons-borderRadius-XL) !important; } .u-borderEndEndRadiusFull { border-end-end-radius: var(--commons-borderRadius-full) !important; } .u-textCritical { color: var(--palettes-critical-700) !important; } .u-textError { color: var(--palettes-error-700) !important; } .u-textWarning { color: var(--palettes-warning-700) !important; } .u-textSuccess { color: var(--palettes-success-700) !important; } .u-textBrand { color: var(--palettes-brand-700) !important; } .u-textNeutral { color: var(--palettes-neutral-700) !important; } .u-textNavigation { color: var(--palettes-navigation-700) !important; } .u-textProduct { color: var(--palettes-product-700) !important; } .u-textKiwi { color: var(--palettes-kiwi-700) !important; } .u-textLime { color: var(--palettes-lime-700) !important; } .u-textCucumber { color: var(--palettes-cucumber-700) !important; } .u-textMint { color: var(--palettes-mint-700) !important; } .u-textGlacier { color: var(--palettes-glacier-700) !important; } .u-textLagoon { color: var(--palettes-lagoon-700) !important; } .u-textBlueberry { color: var(--palettes-blueberry-700) !important; } .u-textLavender { color: var(--palettes-lavender-700) !important; } .u-textGrape { color: var(--palettes-grape-700) !important; } .u-textWatermelon { color: var(--palettes-watermelon-700) !important; } .u-textPumpkin { color: var(--palettes-pumpkin-700) !important; } .u-textPineapple { color: var(--palettes-pineapple-700) !important; } .u-textLucca { color: var(--palettes-lucca-700) !important; } .u-textGrey { color: var(--palettes-grey-700) !important; } .u-textPrimary { color: var(--palettes-primary-700) !important; } .u-textSecondary { color: var(--palettes-secondary-700) !important; } html { line-height: 1.15; text-size-adjust: 100%; } body { margin: 0px; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0px; } hr { box-sizing: content-box; height: 0px; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0px; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { appearance: button; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0px; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0px; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { appearance: none; } ::-webkit-file-upload-button { appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } :root { --components-options-item-padding-vertical: var(--pr-t-spacings-50); --components-options-item-padding-horizontal: var(--pr-t-spacings-100); --components-options-item-multiple-padding: 2.25rem; --components-options-item-icon-color: var(--palettes-neutral-800); --components-options-checkbox-size: 1.25rem; --components-options-checkbox-color: var(--palettes-product-700); --components-options-checkbox-border-radius: 6px; --components-options-checkbox-border-color: var(--palettes-neutral-700); --components-options-establishment-multiple-padding: 2rem; } :root { --components-calendar-width: 17.5rem; --components-calendar-day-size: 2.5rem; } .form-group-label.is-required:not(:empty)::after, .radiosfield-label.is-required:not(:empty)::after, .checkboxesfield-label.is-required:not(:empty)::after, .textfield-label.is-required:not(:empty)::after { color: var(--palettes-error-700); display: inline-block; margin-inline-start: 0.2em; content: "*" / ""; } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) { background-color: var(--palettes-error-50); box-shadow: 0 0 0 1px var(--palettes-error-600); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .radiosfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .textfield-suffix, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .checkboxesfield-suffix, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled) ~ .radiosfield-suffix { color: var(--palettes-error-700); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled)::placeholder { color: var(--palettes-error-400); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus ~ .radiosfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .textfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .checkboxesfield-label, .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled).is-focused ~ .radiosfield-label { color: var(--palettes-error-700); } .textfield .textfield-input.ng-invalid.ng-touched:not(:disabled, .is-disabled):focus::placeholder { color: var(--palettes-error-400); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched { box-shadow: 0 2px 0 0 var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched:focus { box-shadow: 0 2px 0 0 var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-material .textfield-input.ng-invalid.ng-touched:focus ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled), .textfield.mod-framed .textfield-input.is-invalid:not(:disabled), .textfield.mod-framed .textfield-input.is-error:not(:disabled) { z-index: 3; box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset; background-color: var(--palettes-error-50); transition: background-color var(--commons-animations-durations-fast); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) ~ .textfield-label, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled) ~ .textfield-label, .textfield.mod-framed .textfield-input.is-error:not(:disabled) ~ .textfield-label { color: var(--palettes-error-700); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):hover, .textfield.mod-framed .textfield-input.is-error:not(:disabled):hover { z-index: 4; background-color: var(--palettes-error-100); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):hover ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-error:not(:disabled):hover ~ .textfield-messages { transform: translateY(100%); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):focus, .textfield.mod-framed .textfield-input.is-error:not(:disabled):focus { background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset,0 0 0 4px var(--palettes-error-50); } .textfield.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-invalid:not(:disabled):focus ~ .textfield-messages, .textfield.mod-framed .textfield-input.is-error:not(:disabled):focus ~ .textfield-messages { transform: translateY(100%); } .form.mod-framed .textfield-input.is-error:not(:disabled), .form.mod-framed .textfield-input.is-invalid:not(:disabled), .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) { z-index: 3; box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset; background-color: var(--palettes-error-50); transition: background-color var(--commons-animations-durations-fast); } .form.mod-framed .textfield-input.is-error:not(:disabled) ~ .textfield-label, .form.mod-framed .textfield-input.is-invalid:not(:disabled) ~ .textfield-label, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled) ~ .textfield-label { color: var(--palettes-error-700); } .form.mod-framed .textfield-input.is-error:not(:disabled):hover, .form.mod-framed .textfield-input.is-invalid:not(:disabled):hover, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover { z-index: 4; background-color: var(--palettes-error-100); } .form.mod-framed .textfield-input.is-error:not(:disabled):hover ~ .textfield-messages, .form.mod-framed .textfield-input.is-invalid:not(:disabled):hover ~ .textfield-messages, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):hover ~ .textfield-messages { transform: translateY(100%); } .form.mod-framed .textfield-input.is-error:not(:disabled):focus, .form.mod-framed .textfield-input.is-invalid:not(:disabled):focus, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus { background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-error-700),0 -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700),-1px -1px var(--palettes-error-700) inset,0 0 0 4px var(--palettes-error-50); } .form.mod-framed .textfield-input.is-error:not(:disabled):focus ~ .textfield-messages, .form.mod-framed .textfield-input.is-invalid:not(:disabled):focus ~ .textfield-messages, .form.mod-framed .textfield-input.ng-invalid.ng-touched:not(:disabled):focus ~ .textfield-messages { transform: translateY(100%); } .radiosfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .radiosfield.mod-framed .radio-input.is-error:not(:disabled) ~ .radio-label::before, .radiosfield.mod-framed .radio-input.is-error:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .checkbox-input.is-error:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.is-invalid:not(:disabled) ~ .checkbox-label::before, .checkboxesfield.mod-framed .radio-input.is-error:not(:disabled) ~ .radio-label::before, .checkboxesfield.mod-framed .radio-input.is-error:not(:disabled) ~ .checkbox-label::before { border-color: var(--palettes-error-700); } .form.mod-framed .checkbox.is-error:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.is-error:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .checkbox.is-invalid:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.is-invalid:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .checkbox.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .form.mod-framed .checkbox.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.is-error:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.is-error:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.is-invalid:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.is-invalid:not(:disabled) ~ .checkbox-label::before, .form.mod-framed .radio.ng-invalid.ng-touched:not(:disabled) ~ .radio-label::before, .form.mod-framed .radio.ng-invalid.ng-touched:not(:disabled) ~ .checkbox-label::before { border-color: var(--palettes-error-700); } .lu-picker-panel, .lu-popover-panel { display: flex; flex-direction: column; max-block-size: calc(48px + 100vh); position: relative; } .is-above.lu-picker-panel, .is-above.lu-popover-panel { transform-origin: center bottom; } .is-below.lu-picker-panel, .is-below.lu-popover-panel { transform-origin: center top; } .is-before.lu-picker-panel, .is-before.lu-popover-panel { transform-origin: right center; } .is-before.is-above.lu-picker-panel, .is-before.is-above.lu-popover-panel { transform-origin: right bottom; } .is-before.is-below.lu-picker-panel, .is-before.is-below.lu-popover-panel { transform-origin: right top; } .is-after.lu-picker-panel, .is-after.lu-popover-panel { transform-origin: left center; } .is-after.is-above.lu-picker-panel, .is-after.is-above.lu-popover-panel { transform-origin: left bottom; } .is-after.is-below.lu-picker-panel, .is-after.is-below.lu-popover-panel { transform-origin: left top; } .lu-picker-content, .lu-popover-content { background-color: var(--pr-t-elevation-surface-raised); box-shadow: var(--pr-t-elevation-shadow-overlay); border-radius: var(--commons-borderRadius-M); } .lu-picker-content:focus-within, .lu-popover-content:focus-within { outline: none; } .lu-popover-content { padding-block: var(--pr-t-spacings-100); padding-inline: var(--pr-t-spacings-150); } .lu-picker-content { max-block-size: 20rem; padding: var(--pr-t-spacings-50); overflow-y: auto; display: block; animation: 0.15s cubic-bezier(0.25, 0.8, 0.25, 1) 0s 1 normal none running scaleIn; margin-inline-start: calc(var(--pr-t-spacings-50) * -1); margin-inline-end: calc(var(--pr-t-spacings-50) * -1); } .lu-picker-content-option { display: flex; flex-direction: column; gap: var(--pr-t-spacings-50); } .lu-picker-content-option-emptyState { color: var(--palettes-neutral-600); padding-inline: var(--pr-t-spacings-100); text-align: center; } .lu-picker-content-option-group { margin-block-end: var(--pr-t-spacings-50); } .lu-picker-content-option-group-title { font-size: var(--sizes-S-fontSize); line-height: var(--sizes-S-lineHeight); font-weight: 600; padding-block: var(--components-options-item-padding-vertical); padding-inline: var(--components-options-item-padding-horizontal); color: var(--palettes-neutral-600); position: sticky; inset-block-start: 0px; background-color: var(--pr-t-elevation-surface-raised); z-index: 1; display: flex; gap: var(--pr-t-spacings-100); justify-content: space-between; box-shadow: calc(var(--pr-t-spacings-50) * -.5) calc(var(--pr-t-spacings-50) * -.5) 0 2px var(--pr-t-elevation-surface-raised); } .lu-picker-content-add { position: sticky; inset-block-end: 0px; background-color: var(--palettes-neutral-0); box-shadow: var(--pr-t-elevation-shadow-overflow); padding: var(--pr-t-spacings-50); margin-block: 0px; margin-inline: calc(var(--pr-t-spacings-50) * -1); transform: translateY(var(--pr-t-spacings-50)); } .lu-picker-content-add .button { inline-size: 100%; justify-content: left; } .lu-picker-content-loading { padding: var(--pr-t-spacings-50); display: flex; color: var(--palettes-neutral-600); } .lu-picker-loading { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; transform: translate(-50%) translateY(-50%); } .lu-picker-header { background-color: var(--pr-t-elevation-surface-raised); position: sticky; inset-block-start: 0px; inset-inline: 0px; display: block; z-index: 1; margin-block-end: var(--pr-t-spacings-50); box-shadow: 0 -4px 0 var(--pr-t-spacings-100) var(--pr-t-elevation-surface-raised); } .lu-picker-textfield { inline-size: 100%; padding-block-end: var(--pr-t-spacings-100); } .lu-picker-textfield .textfield-input { background-color: var(--palettes-neutral-0); outline: none; } .lu-picker-footer { background-color: var(--pr-t-elevation-surface-raised); position: sticky; inset-block-end: 0px; inset-inline: 0px; display: block; z-index: 1; } .lu-date-picker-panel { inline-size: var(--components-calendar-width); } .lu-date-picker-panel .lu-picker-content { max-block-size: none; } .lu-picker-content-group { display: flex; flex-direction: column; gap: var(--pr-t-spacings-50); } :root { --components-popup-XS: 25rem; --components-popup-S: 30rem; --components-popup-M: 40rem; --components-popup-L: 50rem; --components-popup-XL: 60rem; --components-popup-padding-horizontal: var(--pr-t-spacings-300); --components-popup-padding-vertical: var(--pr-t-spacings-200); } .lu-popup-panel { position: relative; box-shadow: var(--pr-t-elevation-shadow-overlay); background-color: var(--pr-t-elevation-surface-raised); border-radius: var(--commons-borderRadius-L); inline-size: var(--components-popup-M); max-inline-size: 95%; max-block-size: 90vh; overflow: auto; animation: popup var(--commons-animations-durations-standard) cubic-bezier(.25,.8,.25,1); } .lu-popup-panel.mod-XS { inline-size: var(--components-popup-XS); } .lu-popup-panel.mod-S { inline-size: var(--components-popup-S); } .lu-popup-panel.mod-L { inline-size: var(--components-popup-L); } .lu-popup-panel.mod-XL { inline-size: var(--components-popup-XL); } .lu-modal-panel-inner { display: flex; flex-flow: column; max-block-size: 90vh; } .lu-modal-container { display: flex; flex-flow: column; flex-grow: 1; } .lu-modal-header { position: sticky; inset-block-start: 0px; z-index: 5; background-color: var(--pr-t-elevation-surface-raised); padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal) var(--pr-t-spacings-800); border-block-end: 1px solid var(--commons-border-100); } .lu-modal-header-title { --sizes-verticalPadding: var(--sizes-XL-verticalPadding); --sizes-fontSize: var(--sizes-XL-fontSize); --sizes-lineHeight: var(--sizes-XL-lineHeight); --components-title-weight: 700; margin: 0px; padding: 0px; } .button.lu-modal-header-close { position: absolute; inset-inline-end: 1.25rem; inset-block-start: var(--pr-t-spacings-150); } .lu-modal-content { padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal); overflow: auto; block-size: auto; } .lu-modal-content.mod-noPadding { padding: 0px; } .lu-modal-content.mod-noPadding::after { padding-block-end: 0px; } .lu-modal-footer { position: sticky; inset-block-end: 0px; z-index: 5; display: flex; align-items: center; justify-content: flex-end; background-color: var(--pr-t-elevation-surface-raised); box-shadow: var(--pr-t-elevation-shadow-overflow); margin-block-start: auto; padding-block: var(--components-popup-padding-vertical); padding-inline: var(--components-popup-padding-horizontal); } @media not all and (min-width: 30em) { .lu-popup-panel { border-radius: 0px; max-inline-size: none; max-block-size: 100vh; inline-size: 100%; block-size: 100vh; } .lu-modal-panel-inner { max-block-size: 100vh; block-size: 100vh; } } .lu-popup-panel.mod-commInApp { inline-size: 30rem; } .lu-popup-panel.mod-commInApp .lu-modal-content { text-align: center; } .lu-popup-panel.mod-commInApp .lu-modal-content::after { content: none; } .lu-popup-panel.mod-commInApp .lu-modal-content-title { color: var(--palettes-neutral-800); font-size: var(--sizes-XL-fontSize); margin-block-start: 2.5rem; } .lu-popup-panel.mod-commInApp .button { margin-block-end: 2.5rem; } .lu-popup-panel.mod-commInApp .modal-visual { margin-block: 4.5rem 0px; margin-inline: calc(var(--pr-t-spacings-400) * -1); } .lu-popup-panel.mod-commInApp .modal-visual-illustration { vertical-align: bottom; } .lu-popup-panel.mod-commInApp .lu-modal-footer { display: none; } @keyframes popup { 0% { transform: scale(0.7); } 100% { transform: none; } } :root { --components-sidepanel-XS: 25rem; --components-sidepanel-S: 30rem; --components-sidepanel-M: 40rem; --components-sidepanel-L: 50rem; --components-sidepanel-XL: 60rem; } .lu-popup-panel.mod-sidepanel { inset-block: 0px; inset-inline-end: 0px; inline-size: var(--components-sidepanel-M); max-inline-size: 100%; max-block-size: 100vh; border-radius: 0px; animation-name: sidepanel; transform-origin: center center; position: fixed !important; } .lu-popup-panel.mod-sidepanel.mod-XS { inline-size: var(--components-sidepanel-XS); } .lu-popup-panel.mod-sidepanel.mod-S { inline-size: var(--components-sidepanel-S); } .lu-popup-panel.mod-sidepanel.mod-L { inline-size: var(--components-sidepanel-L); } .lu-popup-panel.mod-sidepanel.mod-XL { inline-size: var(--components-sidepanel-XL); } .lu-sidepanel-panel-inner, .lu-sidepanel-container { display: flex; flex-flow: column; flex-grow: 1; block-size: 100%; } .lu-sidepanel-panel-inner .lu-modal-content, .lu-sidepanel-container .lu-modal-content { block-size: 100%; } .lu-sidepanel-container { overflow: auto; } @keyframes sidepanel { 0% { transform: translate(100%); } 100% { transform: translate(0px); } } :root { --components-cdk-backdrop-opacity: .4; } .cdk-overlay-container { position: fixed; z-index: 1000; block-size: 100%; inset-inline-start: 0px; pointer-events: none; inset-block-start: 0px; inline-size: 100%; } .cdk-overlay-connected-position-bounding-box { position: absolute; z-index: 1000; display: flex; flex-direction: column; min-inline-size: 1px; min-block-size: 1px; } .cdk-overlay-pane { box-sizing: border-box; position: absolute; pointer-events: auto; z-index: 1000; } .cdk-overlay-pane > * { flex-grow: 1; } .cdk-overlay-backdrop { opacity: 0; pointer-events: auto; position: absolute; inset: 0px; transition: opacity var(--commons-animations-durations-fast) ease-in-out; z-index: 1000; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing { opacity: 0.4; } .cdk-overlay-backdrop.cdk-overlay-dark-backdrop { background-color: color-mix(in var(--commons-colorSpace, srgb),var(--palettes-neutral-900) 60%,transparent); } .cdk-overlay-backdrop.cdk-overlay-transparent-backdrop { background: 0px 0px; } .cdk-overlay-backdrop.cdk-overlay-backdrop-showing.lu-popup-backdrop { opacity: var(--pr-t-elevation-surface-backdrop); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .cdk-overlay-pane.mod-optionPicker { min-inline-size: 13rem; max-inline-size: 30rem; } :root { --components-cdk-textarea-input-padding-horizontal: var(--pr-t-spacings-100); } .cdk-textarea-autosize { resize: none; line-height: 1.3; box-sizing: content-box; inline-size: calc(100% - 2 * var(--components-cdk-textarea-input-padding-horizontal)); } .cdk-textarea-autosize.textField-input-value { block-size: auto; min-block-size: 0px; } .cdk-textarea-autosize-measuring { block-size: auto !important; overflow: hidden !important; padding-block: 2px !important; padding-inline: 0px !important; box-sizing: content-box !important; } .cdk-visually-hidden { border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; block-size: 1px !important; inline-size: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; white-space: nowrap !important; contain: paint !important; } .cdk-global-overlay-wrapper { block-size: 100%; inset-inline-start: 0px; inset-block-start: 0px; pointer-events: none; inline-size: 100%; display: flex; position: absolute; z-index: 1000; } .cdk-global-scrollblock { position: static !important; width: auto !important; } .cdk-global-scrollblock, .cdk-global-scrollblock body { touch-action: none !important; overscroll-behavior: none !important; overflow: hidden !important; } .cdk-drag-placeholder { box-shadow: -1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset; background-color: var(--palettes-neutral-100); } .cdk-drag-placeholder * { opacity: 0; } .cdk-drag-handle, .cdk-drag-placeholder { cursor: move; } .dragDrop-card { z-index: 1; } .dragDrop-list { border-radius: var(--commons-borderRadius-M); } .dragDrop-item { cursor: grab; } .dragDrop-item:not(.cdk-drag-placeholder):first-of-type { border-start-start-radius: var(--commons-borderRadius-M); border-start-end-radius: var(--commons-borderRadius-M); } .dragDrop-item:not(.cdk-drag-placeholder):last-of-type { border-end-start-radius: var(--commons-borderRadius-M); border-end-end-radius: var(--commons-borderRadius-M); } .dragDrop-item:active { cursor: grabbing; } .dragDrop-item-content { padding: var(--pr-t-spacings-100); } .cdk-drag-preview { box-sizing: border-box; box-shadow: -1px 0 var(--palettes-product-200),0 -1px var(--palettes-product-200),-1px -1px var(--palettes-product-200),-1px -1px var(--palettes-product-200) inset; background-color: var(--palettes-product-50); border-radius: var(--commons-borderRadius-M); cursor: grabbing; z-index: 9999 !important; } .cdk-drop-list-dragging .dragDrop-item { cursor: grabbing; } .cdk-drop-list-dragging .cdk-drag:not(.cdk-drag-placeholder) { transition: transform 0.25s cubic-bezier(0, 0, 0.2, 1); } body { } .lucca-icon { --icon-content: none; --icon-sizeDefault: 1.5rem; --icon-fontFamily: "Lucca icons"; font-weight: 400; font-size: var(--icon-size, var(--icon-sizeDefault)); direction: ltr; display: inline-block; font-family: var(--icon-fontFamily); font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; font-style: normal; letter-spacing: normal; line-height: 1; text-transform: none; vertical-align: text-bottom; white-space: nowrap; overflow-wrap: normal; } .icon-soundMegaphone { --icon-content: "\ea08"; } .icon-emojiSmile { --icon-content: "\ea09"; } .icon-app, .icon-apps, .icon-nineTiles, .icon-mosaic, .icon-tiles { --icon-content: "\e959"; } .icon-arrowBackward, .icon-backward { --icon-content: "\e9ef"; } .icon-arrowBottom, .icon-arrowFullSouth { --icon-content: "\e9b5"; } .icon-arrowBottomLeft { --icon-content: "\e9ddd"; } .icon-arrowBottomRight { --icon-content: "\e9ccc"; } .icon-arrowCenterReduce { --icon-content: "\e9f7"; } .icon-arrowChevronBottom, .icon-arrowSouth, .icon-southArrow, .icon-southThinArrow, .icon-chevronSouth, .icon-chevronBottom { --icon-content: "\e97c"; } .icon-arrowChevronLeft, .icon-arrowWest, .icon-westArrow, .icon-westThinArrow, .icon-chevronWest, .icon-chevronLeft { --icon-content: "\e994"; } .icon-arrowChevronRight, .icon-arrowEast, .icon-eastArrow, .icon-eastThinArrow, .icon-chevronEast, .icon-chevronRight { --icon-content: "\e926"; } .icon-arrowChevronTop, .icon-arrowNorth, .icon-northArrow, .icon-northThinArrow, .icon-chevronNorth, .icon-chevronTop { --icon-content: "\e95a"; } .icon-arrowCorner, .icon-distribute { --icon-content: "\e9b9"; } .icon-arrowCornerExpand { --icon-content: "\e9f6"; } .icon-arrowCurvedDownRight { --icon-content: "\e9fa"; } .icon-arrowDownload, .icon-download { --icon-content: "\e924"; } .icon-arrowExternal, .icon-outside { --icon-content: "\e95d"; } .icon-arrowForward, .icon-arrowDouble, .icon-forward { --icon-content: "\e9c5"; } .icon-arrowLeft, .icon-arrowFullWest { --icon-content: "\e9b4"; } .icon-arrowLineBottom { --icon-content: "\ea01"; } .icon-arrowLineTop { --icon-content: "\ea02"; } .icon-arrowLogin, .icon-login { --icon-content: "\e93f"; } .icon-arrowLogout, .icon-logout { --icon-content: "\e940"; } .icon-arrowOppositeHorizontal, .icon-swap { --icon-content: "\e9ad"; } .icon-arrowOppositeVertical, .icon-creditDebit { --icon-content: "\e912"; } .icon-arrowReply, .icon-reply { --icon-content: "\e9ba"; } .icon-arrowReset, .icon-refresh, .icon-update { --icon-content: "\e970"; } .icon-arrowRight, .icon-arrowFullEast { --icon-content: "\e9b6"; } .icon-arrowSync, .icon-sync { --icon-content: "\e9c3"; } .icon-arrowSyncStrikethrough, .icon-syncDisabled { --icon-content: "\e9c2"; } .icon-arrowTop, .icon-arrowFullNorth { --icon-content: "\e9b7"; } .icon-arrowTopLeft { --icon-content: "\e9dd"; } .icon-arrowTopRight { --icon-content: "\e9df"; } .icon-arrowUnfoldLess, .icon-collapse { --icon-content: "\e9c8"; } .icon-arrowUnfoldMore, .icon-expand { --icon-content: "\e9c9"; } .icon-arrowUpload, .icon-upload, .icon-cloudUpload { --icon-content: "\e98f"; } .icon-bell, .icon-notification { --icon-content: "\e904"; } .icon-bellStrikethrough { --icon-content: "\e91a"; } .icon-book { --icon-content: "\e9af"; } .icon-bookmark { --icon-content: "\e9c0"; } .icon-bookmarkFilled { --icon-content: "\e9da"; } .icon-boxArchive, .icon-archive { --icon-content: "\e99c"; } .icon-boxUnarchive, .icon-unarchive { --icon-content: "\e95e"; } .icon-branch { --icon-content: "\e90d"; } .icon-bubbleAnswer, .icon-answer { --icon-content: "\e953"; } .icon-bubbleConversation, .icon-messenger { --icon-content: "\e935"; } .icon-bubbleSpeech, .icon-chat, .icon-talk, .icon-dialog { --icon-content: "\e982"; } .icon-buildingCompany, .icon-building, .icon-establishment { --icon-content: "\e903"; } .icon-buildingHouse, .icon-house, .icon-home { --icon-content: "\e913"; } .icon-buildingHouseFilled, .icon-houseFilled, .icon-homeFill { --icon-content: "\e99d"; } .icon-buildingHouseStarred, .icon-houseStarred, .icon-homeStarred { --icon-content: "\e99e"; } .icon-buildingStore, .icon-store { --icon-content: "\e8ff"; } .icon-bulb, .icon-lightBulb { --icon-content: "\e9b1"; } .icon-calendarChecked { --icon-content: "\e9c7"; } .icon-calendarDate, .icon-calendar, .icon-planning { --icon-content: "\e920"; } .icon-calendarEdit, .icon-planningEdit { --icon-content: "\e91e"; } .icon-calendarPlanning, .icon-payPeriod { --icon-content: "\e90c"; } .icon-calendarSettings, .icon-planningManage { --icon-content: "\e92a"; } .icon-calendarStrikethrough, .icon-calendarOff { --icon-content: "\e957"; } .icon-capCrown, .icon-crown { --icon-content: "\e95b"; } .icon-capGraduate, .icon-graduate, .icon-school { --icon-content: "\e9d3"; } .icon-certificationFailed, .icon-certifKo { --icon-content: "\e9a8"; } .icon-certificationSuccess, .icon-certifOk { --icon-content: "\e9a6"; } .icon-certificationWaiting, .icon-certifWaiting { --icon-content: "\e9a7"; } .icon-chartDonut, .icon-donut, .icon-donutChart { --icon-content: "\e9aa"; } .icon-chartFlow, .icon-familyTree, .icon-orgTree { --icon-content: "\e930"; } .icon-chartHorizontalBar, .icon-horizontalBarChart { --icon-content: "\e9ab"; } .icon-chartLevels, .icon-level { --icon-content: "\e9ae"; } .icon-chartPie, .icon-dashboard { --icon-content: "\e9ac"; } .icon-chartSpider { --icon-content: "\e9f1"; } .icon-chartVerticalBar, .icon-analytics, .icon-charts { --icon-content: "\e971"; } .icon-clipboard, .icon-paste { --icon-content: "\e962"; } .icon-completion { --icon-content: "\e905"; } .icon-cornersFullscreenExit, .icon-fullscreenExit { --icon-content: "\e938"; } .icon-cornersFullscreenOpen, .icon-fullscreen { --icon-content: "\e937"; } .icon-dataTable, .icon-table { --icon-content: "\e9d5"; } .icon-database { --icon-content: "\e91f"; } .icon-databaseArrow, .icon-apiSync { --icon-content: "\e907"; } .icon-deviceCamera, .icon-camera { --icon-content: "\e965"; } .icon-deviceComputer, .icon-computer { --icon-content: "\e91c"; } .icon-deviceLaptop, .icon-laptop { --icon-content: "\e9d0"; } .icon-deviceMobile { --icon-content: "\e9999"; } .icon-deviceMouse, .icon-computerMouse { --icon-content: "\e91d"; } .icon-devicePrinter, .icon-print { --icon-content: "\e96b"; } .icon-deviceVideo { --icon-content: "\e9e5"; } .icon-dotsDrag, .icon-drag { --icon-content: "\e9a4"; } .icon-eye, .icon-watch { --icon-content: "\e993"; } .icon-eyeStrikethrough, .icon-unwatch { --icon-content: "\e98e"; } .icon-fileContract, .icon-contract { --icon-content: "\e914"; } .icon-fileCopy, .icon-copy { --icon-content: "\e9ca"; } .icon-fileDocument, .icon-file { --icon-content: "\e932"; } .icon-fileExport { --icon-content: "\e9cb"; } .icon-fileFolder, .icon-folder { --icon-content: "\e9cd"; } .icon-fileImport, .icon-importDirty, .icon-importPristine { --icon-content: "\e9e4"; } .icon-filePlus { --icon-content: "\e9f8"; } .icon-fileSign, .icon-sign { --icon-content: "\e95c"; } .icon-filtersDescending, .icon-filterAbstract { --icon-content: "\e9cc"; } .icon-filtersFunnel, .icon-funnel, .icon-filter { --icon-content: "\e933"; } .icon-filtersSort, .icon-sort, .icon-reorder { --icon-content: "\e9d4"; } .icon-flag { --icon-content: "\e934"; } .icon-floppyDiskSave, .icon-save { --icon-content: "\e901"; } .icon-foodBirthdayCake, .icon-birthday { --icon-content: "\e90b"; } .icon-foodBobun, .icon-lunchAlternative { --icon-content: "\e9e6"; } .icon-foodBurger, .icon-lunch { --icon-content: "\e94d"; } .icon-foodChefHat, .icon-restaurant { --icon-content: "\e9a1"; } .icon-foodClocheDish, .icon-diner { --icon-content: "\e921"; } .icon-foodCocktail, .icon-drink { --icon-content: "\e925"; } .icon-foodCoffee, .icon-coffee, .icon-breaktime { --icon-content: "\e90f"; } .icon-foodCroissant, .icon-breakfast { --icon-content: "\e90e"; } .icon-foodCutlery, .icon-meal { --icon-content: "\e9f9"; } .icon-foodSandwich, .icon-snack { --icon-content: "\e97b"; } .icon-formatBulletedList, .icon-list { --icon-content: "\e948"; } .icon-formatClipperAttachment, .icon-attach { --icon-content: "\e909"; } .icon-formatCornerUpLeft, .icon-formatUndo { --icon-content: "\e96f"; } .icon-formatCornerUpRight, .icon-formatRedo { --icon-content: "\e96e"; } .icon-formatLink { --icon-content: "\e93b"; } .icon-formatNumberedList, .icon-formatListNb { --icon-content: "\e969"; } .icon-formatText, .icon-formatJustify { --icon-content: "\e927"; } .icon-formatTextBold, .icon-formatBold { --icon-content: "\e997"; } .icon-formatTextClear, .icon-formatClear { --icon-content: "\e999"; } .icon-formatTextItalic, .icon-formatItalic { --icon-content: "\e998"; } .icon-formatTextSize, .icon-formatSize { --icon-content: "\e9ce"; } .icon-formatTextStrikethrough, .icon-formatStrikethrough { --icon-content: "\e92e"; } .icon-formatTextUnderline, .icon-formatUnderlined { --icon-content: "\e996"; } .icon-formatUnlink, .icon-unlink { --icon-content: "\e915"; } .icon-gift, .icon-present { --icon-content: "\e9cf"; } .icon-heart { --icon-content: "\e910"; } .icon-heartFilled { --icon-content: "\e9db"; } .icon-heartStrikethrough, .icon-brokenHeart { --icon-content: "\e93e"; } .icon-hotelBed, .icon-bed, .icon-hotel { --icon-content: "\e941"; } .icon-hotelHanger, .icon-hanger { --icon-content: "\e9a2"; } .icon-hotelIron, .icon-iron, .icon-pressing { --icon-content: "\e945"; } .icon-hotelLuggage, .icon-luggage { --icon-content: "\e94c"; } .icon-jigsawPuzzle, .icon-puzzle { --icon-content: "\e9bc"; } .icon-journey, .icon-milestone { --icon-content: "\e946"; } .icon-jumpingCc, .icon-lucca { --icon-content: "\e94b"; } .icon-laboratoryTestFlask, .icon-test { --icon-content: "\e9d7"; } .icon-layers, .icon-floor { --icon-content: "\e987"; } .icon-listChecked { --icon-content: "\e9d1"; } .icon-listChecklist, .icon-listTodo { --icon-content: "\e917"; } .icon-lockClose, .icon-lock { --icon-content: "\e94a"; } .icon-lockKey, .icon-key { --icon-content: "\e947"; } .icon-lockOpen, .icon-unlock { --icon-content: "\e98d"; } .icon-mailEnvelope, .icon-mail { --icon-content: "\e94e"; } .icon-mailMailbox, .icon-mailbox, .icon-stamp, .icon-postage { --icon-content: "\e97e"; } .icon-mailPaperPlane, .icon-send { --icon-content: "\e977"; } .icon-mapGlobe, .icon-globe { --icon-content: "\e97a"; } .icon-mapLocation, .icon-location { --icon-content: "\e949"; } .icon-mapPin, .icon-pin { --icon-content: "\e967"; } .icon-mapPlan { --icon-content: "\ea06"; } .icon-mathsDivide, .icon-divide { --icon-content: "\e954"; } .icon-mathsEquals, .icon-equal { --icon-content: "\e93d"; } .icon-mathsMinus, .icon-minus, .icon-partial, .icon-minimize { --icon-content: "\e975"; } .icon-mathsMultiplicate, .icon-close, .icon-thinCross, .icon-cross, .icon-crossBold { --icon-content: "\e981"; } .icon-mathsPlus, .icon-plus, .icon-plusBold { --icon-content: "\e985"; } .icon-medicalDoctor { --icon-content: "\ea03"; } .icon-menuBurger, .icon-menu, .icon-hamburgerMenu { --icon-content: "\e950"; } .icon-menuDots, .icon-menuEllipsis, .icon-ellipsis { --icon-content: "\e92b"; } .icon-moneyBag, .icon-moneybag { --icon-content: "\e900"; } .icon-moneyBagStrikethrough, .icon-noMoney { --icon-content: "\e9f0"; } .icon-moneyBankImport { --icon-content: "\e9f3"; } .icon-moneyBanknoteStrikethrough { --icon-content: "\e9de"; } .icon-moneyBill, .icon-bill { --icon-content: "\e9c6"; } .icon-moneyBuildingBank, .icon-bank { --icon-content: "\e99f"; } .icon-moneyCardCheck { --icon-content: "\e9fb"; } .icon-moneyCardImport, .icon-importCb { --icon-content: "\e943"; } .icon-moneyCheck { --icon-content: "\e9f4"; } .icon-moneyCoins, .icon-money, .icon-payment { --icon-content: "\e9d2"; } .icon-moneyCurrencyDollar, .icon-dollar { --icon-content: "\e9a5"; } .icon-moneyCurrencyEuro, .icon-euro { --icon-content: "\e92d"; } .icon-moneyPaymentCard, .icon-bankingCard { --icon-content: "\e90a"; } .icon-moneyPiggyBank, .icon-piggyBank { --icon-content: "\e966"; } .icon-moneyWallet, .icon-wallet { --icon-content: "\e9d8"; } .icon-officeBriefcase { --icon-content: "\e9be"; } .icon-officeChair, .icon-chair { --icon-content: "\e986"; } .icon-officeCompass, .icon-compass { --icon-content: "\e9a0"; } .icon-officeElectricalPlug { --icon-content: "\e9bd"; } .icon-officeFirstAid { --icon-content: "\ea07"; } .icon-officePen, .icon-edit, .icon-editMini { --icon-content: "\e928"; } .icon-officePenWriting, .icon-editWrite, .icon-editFrame { --icon-content: "\e929"; } .icon-officePhone, .icon-telephone { --icon-content: "\e99b"; } .icon-officeScissors, .icon-cut { --icon-content: "\e956"; } .icon-officeSupplies, .icon-supplies { --icon-content: "\e9e9"; } .icon-peopleAdd, .icon-userAdd, .icon-adduser { --icon-content: "\e902"; } .icon-peopleArrowUp { --icon-content: "\ea05"; } .icon-peopleGroup, .icon-userGroup, .icon-group { --icon-content: "\e93c"; } .icon-peopleId, .icon-identityCard, .icon-userFile, .icon-dossierRh { --icon-content: "\e99a"; } .icon-peopleLocked, .icon-userRoles { --icon-content: "\e9d9"; } .icon-peoplePerson, .icon-user, .icon-face { --icon-content: "\e990"; } .icon-peopleRemove, .icon-userRemove { --icon-content: "\e972"; } .icon-peopleSwitch, .icon-send2user, .icon-userSendTo { --icon-content: "\e978"; } .icon-peopleTeacher, .icon-teacher { --icon-content: "\e9b8"; } .icon-pictureGallery, .icon-gallery { --icon-content: "\e939"; } .icon-pictureImage, .icon-image { --icon-content: "\e942"; } .icon-picturePalette, .icon-palette { --icon-content: "\e95f"; } .icon-playerPauseCircle, .icon-pause { --icon-content: "\e955"; } .icon-playerPlay, .icon-playFull { --icon-content: "\e944"; } .icon-playerPlayCircle, .icon-play { --icon-content: "\e92f"; } .icon-playerStopCircle, .icon-stop { --icon-content: "\e958"; } .icon-priceTag, .icon-pricetag { --icon-content: "\e96a"; } .icon-priorityHigh, .icon-high { --icon-content: "\e964"; } .icon-priorityHigher, .icon-higher { --icon-content: "\e94f"; } .icon-priorityHighest, .icon-highest { --icon-content: "\e96c"; } .icon-priorityLow, .icon-low { --icon-content: "\e96d"; } .icon-priorityLower, .icon-lower { --icon-content: "\e952"; } .icon-priorityLowest, .icon-lowest { --icon-content: "\e973"; } .icon-priorityMedium, .icon-medium { --icon-content: "\e974"; } .icon-rotationLeft, .icon-rotate { --icon-content: "\e9b2"; } .icon-rotationRight, .icon-rotateRight { --icon-content: "\e9e8"; } .icon-searchMagnifyingGlass, .icon-search { --icon-content: "\e976"; } .icon-searchZoomIn { --icon-content: "\e9ff"; } .icon-searchZoomOut { --icon-content: "\e9ee"; } .icon-settingsEqualizer, .icon-sliders { --icon-content: "\e991"; } .icon-settingsGear, .icon-settings { --icon-content: "\e979"; } .icon-settingsTools, .icon-tools { --icon-content: "\e989"; } .icon-share { --icon-content: "\e906"; } .icon-signBan, .icon-forbidden { --icon-content: "\e936"; } .icon-signCancel, .icon-cancel { --icon-content: "\e963"; } .icon-signClose { --icon-content: "\e9bf"; } .icon-signConfirm, .icon-confirm, .icon-tick, .icon-tickThin, .icon-tickBold { --icon-content: "\e97d"; } .icon-signConstruction, .icon-build { --icon-content: "\e931"; } .icon-signDiscount, .icon-discount { --icon-content: "\e9e1"; } .icon-signError, .icon-error { --icon-content: "\e92c"; } .icon-signHelp, .icon-help, .icon-helpOutline { --icon-content: "\e9a3"; } .icon-signInfo, .icon-info { --icon-content: "\e9b0"; } .icon-signParking, .icon-parking { --icon-content: "\e960"; } .icon-signShieldError { --icon-content: "\e9fd"; } .icon-signShieldSuccess { --icon-content: "\e9fe"; } .icon-signShieldWarning { --icon-content: "\ea00"; } .icon-signSuccess, .icon-success { --icon-content: "\e9ed"; } .icon-signTranslation { --icon-content: "\e9fc"; } .icon-signWarning, .icon-warning { --icon-content: "\e992"; } .icon-signWebhook { --icon-content: "\ea04"; } .icon-star, .icon-unstared { --icon-content: "\e961"; } .icon-starFilled { --icon-content: "\e97f"; } .icon-target { --icon-content: "\e9d6"; } .icon-thumbDown { --icon-content: "\e923"; } .icon-thumbDownFilled { --icon-content: "\e9dc"; } .icon-thumbUp { --icon-content: "\e922"; } .icon-thumbUpFilled { --icon-content: "\e9e2"; } .icon-thumbnail { --icon-content: "\e91b"; } .icon-timeAlarm, .icon-alarm { --icon-content: "\e9c4"; } .icon-timeClock, .icon-clock { --icon-content: "\e919"; } .icon-timeFuture, .icon-postpone { --icon-content: "\e908"; } .icon-timeHourglass, .icon-timer { --icon-content: "\e988"; } .icon-timePast, .icon-history { --icon-content: "\e984"; } .icon-timeTimer, .icon-chronoOn { --icon-content: "\e9e0"; } .icon-timeTimerStrikethrough, .icon-overplanned { --icon-content: "\e9e7"; } .icon-timeTimesheet, .icon-timesheet { --icon-content: "\e916"; } .icon-transportBus, .icon-bus { --icon-content: "\e911"; } .icon-transportCar, .icon-car { --icon-content: "\e9a9"; } .icon-transportCarwashStation, .icon-cleanCar { --icon-content: "\e918"; } .icon-transportGazStation, .icon-gasoline { --icon-content: "\e93a"; } .icon-transportPlane, .icon-plane { --icon-content: "\e968"; } .icon-transportRocket, .icon-rocket { --icon-content: "\e995"; } .icon-transportSpeedometer, .icon-speedometer, .icon-mileage { --icon-content: "\e951"; } .icon-transportSubway, .icon-subway { --icon-content: "\e980"; } .icon-transportTaxi, .icon-taxi { --icon-content: "\e983"; } .icon-transportToll, .icon-toll, .icon-tollDollar, .icon-tollEuro { --icon-content: "\e9b3"; } .icon-transportTrain, .icon-train { --icon-content: "\e98a"; } .icon-transportTruck, .icon-truck { --icon-content: "\e98c"; } .icon-trashDelete, .icon-trash { --icon-content: "\e98b"; } .icon-trendingGrowth, .icon-evolution { --icon-content: "\e9bb"; } .icon-trendingLoss, .icon-evolutionDown { --icon-content: "\e9e3"; } .icon-weatherCloudy { --icon-content: "\e9ea"; } .icon-weatherLightning { --icon-content: "\e9f2"; } .icon-weatherStars { --icon-content: "\e9f5"; } .icon-weatherStormy, .icon-weatherStorm { --icon-content: "\e9eb"; } .icon-weatherSunny, .icon-weatherSun { --icon-content: "\e9ec"; } .icon-weight { --icon-content: "\e9c1"; } @supports (content: "*"/"") { .lucca-icon::before { content: var(--icon-content)/""; } } @supports not (content: "*"/"") { .lucca-icon::before { content: var(--icon-content); } } .lucca-icon.mod-XXS { --icon-size: .75rem; } .lucca-icon.mod-XS { --icon-size: 1rem; } .lucca-icon.mod-S { --icon-size: 1.25rem; } .lucca-icon.mod-M { --icon-size: 1.5rem; } .lucca-icon.mod-L { --icon-size: 1.75rem; } .lucca-icon.mod-XL { --icon-size: 2rem; } .lucca-icon.mod-XXL { --icon-size: 2.5rem; } .card { --components-card-background: var(--pr-t-elevation-surface-raised); --components-card-content-padding: var(--pr-t-spacings-150) var(--pr-t-spacings-200); --components-card-footer-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-300); --components-card-border-radius: var(--commons-borderRadius-L); --components-card-border-color: var(--commons-divider-color); --components-card-hover-border: var(--palettes-neutral-400); --components-card-hover-background: var(--palettes-neutral-100); background-color: var(--components-card-background); border-radius: var(--components-card-border-radius); border-color: var(--components-card-border-color); border-width: 1px; display: block; margin-block-end: var(--pr-t-spacings-200); border-style: solid; position: relative; transition-duration: var(--commons-animations-durations-fast); transition-property: background-color, box-shadow, color; } .card-content { padding: var(--components-card-content-padding); } .card-title { padding: 0px; margin-block-end: var(--pr-t-spacings-100); } .card-action { display: flex; align-items: center; justify-content: center; border-inline-start: 1px solid var(--commons-border-200); padding-inline-start: var(--pr-t-spacings-200); margin-inline-start: var(--pr-t-spacings-200); } .card-footer { padding: var(--components-card-footer-padding); border-block-start-color: var(--components-card-border-color); border-block-start-width: 1px; border-block-start-style: solid; align-items: center; display: flex; min-block-size: 3rem; } .card-footer-right { margin-inline-start: auto; display: inline-flex; gap: var(--pr-t-spacings-200); } .card.mod-neutral, .card.mod-grey { --components-card-background: var(--pr-t-elevation-surface-sunken); } .card.mod-clickable { color: var(--palettes-neutral-800); text-decoration: none; cursor: pointer; } .card.mod-clickable:hover { border-color: var(--components-card-hover-border); background-color: var(--components-card-hover-background); outline: none; } .card.mod-clickable:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } .card.mod-elevated { box-shadow: var(--pr-t-elevation-shadow-raised); border: 0px; } .card.mod-action { box-shadow: var(--pr-t-elevation-shadow-raised); border: 0px; cursor: pointer; padding: var(--components-card-content-padding); display: flex; flex-direction: row; row-gap: var(--pr-t-spacings-200); } .card.mod-action:hover { box-shadow: var(--pr-t-elevation-shadow-overlay); } .card.mod-action:has(.card-action .button:focus-visible) { outline: 2px solid var(--palettes-product-700); outline-offset: 3px; } .card.mod-action:has(.card-action .button:focus-visible) .button { outline: none; } .card.mod-action:has(.card-action .button:focus-visible) .button:not(:hover) { background-color: inherit; } .card.mod-action .card-content { flex: 1 1 0%; padding: 0px; } .card:is(.is-disabled, .disabled) { color: var(--commons-disabled-color); background-color: var(--commons-disabled-background); } .card:is(.is-disabled, .disabled) h1, .card:is(.is-disabled, .disabled) h2, .card:is(.is-disabled, .disabled) h3, .card:is(.is-disabled, .disabled) h4, .card:is(.is-disabled, .disabled) h5, .card:is(.is-disabled, .disabled) h6, .card:is(.is-disabled, .disabled) .u-h1, .card:is(.is-disabled, .disabled) .u-h2, .card:is(.is-disabled, .disabled) .u-h3, .card:is(.is-disabled, .disabled) .u-h4, .card:is(.is-disabled, .disabled) .u-h5, .card:is(.is-disabled, .disabled) .u-h6 { color: var(--commons-disabled-color) !important; } .checkboxField { --component-checkboxField-size: 1.25rem; --component-checkboxField-top: var(--pr-t-spacings-25); --component-checkboxField-borderRadius: 6px; --component-checkboxField-icon-fontSize: var(--sizes-S-lineHeight); position: relative; inline-size: fit-content; block-size: fit-content; display: grid; grid-template-areas: "checkbox"; grid-template-columns: var(--component-checkboxField-size); grid-template-rows: var(--component-checkboxField-size); } .checkboxField-icon { border: 2px solid var(--palettes-neutral-700); border-radius: var(--component-checkboxField-borderRadius); color: var(--palettes-neutral-0); transition-property: color, border-color, background-color; transition-duration: var(--commons-animations-durations-fast); background-color: var(--palettes-neutral-0); cursor: pointer; grid-area: checkbox; display: flex; } @media (prefers-reduced-motion: reduce) { .checkboxField-icon { transition-property: none; } } .checkboxField-icon::after { content: ""; position: absolute; inset: 0px; outline-offset: 2px; border-radius: var(--component-checkboxField-borderRadius); } .checkboxField-icon-check { display: flex; align-items: center; justify-content: center; inline-size: 100%; block-size: 100%; transform: scale(0); transition-property: transform; transition-duration: var(--commons-animations-durations-fast); transition-timing-function: cubic-bezier(0.5, -0.5, 0.5, 0); } @media (prefers-reduced-motion: reduce) { .checkboxField-icon-check { transition-property: none; } } .checkboxField-icon-check::before { font-weight: 400; font-size: var(--component-checkboxField-icon-fontSize); direction: ltr; font-family: "Lucca icons"; font-feature-settings: "liga"; font-style: normal; letter-spacing: normal; line-height: 1; text-transform: none; white-space: nowrap; overflow-wrap: normal; content: "" / ""; } .checkboxField-input { z-index: 1; opacity: 0.0001; cursor: pointer; grid-area: checkbox; inline-size: 100%; block-size: 100%; } .checkboxField.mod-S { --component-checkboxField-size: 1rem; --component-checkboxField-borderRadius: var(--commons-borderRadius-M); --component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight); --component-checkboxField-label-fontSize: var(--sizes-S-fontSize); --component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight); } .checkboxField-input[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-product-700); border-color: var(--palettes-product-700); } .checkboxField-input[aria-checked="mixed"] ~ .checkboxField-icon .checkboxField-icon-check { transform: scale(1); transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1.5); } .checkboxField-input[aria-checked="mixed"] ~ .checkboxField-icon .checkboxField-icon-check::before { content: "" / ""; } .checkboxField-input:focus-visible ~ .checkboxField-icon::after { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } .checkboxField-input:hover ~ .checkboxField-icon { border-color: var(--palettes-neutral-600); } .checkboxField-input:hover[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-product-600); border-color: var(--palettes-product-600); } .checkboxField-input:active ~ .checkboxField-icon { border-color: var(--palettes-neutral-800); } .checkboxField-input:active[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-product-800); border-color: var(--palettes-product-800); } .checkboxField-input:disabled { cursor: default; } .checkboxField-input:disabled ~ .checkboxField-icon { border-color: var(--palettes-neutral-500); } .checkboxField-input:disabled[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--commons-disabled-background); border-color: var(--commons-disabled-background); color: var(--palettes-neutral-500); } .checkboxField-input[aria-invalid="true"] ~ .checkboxField-icon { border-color: var(--palettes-error-700); } .checkboxField-input[aria-invalid="true"][aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-error-700); border-color: var(--palettes-error-700); } .checkboxField-input[aria-invalid="true"]:hover ~ .checkboxField-icon { border-color: var(--palettes-error-600); } .checkboxField-input[aria-invalid="true"]:hover[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-error-600); border-color: var(--palettes-error-600); } .checkboxField-input[aria-invalid="true"]:active ~ .checkboxField-icon { border-color: var(--palettes-error-800); } .checkboxField-input[aria-invalid="true"]:active[aria-checked="mixed"] ~ .checkboxField-icon { background-color: var(--palettes-error-800); border-color: var(--palettes-error-800); } .checkboxField-input:checked ~ .checkboxField-icon { background-color: var(--palettes-product-700); border-color: var(--palettes-product-700); } .checkboxField-input:checked ~ .checkboxField-icon .checkboxField-icon-check { transform: scale(1); transition-timing-function: cubic-bezier(0.5, 1, 0.5, 1.5); } .checkboxField-input:checked:hover ~ .checkboxField-icon { background-color: var(--palettes-product-600); border-color: var(--palettes-product-600); } .checkboxField-input:checked:active ~ .checkboxField-icon { background-color: var(--palettes-product-800); border-color: var(--palettes-product-800); } .checkboxField-input:checked:disabled ~ .checkboxField-icon { background-color: var(--commons-disabled-background); border-color: var(--commons-disabled-background); color: var(--palettes-neutral-500); } .checkboxField-input:checked[aria-invalid="true"] ~ .checkboxField-icon { background-color: var(--palettes-error-700); border-color: var(--palettes-error-700); } .checkboxField-input:checked[aria-invalid="true"]:hover ~ .checkboxField-icon { background-color: var(--palettes-error-600); border-color: var(--palettes-error-600); } .checkboxField-input:checked[aria-invalid="true"]:active ~ .checkboxField-icon { background-color: var(--palettes-error-800); border-color: var(--palettes-error-800); } .divider { --components-divider-fontSize: var(--sizes-M-fontSize); --components-divider-lineHeight: var(--sizes-M-lineHeight); --components-divider-margin: var(--pr-t-spacings-50); --components-divider-minSize: var(--pr-t-spacings-150); --components-divider-direction: row; --components-divider-iconBottom: 0; --components-divider-justify: normal; --components-divider-alignSelf: ""; border: 0px; display: block; margin-block: var(--components-divider-margin); align-self: var(--components-divider-alignSelf); } .divider:where(:empty) { margin-inline: 0px; block-size: auto; } .divider:where(:empty):not(.mod-vertical) { border-block-start: var(--commons-divider-border); } .divider:not(:empty) { display: flex; flex-direction: var(--components-divider-direction); align-items: center; text-wrap: balance; text-align: center; font-size: var(--components-divider-fontSize); line-height: var(--components-divider-lineHeight); color: var(--palettes-neutral-600); gap: var(--pr-t-spacings-100); justify-content: var(--components-divider-justify); } .divider:not(:empty)::before, .divider:not(:empty)::after { flex-grow: 1; content: ""; } .divider:not(:empty) .lucca-icon { color: var(--palettes-neutral-600); } .divider:not(:empty):not(.mod-vertical)::before, .divider:not(:empty):not(.mod-vertical)::after { border-block-start: var(--commons-divider-border); min-inline-size: var(--components-divider-minSize); } .divider:not(:empty) .lucca-icon { position: relative; inset-block-end: var(--components-divider-iconBottom); } .divider .button { --components-button-backgroundColor: var(--palettes-neutral-0); --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); --components-button-boxShadow: 0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-neutral-400)); } .divider .button:hover { --components-button-color: var(--palettes-700, var(--palettes-neutral-700)); --components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100)); } .divider .button:active { --components-button-backgroundColor: var(--palettes-200, var(--palettes-neutral-200)); } .divider .button:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 3px; } .divider .button:disabled { --components-button-backgroundColor: var(--palettes-neutral-0); --components-button-boxShadow: 0 0 0 1px var(--commons-disabled-placeholder); --components-button-color: var(--palettes-neutral-500); } .divider.mod-S { --components-divider-fontSize: var(--sizes-S-fontSize); --components-divider-lineHeight: var(--sizes-S-lineHeight); } .divider.mod-S .button { --icon-size: 1.25rem; --components-button-font-size: var(--sizes-S-fontSize); --components-button-line-height: var(--sizes-S-lineHeight); --components-button-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150); --components-button-gap: var(--pr-t-spacings-75); } .divider.mod-S .button .numericBadge { --components-numericBadge-size: 1.25rem; --components-numericBadge-borderRadius: 6px; --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .divider.mod-S .lucca-icon { --icon-size: 1.25rem; } .divider.mod-vertical { --components-divider-alignSelf: stretch; } .divider.mod-vertical:where(:empty) { border-inline-start: var(--commons-divider-border); } .divider.mod-vertical:not(:empty) { --components-divider-direction: column; --components-divider-iconBottom: var(--pr-t-spacings-25); --components-divider-justify: center; } .divider.mod-vertical:not(:empty)::before, .divider.mod-vertical:not(:empty)::after { border-inline-start: var(--commons-divider-border); min-block-size: var(--components-divider-minSize); } .errorPage { --components-errorPage-background: var(--pr-t-elevation-surface-raised); background-color: var(--components-errorPage-background); block-size: 100vh; inline-size: 100vw; line-height: 1.2; overflow: hidden; } .errorPage .errorPage-section { block-size: 100%; max-inline-size: 1200px; padding-block: 0px; padding-inline: var(--pr-t-spacings-400); inline-size: 100vw; margin-block: 0px; margin-inline: auto; display: flex; justify-content: space-between; align-items: center; } .errorPage .errorPage-section-info { margin-block-start: 10vh; max-inline-size: 90vw; inline-size: 450px; padding-inline-end: var(--pr-t-spacings-400); } .errorPage .errorPage-section-info-title { margin-block-start: 0px; color: var(--palettes-neutral-900); text-rendering: geometricprecision; text-wrap: pretty; font-weight: var(--components-title-weight, 600); font-size: var(--sizes-fontSize); line-height: var(--sizes-lineHeight); padding: 0px; --sizes-verticalPadding: var(--sizes-XXXL-verticalPadding); --sizes-fontSize: var(--sizes-XXXL-fontSize); --sizes-lineHeight: var(--sizes-XXXL-lineHeight); --components-title-weight: 900; margin-block-end: var(--pr-t-spacings-50); } .errorPage .errorPage-section-info-text { font-size: var(--sizes-L-fontSize); line-height: var(--sizes-L-lineHeight); margin-block-end: var(--pr-t-spacings-150); } .errorPage .errorPage-section-image { margin-block-start: 10vh; inline-size: 50%; max-inline-size: 580px; min-inline-size: 350px; } @media not all and (min-width: 50em) { .errorPage { overflow-y: auto; } .errorPage .errorPage-section { flex-direction: column; justify-content: center; } .errorPage .errorPage-section-info { margin-block: var(--pr-t-spacings-400); order: 1; padding: 0px; } .errorPage .errorPage-section-image { margin-block-start: var(--pr-t-spacings-400); order: 0; } } .form .divider { margin-block: var(--pr-t-spacings-300); } .form-fieldset { margin: 0px; padding: 0px; border: 0px; } .form-fieldset .form-field { margin-block: var(--pr-t-spacings-50); } .form-fieldset .form-field:last-child { margin-block-end: 0px; } .form.mod-maxWidth { max-inline-size: var(--components-form-maxWidth); } .form-fieldset.mod-inline .form-field { display: inline-grid; } .form-fieldset.mod-inline .form-field:not(:last-of-type) { margin-inline-end: var(--pr-t-spacings-200); } .form-fieldset.mod-S .formLabel { --components-formLabel-fontSize: var(--sizes-S-fontSize); --components-formLabel-lineHeight: var(--sizes-S-lineHeight); --components-formLabel-help-fontSize: var(--sizes-XS-lineHeight); --components-formLabel-help-lineHeight: var(--sizes-S-lineHeight); } .form-fieldset.mod-S .textField { --component-textField-fontSize: var(--sizes-S-fontSize); --component-textField-lineHeight: var(--sizes-S-lineHeight); --component-textField-padding: var(--pr-t-spacings-75); --component-textField-affix-size: 1.5rem; } .form-fieldset.mod-S .textField .textField-input-affix-toggle { --icon-size: 1.25rem; } .form-fieldset.mod-S .textField .textField-input-affix-clear.clear, .form-fieldset.mod-S .textField .textField-input-affix-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-fieldset.mod-S .textField .textField-input-affix-icon { --icon-size: 1.25rem; } .form-fieldset.mod-S .radioField { --component-radioField-size: 1rem; } .form-fieldset.mod-S .checkboxField { --component-checkboxField-size: 1rem; --component-checkboxField-borderRadius: var(--commons-borderRadius-M); --component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight); --component-checkboxField-label-fontSize: var(--sizes-S-fontSize); --component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight); } .form-fieldset.mod-S .switchField { --component-switchField-label-input-height: 1rem; --component-switchField-label-input-width: 1.75rem; --component-switchField-label-input-icon-fontSize: .75rem; --component-switchField-label-fontSize: var(--sizes-S-fontSize); --component-switchField-label-lineHeight: var(--sizes-S-lineHeight); } .form-fieldset.mod-S .simpleSelect { --components-simpleSelect-fontSize: var(--sizes-S-fontSize); --components-simpleSelect-lineHeight: var(--sizes-S-lineHeight); --components-simpleSelect-padding: var(--pr-t-spacings-75); --components-simpleSelect-gap: var(--pr-t-spacings-75); } .form-fieldset.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon { --icon-size: 1.25rem; } .form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear.clear, .form-fieldset.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-fieldset.mod-S .multiSelect { --components-multiSelect-fontSize: var(--sizes-S-fontSize); --components-multiSelect-lineHeight: var(--sizes-S-lineHeight); --components-multiSelect-padding: var(--pr-t-spacings-75); --components-multiSelect-gap: var(--pr-t-spacings-75); } .form-fieldset.mod-S .multiSelect .multipleSelect-arrow { --icon-size: 1.25rem; } .form-fieldset.mod-S .multiSelect .multipleSelect-clear.clear, .form-fieldset.mod-S .multiSelect .multipleSelect-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip.chip, .form-fieldset.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) { --components-chip-fontSize: var(--sizes-XS-fontSize); --components-chip-lineHeight: var(--sizes-XS-lineHeight); } .form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge, .form-fieldset.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge) { --components-numericBadge-size: 1.25rem; --components-numericBadge-borderRadius: 6px; --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .form-fieldset.mod-S .timePicker { --components-timepicker-fontSize: var(--sizes-S-fontSize); --components-timepicker-lineHeight: var(--sizes-S-lineHeight); --components-timepicker-paddingInput-inline: var(--pr-t-spacings-25); --components-timepicker-paddingInput-block: var(--pr-t-spacings-75); --components-timepicker-input-height: 1.75rem; --components-timepicker-input-width: 1.25rem; --components-timepicker-separator-left: 1.875rem; } .form-fieldset:has(~ .box) .form-field.mod-withArrow { padding-block-end: var(--pr-t-spacings-200); margin-block-end: 0px; } .form-fieldset:has(~ .box) .form-field.mod-withArrow .form-field-arrow { --components-box-arrow-background: var(--pr-t-elevation-surface-raised); --components-box-arrow-horizontalMargin: var(--commons-borderRadius-M); --components-box-arrow-left: 0; --components-box-arrow-bottom: 0; background-color: var(--components-box-arrow-background); margin-block: 0px; margin-inline: var(--components-box-arrow-horizontalMargin); inline-size: 12px; block-size: 8px; clip-path: path("M 4.66415 0.494638 C 5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464 L 12 8 H 0 L 4.66415 0.494638 Z"); position: absolute; inset-block-end: var(--components-box-arrow-bottom); inset-inline-start: var(--components-box-arrow-left); } .form-fieldset:has(~ .box) .form-field.mod-withArrow .form-field-arrow.mod-neutral, .form-fieldset:has(~ .box) .form-field.mod-withArrow .form-field-arrow.mod-grey { --components-box-arrow-background: var(--palettes-neutral-25); } .form-fieldset:has(~ .box) .form-field.mod-withArrow:has(.switchField) .form-field-arrow { --components-box-arrow-left: 8px; } .form-fieldset:has(~ .box) .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow { display: none; } .form-fieldset:has(~ .box) .form-field.mod-withArrow.mod-S { padding-block-end: var(--pr-t-spacings-100); } .form-fieldset:has(~ .box) .form-field.mod-withArrow.mod-S .form-field-arrow { --components-box-arrow-left: -2px; --components-box-arrow-bottom: -2px; } .form-fieldset:has(~ .box) .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow { --components-box-arrow-left: 4px; --components-box-arrow-bottom: -2px; } .form-fieldset:has(.radioField-input[aria-invalid="true"]) legend.formLabel, .form-fieldset:has(.checkboxField-input[aria-invalid="true"]) legend.formLabel { --components-formLabel-color: var(--palettes-error-700); } .form-field.mod-S .formLabel { --components-formLabel-fontSize: var(--sizes-S-fontSize); --components-formLabel-lineHeight: var(--sizes-S-lineHeight); --components-formLabel-help-fontSize: var(--sizes-XS-lineHeight); --components-formLabel-help-lineHeight: var(--sizes-S-lineHeight); } .form-field.mod-S .textField { --component-textField-fontSize: var(--sizes-S-fontSize); --component-textField-lineHeight: var(--sizes-S-lineHeight); --component-textField-padding: var(--pr-t-spacings-75); --component-textField-affix-size: 1.5rem; } .form-field.mod-S .textField .textField-input-affix-toggle { --icon-size: 1.25rem; } .form-field.mod-S .textField .textField-input-affix-clear.clear, .form-field.mod-S .textField .textField-input-affix-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-field.mod-S .textField .textField-input-affix-icon { --icon-size: 1.25rem; } .form-field.mod-S .radioField { --component-radioField-size: 1rem; } .form-field.mod-S .checkboxField { --component-checkboxField-size: 1rem; --component-checkboxField-borderRadius: var(--commons-borderRadius-M); --component-checkboxField-icon-fontSize: var(--sizes-XS-lineHeight); --component-checkboxField-label-fontSize: var(--sizes-S-fontSize); --component-checkboxField-label-lineHeight: var(--sizes-S-lineHeight); } .form-field.mod-S .switchField { --component-switchField-label-input-height: 1rem; --component-switchField-label-input-width: 1.75rem; --component-switchField-label-input-icon-fontSize: .75rem; --component-switchField-label-fontSize: var(--sizes-S-fontSize); --component-switchField-label-lineHeight: var(--sizes-S-lineHeight); } .form-field.mod-S .simpleSelect { --components-simpleSelect-fontSize: var(--sizes-S-fontSize); --components-simpleSelect-lineHeight: var(--sizes-S-lineHeight); --components-simpleSelect-padding: var(--pr-t-spacings-75); --components-simpleSelect-gap: var(--pr-t-spacings-75); } .form-field.mod-S .simpleSelect .simpleSelect-field-icon .lucca-icon { --icon-size: 1.25rem; } .form-field.mod-S .simpleSelect .simpleSelect-field-clear.clear, .form-field.mod-S .simpleSelect .simpleSelect-field-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-field.mod-S .multiSelect { --components-multiSelect-fontSize: var(--sizes-S-fontSize); --components-multiSelect-lineHeight: var(--sizes-S-lineHeight); --components-multiSelect-padding: var(--pr-t-spacings-75); --components-multiSelect-gap: var(--pr-t-spacings-75); } .form-field.mod-S .multiSelect .multipleSelect-arrow { --icon-size: 1.25rem; } .form-field.mod-S .multiSelect .multipleSelect-clear.clear, .form-field.mod-S .multiSelect .multipleSelect-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-field.mod-S .multiSelect .multipleSelect-displayer-chip.chip, .form-field.mod-S .multiSelect .multipleSelect-displayer-chip:not(.chip) { --components-chip-fontSize: var(--sizes-XS-fontSize); --components-chip-lineHeight: var(--sizes-XS-lineHeight); } .form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge.numericBadge, .form-field.mod-S .multiSelect .multipleSelect-displayer-numericBadge:not(.numericBadge) { --components-numericBadge-size: 1.25rem; --components-numericBadge-borderRadius: 6px; --components-numericBadge-fontSize: var(--sizes-XS-fontSize); --components-numericBadge-lineHeight: var(--sizes-XS-lineHeight); } .form-field.mod-S .timePicker { --components-timepicker-fontSize: var(--sizes-S-fontSize); --components-timepicker-lineHeight: var(--sizes-S-lineHeight); --components-timepicker-paddingInput-inline: var(--pr-t-spacings-25); --components-timepicker-paddingInput-block: var(--pr-t-spacings-75); --components-timepicker-input-height: 1.75rem; --components-timepicker-input-width: 1.25rem; --components-timepicker-separator-left: 1.875rem; } .form-field.mod-XS .formLabel { --components-formLabel-fontSize: var(--sizes-XS-fontSize); --components-formLabel-lineHeight: var(--sizes-XS-lineHeight); --components-formLabel-help-fontSize: .75rem; --components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight); } .form-field.mod-XS .textField { --component-textField-fontSize: var(--sizes-XS-fontSize); --component-textField-lineHeight: var(--sizes-XS-lineHeight); --component-textField-padding: var(--pr-t-spacings-50); } .form-field.mod-XS .textField .textField-prefix, .form-field.mod-XS .textField .textField-suffix, .form-field.mod-XS .textField .textField-input-affix-icon { --icon-size: 1rem; } .form-field.mod-XS .textField .textField-input-affix-clear.clear, .form-field.mod-XS .textField .textField-input-affix-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-field.mod-XS .inlineMessage { --components-inlineMessage-fontSize: var(--sizes-XS-fontSize); --components-inlineMessage-lineHeight: var(--sizes-XS-lineHeight); } .form-field.mod-XS .inlineMessage .inlineMessage-statusIcon, .form-field.mod-XS .inlineMessage > .lucca-icon:first-child { --icon-size: .75rem; } .form-field.mod-XS .simpleSelect { --components-simpleSelect-fontSize: var(--sizes-XS-fontSize); --components-simpleSelect-lineHeight: var(--sizes-XS-lineHeight); --components-simpleSelect-padding: var(--pr-t-spacings-50); --components-simpleSelect-gap: var(--pr-t-spacings-50); } .form-field.mod-XS .simpleSelect .simpleSelect-field-icon .lucca-icon { --icon-size: 1rem; } .form-field.mod-XS .simpleSelect .simpleSelect-field-clear.clear, .form-field.mod-XS .simpleSelect .simpleSelect-field-clear:not(.clear) { --components-clear-size: .75rem; --icon-size: .75rem; } .form-field.mod-width20 { --components-form-field-width: 10rem; } .form-field.mod-width30 { --components-form-field-width: 15rem; } .form-field.mod-width40 { --components-form-field-width: 20rem; } .form-field.mod-width50 { --components-form-field-width: 25rem; } .form-field.mod-width60 { --components-form-field-width: 30rem; } .form-field.mod-checkable, .form-field:has(.radioField), .form-field:has(.checkboxField), .form-field:has(.switchField) { display: grid; grid-template-columns: auto 1fr; gap: 0 var(--pr-t-spacings-100); } .form-field.mod-checkable .radioField, .form-field.mod-checkable .checkboxField, .form-field.mod-checkable .switchField, .form-field:has(.radioField) .radioField, .form-field:has(.radioField) .checkboxField, .form-field:has(.radioField) .switchField, .form-field:has(.checkboxField) .radioField, .form-field:has(.checkboxField) .checkboxField, .form-field:has(.checkboxField) .switchField, .form-field:has(.switchField) .radioField, .form-field:has(.switchField) .checkboxField, .form-field:has(.switchField) .switchField { order: -1; } .form-field.mod-checkable .checkboxField, .form-field:has(.radioField) .checkboxField, .form-field:has(.checkboxField) .checkboxField, .form-field:has(.switchField) .checkboxField { inset-block-start: var(--component-checkboxField-top); } .form-field.mod-checkable .radioField, .form-field:has(.radioField) .radioField, .form-field:has(.checkboxField) .radioField, .form-field:has(.switchField) .radioField { inset-block-start: var(--component-radioField-top); } .form-field:not(lu-form-field):has(.textField-input-value[aria-invalid="true"], .timePicker-fieldset-group-textfield-input[aria-invalid="true"], .simpleSelect-field-input[aria-invalid="true"], .multipleSelect-displayer-search[aria-invalid="true"]) .formLabel { --components-formLabel-color: var(--palettes-error-700); } .form-field:not(lu-form-field):has(.textField-input-value[aria-invalid="true"], .timePicker-fieldset-group-textfield-input[aria-invalid="true"], .simpleSelect-field-input[aria-invalid="true"], .multipleSelect-displayer-search[aria-invalid="true"]) .inlineMessage { --components-inlineMessage-icon-color: var(--palettes-error-700); --components-inlineMessage-color: var(--palettes-error-700); --components-inlineMessage-gap: var(--pr-t-spacings-50); } .form-field:not(lu-form-field):has(.textField-input-value[aria-invalid="true"], .timePicker-fieldset-group-textfield-input[aria-invalid="true"], .simpleSelect-field-input[aria-invalid="true"], .multipleSelect-displayer-search[aria-invalid="true"]) .inlineMessage .inlineMessage-statusIcon::before, .form-field:not(lu-form-field):has(.textField-input-value[aria-invalid="true"], .timePicker-fieldset-group-textfield-input[aria-invalid="true"], .simpleSelect-field-input[aria-invalid="true"], .multipleSelect-displayer-search[aria-invalid="true"]) .inlineMessage > .lucca-icon:first-child::before { content: "" / ""; } .form-field:has(.radioField-input:disabled) .formLabel, .form-field:has(.checkboxField-input:disabled) .formLabel, .form-field:has(.switchField-input:disabled) .formLabel { --components-formLabel-color: var(--palettes-neutral-500); --components-formLabel-cursor: default; } .form-field:has(.radioField-input:disabled) .inlineMessage, .form-field:has(.checkboxField-input:disabled) .inlineMessage, .form-field:has(.switchField-input:disabled) .inlineMessage { --components-inlineMessage-icon-color: var(--palettes-neutral-500); --components-inlineMessage-color: var(--palettes-neutral-500); } .form-field.mod-withArrow { padding-block-end: var(--pr-t-spacings-200); margin-block-end: 0px; } .form-field.mod-withArrow .form-field-arrow { --components-box-arrow-background: var(--pr-t-elevation-surface-raised); --components-box-arrow-horizontalMargin: var(--commons-borderRadius-M); --components-box-arrow-left: 0; --components-box-arrow-bottom: 0; background-color: var(--components-box-arrow-background); margin-block: 0px; margin-inline: var(--components-box-arrow-horizontalMargin); inline-size: 12px; block-size: 8px; clip-path: path("M 4.66415 0.494638 C 5.43093 -0.164881 6.56907 -0.164879 7.33586 0.49464 L 12 8 H 0 L 4.66415 0.494638 Z"); position: absolute; inset-block-end: var(--components-box-arrow-bottom); inset-inline-start: var(--components-box-arrow-left); } .form-field.mod-withArrow .form-field-arrow.mod-neutral, .form-field.mod-withArrow .form-field-arrow.mod-grey { --components-box-arrow-background: var(--palettes-neutral-25); } .form-field.mod-withArrow:has(.switchField) .form-field-arrow { --components-box-arrow-left: 8px; } .form-field.mod-withArrow:not(:has(:checked)) .form-field-arrow { display: none; } .form-field.mod-withArrow.mod-S { padding-block-end: var(--pr-t-spacings-100); } .form-field.mod-withArrow.mod-S .form-field-arrow { --components-box-arrow-left: -2px; --components-box-arrow-bottom: -2px; } .form-field.mod-withArrow.mod-S:has(.switchField) .form-field-arrow { --components-box-arrow-left: 4px; --components-box-arrow-bottom: -2px; } .form { --components-form-maxWidth: 40rem; --components-form-group-margin-bottom: 1.2rem; --components-form-field-margin-bottom: var(--pr-t-spacings-200); --components-form-field-width: auto; --components-form-label-font-size: var(--sizes-M-fontSize); --components-form-label-margin-bottom: var(--pr-t-spacings-50); --components-field-framed-side-padding: var(--pr-t-spacings-200); --components-field-framed-top-padding: var(--pr-t-spacings-400); --components-field-framed-bottom-padding: var(--pr-t-spacings-200); --components-field-framed-label-top-offset: var(--pr-t-spacings-100); --components-field-framed-textarea-height: 8.5rem; --components-field-framed-textarea-min-height: 5.5rem; --components-field-framed-textarea-max-height: 80vh; --components-field-framed-title-font-size: 1.125rem; --components-field-framed-title-line-height: var(--sizes-M-lineHeight); --components-field-framed-suffix-padding-right: var(--pr-t-spacings-600); } .form-group { --components-form-maxWidth: 40rem; --components-form-group-margin-bottom: 1.2rem; --components-form-field-margin-bottom: var(--pr-t-spacings-200); --components-form-field-width: auto; --components-form-label-font-size: var(--sizes-M-fontSize); --components-form-label-margin-bottom: var(--pr-t-spacings-50); --components-field-framed-side-padding: var(--pr-t-spacings-200); --components-field-framed-top-padding: var(--pr-t-spacings-400); --components-field-framed-bottom-padding: var(--pr-t-spacings-200); --components-field-framed-label-top-offset: var(--pr-t-spacings-100); --components-field-framed-textarea-height: 8.5rem; --components-field-framed-textarea-min-height: 5.5rem; --components-field-framed-textarea-max-height: 80vh; --components-field-framed-title-font-size: 1.125rem; --components-field-framed-title-line-height: var(--sizes-M-lineHeight); --components-field-framed-suffix-padding-right: var(--pr-t-spacings-600); padding: 0px; border: 0px; margin-block: 0 var(--components-form-group-margin-bottom); margin-inline: 0px; position: relative; } .form-header { margin-block-end: var(--pr-t-spacings-300); } .form-header-title { margin: 0px; padding: 0px; } .form-header-mandatory { font-size: var(--sizes-S-fontSize); line-height: var(--sizes-S-lineHeight); color: var(--palettes-neutral-700); } .form-header-mandatory-asterisk { color: var(--palettes-error-700); } .form-field { position: relative; display: flex; flex-direction: column; gap: var(--pr-t-spacings-50); width: var(--components-form-field-width); max-inline-size: 100%; } .form-field .formLabel { --components-formLabel-cursor: pointer; } .form-group-label, .form-group-legend, .form-group-title { display: block; font-weight: 600; font-size: var(--components-form-label-font-size); margin: 0px; padding-block: 0 var(--components-form-label-margin-bottom); padding-inline: 0px; inline-size: 100%; text-align: start; } .form-group-legend, .form-group-title { font-size: var(--components-field-framed-title-font-size); line-height: var(--components-field-framed-title-line-height); padding-block-end: var(--pr-t-spacings-50); } .form-actions { text-align: end; } .form .textfield, .form .radiosfield, .form .checkboxesfield, .form .checkbox.mod-field { margin-block-end: var(--components-form-field-margin-bottom); } .form-group-line { display: flex; flex-wrap: wrap; position: relative; } .form-group-line-col { flex-basis: 0px; flex-grow: 1; display: flex; flex-direction: column; } .form-group-line-col > * { flex-grow: 1; } .form-group-label.is-required:not(:empty)::after { color: var(--palettes-error-700); display: inline-block; margin-inline-start: 0.2em; } @supports (content: "*"/"") { .form-group-label.is-required:not(:empty)::after { content: "*" / ""; } } @supports not (content: "*"/"") { .form-group-label.is-required:not(:empty)::after { content: "*"; } } .radiosfield-label.is-required:not(:empty)::after, .checkboxesfield-label.is-required:not(:empty)::after, .textfield-label.is-required:not(:empty)::after { color: var(--palettes-error-700); display: inline-block; margin-inline-start: 0.2em; } @supports (content: "*"/"") { .radiosfield-label.is-required:not(:empty)::after, .checkboxesfield-label.is-required:not(:empty)::after, .textfield-label.is-required:not(:empty)::after { content: "*" / ""; } } @supports not (content: "*"/"") { .radiosfield-label.is-required:not(:empty)::after, .checkboxesfield-label.is-required:not(:empty)::after, .textfield-label.is-required:not(:empty)::after { content: "*"; } } .form-group-line-col[class*="mod-overlay"]:focus-within .textfield-input { box-shadow: -1px 0 var(--components-field-framed-color),0 -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color),-1px -1px var(--components-field-framed-color) inset,0 0 0 4px var(--components-field-framed-color50); z-index: 4; } .form-group-line-col[class*="mod-overlay"]:focus-within .is-error .textfield-input { background-color: var(--palettes-neutral-0) !important; } .form-group-line-col[class*="mod-overlay"]:focus-within .is-warning .textfield-input { background-color: rgb(68, 66, 66); box-shadow: -1px 0 var(--palettes-warning-700),0 -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700),-1px -1px var(--palettes-warning-700) inset,0 0 0 4px var(--palettes-warning-50); } .form-group-line-col[class*="mod-overlay"]:focus-within .is-valid .textfield-input, .form-group-line-col[class*="mod-overlay"]:focus-within .is-success .textfield-input { background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-success-700),0 -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700),-1px -1px var(--palettes-success-700) inset,0 0 0 4px var(--palettes-success-50); } .form-group-line-col[class*="mod-overlay"] .textfield + .textfield, .form-group-line-col[class*="mod-overlay"] .textfield + .checkbox, .form-group-line-col[class*="mod-overlay"] .textfield + .radio, .form-group-line-col[class*="mod-overlay"] .textfield + .select, .form-group-line-col[class*="mod-overlay"] .checkbox + .textfield, .form-group-line-col[class*="mod-overlay"] .checkbox + .checkbox, .form-group-line-col[class*="mod-overlay"] .checkbox + .radio, .form-group-line-col[class*="mod-overlay"] .checkbox + .select, .form-group-line-col[class*="mod-overlay"] .radio + .textfield, .form-group-line-col[class*="mod-overlay"] .radio + .checkbox, .form-group-line-col[class*="mod-overlay"] .radio + .radio, .form-group-line-col[class*="mod-overlay"] .radio + .select, .form-group-line-col[class*="mod-overlay"] .select + .textfield, .form-group-line-col[class*="mod-overlay"] .select + .checkbox, .form-group-line-col[class*="mod-overlay"] .select + .radio, .form-group-line-col[class*="mod-overlay"] .select + .select { position: absolute; inset-block-end: 0px; inset-inline-end: 0px; z-index: 10; padding-block: var(--components-field-framed-label-top-offset) var(--components-field-framed-bottom-padding); padding-inline: var(--components-field-framed-side-padding); } .form-group-line-col.mod-overlay-top .textfield + .textfield, .form-group-line-col.mod-overlay-top .textfield + .checkbox, .form-group-line-col.mod-overlay-top .textfield + .radio, .form-group-line-col.mod-overlay-top .textfield + .select, .form-group-line-col.mod-overlay-top .checkbox + .textfield, .form-group-line-col.mod-overlay-top .checkbox + .checkbox, .form-group-line-col.mod-overlay-top .checkbox + .radio, .form-group-line-col.mod-overlay-top .checkbox + .select, .form-group-line-col.mod-overlay-top .radio + .textfield, .form-group-line-col.mod-overlay-top .radio + .checkbox, .form-group-line-col.mod-overlay-top .radio + .radio, .form-group-line-col.mod-overlay-top .radio + .select, .form-group-line-col.mod-overlay-top .select + .textfield, .form-group-line-col.mod-overlay-top .select + .checkbox, .form-group-line-col.mod-overlay-top .select + .radio, .form-group-line-col.mod-overlay-top .select + .select { inset-block: 0px auto; } .form-group-line-col.mod-1\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-1\@mediaMinXXXS { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-2\@mediaMinXXXS { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-3\@mediaMinXXXS { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-4\@mediaMinXXXS { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-5\@mediaMinXXXS { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-6\@mediaMinXXXS { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-7\@mediaMinXXXS { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-8\@mediaMinXXXS { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-9\@mediaMinXXXS { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-10\@mediaMinXXXS { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-11\@mediaMinXXXS { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 20em) { .form-group-line-col.mod-12\@mediaMinXXXS { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-1\@mediaMinXXS { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-2\@mediaMinXXS { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-3\@mediaMinXXS { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-4\@mediaMinXXS { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-5\@mediaMinXXS { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-6\@mediaMinXXS { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-7\@mediaMinXXS { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-8\@mediaMinXXS { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-9\@mediaMinXXS { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-10\@mediaMinXXS { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-11\@mediaMinXXS { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 30em) { .form-group-line-col.mod-12\@mediaMinXXS { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-1\@mediaMinXS { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-2\@mediaMinXS { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-3\@mediaMinXS { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-4\@mediaMinXS { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-5\@mediaMinXS { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-6\@mediaMinXS { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-7\@mediaMinXS { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-8\@mediaMinXS { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-9\@mediaMinXS { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-10\@mediaMinXS { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-11\@mediaMinXS { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 40em) { .form-group-line-col.mod-12\@mediaMinXS { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-1\@mediaMinS { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-2\@mediaMinS { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-3\@mediaMinS { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-4\@mediaMinS { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-5\@mediaMinS { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-6\@mediaMinS { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-7\@mediaMinS { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-8\@mediaMinS { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-9\@mediaMinS { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-10\@mediaMinS { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-11\@mediaMinS { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinS { flex-basis: 100%; flex-grow: 0; } @media (min-width: 50em) { .form-group-line-col.mod-12\@mediaMinS { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-1\@mediaMinM { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-2\@mediaMinM { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-3\@mediaMinM { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-4\@mediaMinM { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-5\@mediaMinM { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-6\@mediaMinM { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-7\@mediaMinM { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-8\@mediaMinM { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-9\@mediaMinM { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-10\@mediaMinM { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-11\@mediaMinM { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinM { flex-basis: 100%; flex-grow: 0; } @media (min-width: 64em) { .form-group-line-col.mod-12\@mediaMinM { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-1\@mediaMinL { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-2\@mediaMinL { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-3\@mediaMinL { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-4\@mediaMinL { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-5\@mediaMinL { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-6\@mediaMinL { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-7\@mediaMinL { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-8\@mediaMinL { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-9\@mediaMinL { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-10\@mediaMinL { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-11\@mediaMinL { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 80em) { .form-group-line-col.mod-12\@mediaMinL { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-1\@mediaMinXL { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-2\@mediaMinXL { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-3\@mediaMinXL { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-4\@mediaMinXL { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-5\@mediaMinXL { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-6\@mediaMinXL { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-7\@mediaMinXL { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-8\@mediaMinXL { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-9\@mediaMinXL { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-10\@mediaMinXL { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-11\@mediaMinXL { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 85.375em) { .form-group-line-col.mod-12\@mediaMinXL { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-1\@mediaMinXXL { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-2\@mediaMinXXL { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-3\@mediaMinXXL { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-4\@mediaMinXXL { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-5\@mediaMinXXL { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-6\@mediaMinXXL { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-7\@mediaMinXXL { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-8\@mediaMinXXL { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-9\@mediaMinXXL { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-10\@mediaMinXXL { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-11\@mediaMinXXL { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 100em) { .form-group-line-col.mod-12\@mediaMinXXL { flex-basis: 100%; } } .form-group-line-col.mod-1\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-1\@mediaMinXXXL { flex-basis: 8.33333%; } } .form-group-line-col.mod-2\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-2\@mediaMinXXXL { flex-basis: 16.6667%; } } .form-group-line-col.mod-3\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-3\@mediaMinXXXL { flex-basis: 25%; } } .form-group-line-col.mod-4\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-4\@mediaMinXXXL { flex-basis: 33.3333%; } } .form-group-line-col.mod-5\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-5\@mediaMinXXXL { flex-basis: 41.6667%; } } .form-group-line-col.mod-6\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-6\@mediaMinXXXL { flex-basis: 50%; } } .form-group-line-col.mod-7\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-7\@mediaMinXXXL { flex-basis: 58.3333%; } } .form-group-line-col.mod-8\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-8\@mediaMinXXXL { flex-basis: 66.6667%; } } .form-group-line-col.mod-9\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-9\@mediaMinXXXL { flex-basis: 75%; } } .form-group-line-col.mod-10\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-10\@mediaMinXXXL { flex-basis: 83.3333%; } } .form-group-line-col.mod-11\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-11\@mediaMinXXXL { flex-basis: 91.6667%; } } .form-group-line-col.mod-12\@mediaMinXXXL { flex-basis: 100%; flex-grow: 0; } @media (min-width: 120em) { .form-group-line-col.mod-12\@mediaMinXXXL { flex-basis: 100%; } } .form-group-label:is(.is-required, .required):not(:empty)::after, .radiosfield-label:is(.is-required, .required):not(:empty)::after, .checkboxesfield-label:is(.is-required, .required):not(:empty)::after, .textfield-label:is(.is-required, .required):not(:empty)::after { color: var(--palettes-error-700); display: inline-block; margin-inline-start: 0.2em; } @supports (content: "*"/"") { .form-group-label:is(.is-required, .required):not(:empty)::after, .radiosfield-label:is(.is-required, .required):not(:empty)::after, .checkboxesfield-label:is(.is-required, .required):not(:empty)::after, .textfield-label:is(.is-required, .required):not(:empty)::after { content: "*" / ""; } } @supports not (content: "*"/"") { .form-group-label:is(.is-required, .required):not(:empty)::after, .radiosfield-label:is(.is-required, .required):not(:empty)::after, .checkboxesfield-label:is(.is-required, .required):not(:empty)::after, .textfield-label:is(.is-required, .required):not(:empty)::after { content: "*"; } } .checkboxesfield.mod-framed, .radiosfield.mod-framed, .form.mod-framed .fieldsetWrapper { background-color: var(--palettes-neutral-0); padding: 0px; box-shadow: -1px 0 var(--palettes-neutral-200),0 -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200),-1px -1px var(--palettes-neutral-200) inset; transition: background-color var(--commons-animations-durations-standard); margin-block-end: 0px !important; } .checkboxesfield.mod-framed::before, .checkboxesfield.mod-framed::after, .radiosfield.mod-framed::before, .radiosfield.mod-framed::after, .form.mod-framed .fieldsetWrapper::before, .form.mod-framed .fieldsetWrapper::after { content: " "; display: table; } .checkboxesfield.mod-framed::after, .radiosfield.mod-framed::after, .form.mod-framed .fieldsetWrapper::after { clear: both; } .checkboxesfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):hover, .checkboxesfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus, .radiosfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):hover, .radiosfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus, .form.mod-framed .fieldsetWrapper:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):hover, .form.mod-framed .fieldsetWrapper:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus { position: relative; z-index: 1; background-color: var(--palettes-neutral-0); box-shadow: -1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset; } .checkboxesfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus, .radiosfield.mod-framed:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus, .form.mod-framed .fieldsetWrapper:not(.is-disabled, :disabled, .is-error, .is-success, .is-valid, .is-warning, .is-invalid):focus { z-index: 4; box-shadow: -1px 0 var(--palettes-neutral-600),0 -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600),-1px -1px var(--palettes-neutral-600) inset,0 0 0 4px var(--palettes-neutral-50); } .checkboxesfield.mod-framed .radiosfield, .checkboxesfield.mod-framed .checkboxesfield, .radiosfield.mod-framed .radiosfield, .radiosfield.mod-framed .checkboxesfield, .form.mod-framed .fieldsetWrapper .radiosfield, .form.mod-framed .fieldsetWrapper .checkboxesfield { display: block; margin-block-start: var(--components-field-framed-side-padding); margin-block-end: 0px; padding-block: 0 var(--components-field-framed-bottom-padding); padding-inline: var(--components-field-framed-side-padding); } .checkboxesfield.mod-framed.is-disabled, .checkboxesfield.mod-framed.is-readonly, .radiosfield.mod-framed.is-disabled, .radiosfield.mod-framed.is-readonly, .form.mod-framed .fieldsetWrapper.is-disabled, .form.mod-framed .fieldsetWrapper.is-readonly { background-color: var(--commons-disabled-background); } .checkboxesfield.mod-framed.is-loading::after, .radiosfield.mod-framed.is-loading::after, .form.mod-framed .fieldsetWrapper.is-loading::after { content: ""; inline-size: 1.5rem; block-size: 1.5rem; border-radius: var(--commons-borderRadius-full); line-height: 0.8rem; border-width: var(--commons-loading-borderWidth); inset: 0px; margin: auto; position: absolute; border-style: solid; animation-name: rotate; animation-duration: var(--commons-loading-speed); animation-timing-function: linear; animation-iteration-count: infinite; border-color: var(--commons-loading-frontground); border-block-start-color: transparent; } .checkboxesfield.mod-framed.is-loading::before, .checkboxesfield.mod-framed.is-loading::after, .radiosfield.mod-framed.is-loading::before, .radiosfield.mod-framed.is-loading::after, .form.mod-framed .fieldsetWrapper.is-loading::before, .form.mod-framed .fieldsetWrapper.is-loading::after { inset-block: var(--components-field-framed-side-padding) auto !important; inset-inline: auto var(--components-field-framed-side-padding) !important; } .checkboxesfield.mod-framed, .radiosfield.mod-framed { margin-block-start: 0px; padding-block: var(--components-field-framed-side-padding) var(--components-field-framed-bottom-padding); padding-inline: var(--components-field-framed-side-padding); } .formLabel { --components-formLabel-fontSize: var(--sizes-M-fontSize); --components-formLabel-lineHeight: var(--sizes-M-lineHeight); --components-formLabel-color: var(--palettes-neutral-800); --components-formLabel-help-fontSize: var(--sizes-XS-lineHeight); --components-formLabel-help-lineHeight: var(--sizes-M-lineHeight); --components-formLabel-paddingRight: 0; --components-formLabel-width: fit-content; --components-formLabel-cursor: default; display: block; position: relative; color: var(--components-formLabel-color); font-size: var(--components-formLabel-fontSize); font-weight: 400; line-height: var(--components-formLabel-lineHeight); inline-size: var(--components-formLabel-width); padding-inline-end: var(--components-formLabel-paddingRight); cursor: var(--components-formLabel-cursor); } .formLabel .lucca-icon { color: var(--palettes-neutral-600); font-size: var(--components-formLabel-help-fontSize); line-height: var(--components-formLabel-help-lineHeight); margin-inline-start: var(--pr-t-spacings-25); vertical-align: top; } .formLabel-required { color: var(--palettes-error-700); font-size: inherit; line-height: inherit; font-weight: 600; text-rendering: geometricprecision; margin-inline-start: var(--pr-t-spacings-25); inset-block-start: 0px; } .formLabel-info { vertical-align: top; } .formLabel-info:focus-visible { outline: none; } .formLabel-info:focus-visible .lucca-icon::before { border-radius: 50%; outline: 2px solid var(--palettes-product-700); outline-offset: 0px; } .formLabel-counter { font-size: var(--sizes-XS-fontSize); color: var(--palettes-neutral-600); position: absolute; inset-inline-end: 0px; inset-block-start: 0px; } .formLabel.mod-S { --components-formLabel-fontSize: var(--sizes-S-fontSize); --components-formLabel-lineHeight: var(--sizes-S-lineHeight); --components-formLabel-help-fontSize: var(--sizes-XS-lineHeight); --components-formLabel-help-lineHeight: var(--sizes-S-lineHeight); } .formLabel.mod-XS { --components-formLabel-fontSize: var(--sizes-XS-fontSize); --components-formLabel-lineHeight: var(--sizes-XS-lineHeight); --components-formLabel-help-fontSize: .75rem; --components-formLabel-help-lineHeight: var(--sizes-XS-lineHeight); } .formLabel.mod-counter { --components-formLabel-width: auto; --components-formLabel-paddingRight: var(--pr-t-spacings-600); } .formLabel.is-error { --components-formLabel-color: var(--palettes-error-700); } .link { background-color: transparent; border: 0px; color: var(--commons-text-link-color); cursor: pointer; font-family: inherit; margin: 0px; padding: 0px; text-decoration: underline; } .link:not(:disabled, .is-disabled):hover { color: var(--commons-text-link-hover); } .link:not(:disabled, .is-disabled):focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; border-radius: var(--commons-borderRadius-M); } .link.mod-icon:has(.link-text) { text-decoration: none; } .link.mod-icon:not(:has(.link-icon)) .lucca-icon { margin-inline-start: 0.2em; } .link.mod-icon .lucca-icon { text-decoration: none; font-size: 1em; line-height: 1lh; vertical-align: bottom; } .link-text { text-decoration: underline; } .link-icon { white-space: nowrap; } .link-icon::before { content: " "; } .link.mod-decorationHover, .link.mod-decorationHover .link-text { text-decoration: none; } .link.mod-decorationHover:not(:has(.link-text)):hover { text-decoration: underline; } .link.mod-decorationHover:has(.link-text):hover .link-text { text-decoration: underline; } .link:is(:disabled, .is-disabled) { color: var(--commons-text-link-disabled); cursor: not-allowed; } .loading { --components-loading-display: inline-block; --components-loading-size: var(--pr-t-spacings-300); --components-loading-size-big: var(--pr-t-spacings-600); --components-loading-padding: 0 0 0 var(--components-loading-size); --components-loading-margin: 0; --components-loading-spinnerMargin: 0; --components-loading-color: currentColor; --components-loading-transform: none; --components-loading-textAlign: inherit; min-block-size: var(--components-loading-size); padding: var(--components-loading-padding); margin: var(--components-loading-margin); display: var(--components-loading-display); transform: var(--components-loading-transform); color: var(--components-loading-color); position: relative; text-align: var(--components-loading-textAlign); vertical-align: top; } .loading::after { content: ""; inline-size: 1.5rem; block-size: 1.5rem; border-radius: var(--commons-borderRadius-full); line-height: 0.8rem; border-width: var(--commons-loading-borderWidth); inset: 0px; margin: auto; position: absolute; border-style: solid; animation-name: rotate; animation-duration: var(--commons-loading-speed); animation-timing-function: linear; animation-iteration-count: infinite; border-color: var(--commons-loading-frontground); border-block-start-color: transparent; } @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loading:not(:empty) { --components-loading-padding: 0 0 0 var(--pr-t-spacings-400); } .loading::after { inline-size: var(--components-loading-size); block-size: var(--components-loading-size); margin: var(--components-loading-spinnerMargin); } .loading.mod-L { --components-loading-display: block; --components-loading-margin: auto; --components-loading-spinnerMargin: 0 auto; --components-loading-textAlign: center; --components-loading-size: var(--components-loading-size-big); } .loading.mod-L:not(:empty) { --components-loading-padding: calc(var(--components-loading-size) + var(--pr-t-spacings-50)) 0 0; } .loading.mod-block { --components-loading-display: block; --components-loading-margin: auto; --components-loading-spinnerMargin: 0 auto; --components-loading-textAlign: center; } .loading.mod-block:not(:empty) { --components-loading-padding: calc(var(--components-loading-size) + var(--pr-t-spacings-50)) 0 0; } .loading[class~="mod-fullPage" i] { --components-loading-display: block; --components-loading-spinnerMargin: 0 auto; --components-loading-textAlign: center; --components-loading-size: var(--components-loading-size-big); --components-loading-margin: 0 auto; --components-loading-transform: translateY(35vh); } .loading[class~="mod-fullPage" i]:not(:empty) { --components-loading-padding: calc(var(--components-loading-size) + var(--pr-t-spacings-50)) 0 0; } .loading.mod-popin, .loading.mod-dialog { --components-loading-display: block; --components-loading-margin: auto; --components-loading-spinnerMargin: 0 auto; --components-loading-textAlign: center; --components-loading-size: var(--components-loading-size-big); } .loading.mod-popin:not(:empty), .loading.mod-dialog:not(:empty) { --components-loading-padding: calc(var(--components-loading-size) + var(--pr-t-spacings-50)) 0 0; } .loading.mod-drawer, .loading.mod-sidePanel { --components-loading-display: block; --components-loading-margin: auto; --components-loading-spinnerMargin: 0 auto; --components-loading-textAlign: center; --components-loading-size: var(--components-loading-size-big); --components-loading-transform: translateY(35vh); } .loading.mod-drawer:not(:empty), .loading.mod-sidePanel:not(:empty) { --components-loading-padding: calc(var(--components-loading-size) + var(--pr-t-spacings-50)) 0 0; } .loading.mod-invert { --components-loading-color: var(--palettes-neutral-0); } .loading.mod-invert::after { --commons-loading-frontground: color.transparentize(var(--palettes-neutral-0), .66); } .notchBox.mod-notchLeft, .notchBox.mod-notchRight, .notchBox.mod-notchTop, .notchBox.mod-notchBottom { --smooth: 1px; --component-notchbox-notch-radius-outer: var(--component-notchbox-notch-radius); --component-notchbox-notch-padding: calc(var(--component-notchbox-notch-height) + var(--component-notchbox-box-padding)); --component-notchbox-notch-percent-offset: var(--component-notchbox-notch-percent, 0) * var(--component-notchbox-notch-radius-inner); --component-notchbox-notch-percent-offset2: (1 - var(--component-notchbox-notch-percent, 0)) * var(--component-notchbox-notch-radius-inner); --component-notchbox-badge-anchor: calc( var(--component-notchbox-badge-offset) * -1 + (var(--component-notchbox-notch-height) - var(--component-notchbox-badge-height)) / 2 ); } .notchBox.mod-notchTop, .notchBox.mod-notchBottom { --component-notchbox-box-min-height: calc(var(--component-notchbox-notch-height) + var(--component-notchbox-box-padding) * 2); --component-notchbox-notch-gradient1-ref1: 100%; --component-notchbox-notch-gradient1-ref2: calc(100% - var(--component-notchbox-notch-height)); --component-notchbox-notch-gradient2-anchor: left; --component-notchbox-notch-gradient2-ref1: calc( var(--component-notchbox-notch-position) - (var(--component-notchbox-notch-width)) / 2 - var(--component-notchbox-notch-radius-outer) - var(--smooth) * 2 ); --component-notchbox-notch-gradient2-ref2: 100%; --component-notchbox-notch-gradient3-anchor: right; --component-notchbox-notch-gradient3-ref1: calc( 100% - ( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-radius-outer) + var(--smooth) * 2 ) ); --component-notchbox-notch-gradient3-ref2: 100%; --component-notchbox-notch-gradient4-x: calc( var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2 - var(--component-notchbox-notch-radius-outer) - var(--smooth) ); --component-notchbox-notch-gradient5-x: calc( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-radius-outer) + var(--smooth) ); --component-notchbox-notch-gradient5-y: var(--component-notchbox-notch-gradient4-y); --component-notchbox-notch-gradient6-anchor: var(--component-notchbox-notch-gradient2-anchor); --component-notchbox-notch-gradient6-ref1: calc(var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2); --component-notchbox-notch-gradient6-ref2: calc(100% - var(--component-notchbox-notch-radius-outer) * 2); --component-notchbox-notch-gradient7-anchor: var(--component-notchbox-notch-gradient3-anchor); --component-notchbox-notch-gradient7-ref1: calc( 100% - (var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2) ); --component-notchbox-notch-gradient7-ref2: calc(100% - var(--component-notchbox-notch-radius-outer) * 2); --component-notchbox-notch-gradient8-x: calc( var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-percent-offset) - var(--smooth) * 2 ); --component-notchbox-notch-gradient9-x: calc( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 - var(--component-notchbox-notch-percent-offset2) + var(--smooth) * 2 ); --component-notchbox-notch-gradient9-y: var(--component-notchbox-notch-gradient8-y); --component-notchbox-badge-actualWidth: var(--component-notchbox-badge-width); --component-notchbox-badge-actualHeight: var(--component-notchbox-badge-height); --component-notchbox-badge-left: calc(var(--component-notchbox-notch-position) - var(--component-notchbox-badge-width) / 2); } .notchBox.mod-notchLeft, .notchBox.mod-notchRight { --component-notchbox-box-min-height: calc(var(--component-notchbox-notch-width) + var(--component-notchbox-box-padding) * 2); --component-notchbox-notch-gradient1-ref1: calc(100% - var(--component-notchbox-notch-height)); --component-notchbox-notch-gradient1-ref2: 100%; --component-notchbox-notch-gradient2-anchor: top; --component-notchbox-notch-gradient2-ref1: 100%; --component-notchbox-notch-gradient2-ref2: calc( var(--component-notchbox-notch-position) - (var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-radius-outer)) ); --component-notchbox-notch-gradient3-anchor: bottom; --component-notchbox-notch-gradient3-ref1: 100%; --component-notchbox-notch-gradient3-ref2: calc( 100% - ( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-radius-outer) + var(--smooth) * 2 ) ); --component-notchbox-notch-gradient4-y: calc( var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2 - var(--component-notchbox-notch-radius-outer) - var(--smooth) ); --component-notchbox-notch-gradient5-x: var(--component-notchbox-notch-gradient4-x); --component-notchbox-notch-gradient5-y: calc( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-radius-outer) + var(--smooth) ); --component-notchbox-notch-gradient6-anchor: var(--component-notchbox-notch-gradient2-anchor); --component-notchbox-notch-gradient6-ref1: calc(100% - var(--component-notchbox-notch-radius-outer) * 2); --component-notchbox-notch-gradient6-ref2: calc(var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2); --component-notchbox-notch-gradient7-anchor: var(--component-notchbox-notch-gradient3-anchor); --component-notchbox-notch-gradient7-ref1: calc(100% - var(--component-notchbox-notch-radius-outer) * 2); --component-notchbox-notch-gradient7-ref2: calc( 100% - (var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2) ); --component-notchbox-notch-gradient8-y: calc( var(--component-notchbox-notch-position) - var(--component-notchbox-notch-width) / 2 + var(--component-notchbox-notch-percent-offset) - var(--smooth) * 2 ); --component-notchbox-notch-gradient9-x: var(--component-notchbox-notch-gradient8-x); --component-notchbox-notch-gradient9-y: calc( var(--component-notchbox-notch-position) + var(--component-notchbox-notch-width) / 2 - var(--component-notchbox-notch-percent-offset2) + var(--smooth) * 2 ); --component-notchbox-badge-actualWidth: var(--component-notchbox-badge-height); --component-notchbox-badge-actualHeight: var(--component-notchbox-badge-width); --component-notchbox-badge-top: calc(var(--component-notchbox-notch-position) - var(--component-notchbox-badge-width) / 2); } .notchBox { --component-notchbox-notch-radius: var(--commons-borderRadius-M); --component-notchbox-notch-radius-inner: 18px; --component-notchbox-notch-width: 56px; --component-notchbox-notch-height: 24px; --component-notchbox-notch-position: 50%; --component-notchbox-notch-percent: .5; --component-notchbox-box-radius: 16px; --component-notchbox-box-padding: var(--pr-t-spacings-200); --component-notchbox-box-background-color: var(--pr-t-elevation-surface-raised); --component-notchbox-box-shadow: 0 1px 2px color-mix(in var(--commons-colorSpace, srgb), var(--palettes-neutral-400) 60%, transparent); --component-notchbox-badge-offset: 17px; --component-notchbox-badge-height: 48px; --component-notchbox-badge-width: 48px; --component-notchbox-badge-radius: 14px; --component-notchbox-badge-background-color: var(--palettes-700, var(--palettes-product-700)); position: relative; } .notchBox .notchBox-wrapper { inline-size: 100%; min-block-size: var(--component-notchbox-box-min-height); padding-block: var(--component-notchbox-box-padding-top, var(--component-notchbox-box-padding)) var(--component-notchbox-box-padding-bottom, var(--component-notchbox-box-padding)); padding-inline: var(--component-notchbox-box-padding-left, var(--component-notchbox-box-padding)) var(--component-notchbox-box-padding-right, var(--component-notchbox-box-padding)); border-radius: var(--component-notchbox-box-radius); background-image: ; background-position-x: ; background-position-y: ; background-size: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; filter: drop-shadow(var(--component-notchbox-box-shadow)); } .notchBox .notchBox-badge { position: absolute; inset-block-start: var(--component-notchbox-badge-top, auto); inset-block-end: var(--component-notchbox-badge-bottom, auto); inset-inline-start: var(--component-notchbox-badge-left, auto); inset-inline-end: var(--component-notchbox-badge-right, auto); inline-size: var(--component-notchbox-badge-actualWidth); block-size: var(--component-notchbox-badge-actualHeight); border-radius: var(--component-notchbox-badge-radius); background-color: var(--component-notchbox-badge-background-color); } .notchBox.mod-notchTop { --component-notchbox-notch-gradient1-anchor: bottom; --component-notchbox-notch-gradient4-y: calc(var(--component-notchbox-notch-radius-outer) + var(--smooth)); --component-notchbox-notch-gradient8-anchor: 100% 0%; --component-notchbox-notch-gradient8-y: calc( var(--component-notchbox-notch-height) - var(--component-notchbox-notch-radius-inner) + var(--smooth) ); --component-notchbox-notch-gradient9-anchor: 0 0; --component-notchbox-badge-top: var(--component-notchbox-badge-anchor); --component-notchbox-box-padding-top: var(--component-notchbox-notch-padding); } .notchBox.mod-notchLeft { --component-notchbox-notch-gradient1-anchor: right; --component-notchbox-notch-gradient4-x: calc(var(--component-notchbox-notch-radius-outer) + var(--smooth)); --component-notchbox-notch-gradient8-anchor: 0 100%; --component-notchbox-notch-gradient8-x: calc( var(--component-notchbox-notch-height) - var(--component-notchbox-notch-radius-inner) + var(--smooth) ); --component-notchbox-notch-gradient9-anchor: 0 0; --component-notchbox-badge-left: var(--component-notchbox-badge-anchor); --component-notchbox-box-padding-left: var(--component-notchbox-notch-padding); --component-notchbox-badge-offset: 17px; --component-notchbox-notch-height: 24px; } .notchBox.mod-notchRight { --component-notchbox-notch-gradient1-anchor: left; --component-notchbox-notch-gradient4-x: calc(100% - (var(--component-notchbox-notch-radius-outer) + var(--smooth))); --component-notchbox-notch-gradient8-anchor: 100% 100%; --component-notchbox-notch-gradient8-x: calc( 100% - var(--component-notchbox-notch-height) + var(--component-notchbox-notch-radius-inner) - var(--smooth) ); --component-notchbox-notch-gradient9-anchor: 100% 0; --component-notchbox-badge-right: var(--component-notchbox-badge-anchor); --component-notchbox-box-padding-right: var(--component-notchbox-notch-padding); --component-notchbox-badge-offset: 17px; --component-notchbox-notch-height: 24px; } .notchBox.mod-notchBottom { --component-notchbox-notch-gradient1-anchor: top; --component-notchbox-notch-gradient4-y: calc(100% - (var(--component-notchbox-notch-radius-outer) + var(--smooth))); --component-notchbox-notch-gradient8-anchor: 100% 100%; --component-notchbox-notch-gradient8-y: calc( 100% - var(--component-notchbox-notch-height) + var(--component-notchbox-notch-radius-inner) - var(--smooth) ); --component-notchbox-notch-gradient9-anchor: 0 100%; --component-notchbox-badge-bottom: var(--component-notchbox-badge-anchor); --component-notchbox-box-padding-bottom: var(--component-notchbox-notch-padding); } .skeleton { --components-skeleton-gradient-step-one: var(--palettes-neutral-50); --components-skeleton-gradient-step-two: var(--palettes-neutral-200); --components-skeleton-shape-height: 1.5rem; --components-skeleton-shape-width: 1.5rem; --components-skeleton-text-offset: var(--pr-t-spacings-75); --components-skeleton-text-width: 100%; --components-skeleton-text-clipPathRound: round var(--commons-borderRadius-L); } .skeleton-item { animation: skeletonFade var(--commons-animations-durations-fast) ease-in 1 forwards; } @keyframes skeletonFade { 0% { opacity: 0; } 100% { opacity: 1; } } .skeleton.mod-dark { --components-skeleton-gradient-step-one: var(--palettes-neutral-200); --components-skeleton-gradient-step-two: var(--palettes-neutral-500); } .skeleton.is-loading { animation: 1.5s ease-in-out 0s infinite normal none running skeletonPulse; } .skeleton.is-loading .skeleton-item { animation: 1.5s linear 0s infinite normal none running skeletonBackground; background-image: linear-gradient(90deg,var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50)),var(--components-skeleton-gradient-step-two, var(--palettes-neutral-200)),var(--components-skeleton-gradient-step-one, var(--palettes-neutral-50))); background-size: 150% 100%; background-repeat: repeat-x; display: block; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) calc(100% - var(--components-skeleton-text-width, 100%)) calc(var(--components-skeleton-text-offset) - 1px) 0 var(--components-skeleton-text-clipPathRound)); block-size: var(--sizes-M-lineHeight); inline-size: 100%; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXS { --components-skeleton-text-offset: .25rem; block-size: var(--sizes-XS-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textS { --components-skeleton-text-offset: .375rem; block-size: var(--sizes-S-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textL { --components-skeleton-text-offset: .375rem; block-size: var(--sizes-L-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXL { block-size: var(--sizes-XL-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle).u-textXXL { --components-skeleton-text-offset: .5rem; block-size: var(--sizes-XXL-lineHeight); } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h1, h1) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .5rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h2, h2) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h3, h3) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h4, h4) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h5, h5) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .375rem; } .skeleton.is-loading .skeleton-item:not(.mod-square, .mod-circle):is(.u-h6, h6) { block-size: auto; line-height: var(--sizes-lineHeight); min-block-size: var(--sizes-lineHeight); --components-skeleton-text-offset: .25rem; } @keyframes skeletonBackground { 0% { background-position: 150% 50%; } 100% { background-position: -150% 50%; } } @keyframes skeletonPulse { 0% { opacity: 0.9; } 50% { opacity: 1; } 100% { opacity: 0.9; } } .skeleton.is-loading .skeleton-item.mod-dark { --components-skeleton-gradient-step-one: var(--palettes-neutral-200); --components-skeleton-gradient-step-two: var(--palettes-neutral-500); } .skeleton.is-loading .skeleton-item.mod-square { border-radius: var(--commons-borderRadius-M); block-size: var(--components-skeleton-shape-height); inline-size: var(--components-skeleton-shape-width); } .skeleton.is-loading .skeleton-item.mod-circle { border-radius: var(--commons-borderRadius-full); block-size: var(--components-skeleton-shape-height); inline-size: var(--components-skeleton-shape-width); } .skeleton.is-loading .skeleton-item.mod-XS { --components-skeleton-shape-height: .5rem; --components-skeleton-shape-width: .5rem; } .skeleton.is-loading .skeleton-item.mod-S { --components-skeleton-shape-height: 1rem; --components-skeleton-shape-width: 1rem; } .skeleton.is-loading .skeleton-item.mod-L { --components-skeleton-shape-height: 2rem; --components-skeleton-shape-width: 2rem; } .skeleton.is-loading .skeleton-item.mod-XL { --components-skeleton-shape-height: 3rem; --components-skeleton-shape-width: 3rem; } .skeleton.is-loading .skeleton-item.mod-XXL { --components-skeleton-shape-height: 4rem; --components-skeleton-shape-width: 4rem; } .skeleton.is-loading .skeleton-item.mod-alignRight:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) 0 calc(var(--components-skeleton-text-offset) - 1px) calc(100% - var(--components-skeleton-text-width, 100%)) var(--components-skeleton-text-clipPathRound)); } .skeleton.is-loading .skeleton-item.mod-alignCenter:not(.mod-square, .mod-circle) { clip-path: inset(calc(var(--components-skeleton-text-offset) + 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) calc(var(--components-skeleton-text-offset) - 1px) calc(50% - var(--components-skeleton-text-width, 100%) / 2) var(--components-skeleton-text-clipPathRound)); } .table { --components-tableSticked-column-sticky-shadow-width: .5rem; --components-tableSticked-column-sticky-shadow-color: color-mix(in var(--commons-colorSpace, srgb), var(--palettes-neutral-400) 24%, transparent); } .table[class*="mod-stickyColumn"] { inline-size: auto; min-inline-size: 100%; background-color: var(--palettes-neutral-0); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-"] { background-color: var(--palettes-neutral-0); z-index: 3; } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-left"] { inset-inline-start: var(--components-tableSticked-column-sticky-offset); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-left"].mod-stickyColumn-shadow, .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-left"] .stickyColumn-shadow-wrapper::before { inset-inline-start: calc(var(--components-tableSticked-column-sticky-offset) - var(--components-tableSticked-column-sticky-shadow-width)); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-left"] .stickyColumn-shadow-wrapper::after { inset-inline-start: var(--components-tableSticked-column-sticky-offset); background-image: linear-gradient(to right,var(--components-tableSticked-column-sticky-shadow-color),transparent); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-right"] { inset-inline-end: var(--components-tableSticked-column-sticky-offset); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-right"] .stickyColumn-shadow-wrapper { justify-items: end; inline-size: calc(var(--components-tableSticked-column-sticky-shadow-width) * 3); inset-inline-end: calc(var(--components-tableSticked-column-sticky-shadow-width) * -1); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-right"].mod-stickyColumn-shadow, .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-right"] .stickyColumn-shadow-wrapper::before { inset-inline-end: calc(var(--components-tableSticked-column-sticky-offset) - var(--components-tableSticked-column-sticky-shadow-width)); } .table[class*="mod-stickyColumn"] [class*="mod-stickyColumn-right"] .stickyColumn-shadow-wrapper::after { inset-inline-end: var(--components-tableSticked-column-sticky-offset); background-image: linear-gradient(to left,var(--components-tableSticked-column-sticky-shadow-color),transparent); } .table[class*="mod-stickyColumn"] .mod-stickyColumn-shadow { display: none; inline-size: 0px; min-inline-size: 0px; padding: 0px; } .table[class*="mod-stickyColumn"] .stickyColumn-shadow-wrapper { position: absolute; inset-block: 0px; display: grid; grid-template-columns: calc(var(--components-tableSticked-column-sticky-shadow-width) * 2); grid-template-areas: "cell"; inline-size: calc(var(--components-tableSticked-column-sticky-shadow-width) * 2); } .table[class*="mod-stickyColumn"] .stickyColumn-shadow-wrapper::before, .table[class*="mod-stickyColumn"] .stickyColumn-shadow-wrapper::after { content: ""; position: sticky; grid-area: cell; } .table[class*="mod-stickyColumn"] .stickyColumn-shadow-wrapper::after { inline-size: var(--components-tableSticked-column-sticky-shadow-width); } .table[class*="mod-stickyColumn"] .stickyColumn-shadow-wrapper::before { z-index: 1; inline-size: var(--components-tableSticked-column-sticky-shadow-width); background-color: var(--palettes-neutral-0); } .table.mod-stickyColumn [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumn .mod-stickyColumn-shadow { display: table-cell; } @media (min-width: 20em) { .table.mod-stickyColumnAtMediaMinXXXS [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXXXS .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 30em) { .table.mod-stickyColumnAtMediaMinXXS [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXXS .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 40em) { .table.mod-stickyColumnAtMediaMinXS [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXS .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 50em) { .table.mod-stickyColumnAtMediaMinS [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinS .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 64em) { .table.mod-stickyColumnAtMediaMinM [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinM .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 80em) { .table.mod-stickyColumnAtMediaMinL [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinL .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 85.375em) { .table.mod-stickyColumnAtMediaMinXL [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXL .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 100em) { .table.mod-stickyColumnAtMediaMinXXL [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXXL .mod-stickyColumn-shadow { display: table-cell; } } @media (min-width: 120em) { .table.mod-stickyColumnAtMediaMinXXXL [class*="mod-stickyColumn-"] { --components-tableSticked-column-sticky-offset: var(--table-stickyColumn-offset, 0rem); position: sticky; } .table.mod-stickyColumnAtMediaMinXXXL .mod-stickyColumn-shadow { display: table-cell; } } .table[class*="mod-stickyHeader"] { margin-block-start: var(--components-tableSticked-column-sticky-shadow-width); } .table[class*="mod-stickyHeader"] .table-head-row-cell { background-color: var(--palettes-neutral-0); position: sticky; z-index: 5; } .table[class*="mod-stickyHeader"] .table-head-row-cell[class*="mod-stickyColumn"] { z-index: 7; } .table[class*="mod-stickyHeader"] .mod-stickyHeader-shadow [class*="row-cell"] { position: sticky; inset-block-start: var(--table-stickyHeader-shadow-offset); z-index: 4; block-size: 0px; padding: 0px; border: 0px; background: transparent; } .table[class*="mod-stickyHeader"] .mod-stickyHeader-shadow .stickyHeader-shadow-wrapper { position: absolute; inset-block-start: calc(var(--components-tableSticked-column-sticky-shadow-width) * -1); inline-size: 100%; block-size: 0px; border: 0px; } .table[class*="mod-stickyHeader"] .mod-stickyHeader-shadow .stickyHeader-shadow-wrapper::after { content: ""; display: block; block-size: var(--components-tableSticked-column-sticky-shadow-width); inline-size: 100%; background-image: linear-gradient(to bottom,var(--components-tableSticked-column-sticky-shadow-color),transparent); } .table[class*="mod-stickyHeader"] .mod-stickyHeader-shadow + .table-body-row [class*="row-cell"], .table[class*="mod-stickyHeader"] .mod-stickyHeader-shadow + .table-foot-row [class*="row-cell"] { border-block-start: 0px; } .table.mod-stickyHeader .table-head-row-cell { inset-block-start: 0px; } .table.mod-stickyHeader .mod-stickyHeader-shadow .table-body-row-cell { inset-block-start: calc(var(--table-stickyHeader-shadow-offset) + var(--components-tableSticked-column-sticky-shadow-width)); } .table.mod-stickyHeader-withBanner .table-head-row-cell { inset-block-start: var(--commons-banner-height); } .table.mod-stickyHeader-withBanner .mod-stickyHeader-shadow .table-body-row-cell { inset-block-start: calc(var(--table-stickyHeader-shadow-offset) + var(--commons-banner-height) + var(--components-tableSticked-column-sticky-shadow-width)); } .tag { --components-tag-background: var(--palettes-100, var(--palettes-neutral-100)); --components-tag-shadow: transparent; --components-tag-fontSize: var(--sizes-S-fontSize); --components-tag-lineHeight: var(--sizes-S-lineHeight); --components-tag-decoration: none; --components-tag-cursor: default; background-color: var(--components-tag-background); border-radius: var(--commons-borderRadius-M); padding-block: 0px; padding-inline: var(--pr-t-spacings-50); text-decoration: var(--components-tag-decoration); box-shadow: 0 0 0 1px var(--components-tag-shadow); gap: var(--pr-t-spacings-50); cursor: var(--components-tag-cursor); display: inline-flex; align-items: center; text-align: center; vertical-align: baseline; white-space: nowrap; font-weight: 400; border: 0px; font-size: var(--components-tag-fontSize); line-height: var(--components-tag-lineHeight); } .tag, .tag:is(a, button) { color: var(--palettes-800, var(--palettes-neutral-800)); } .tag .lucca-icon { --icon-size: 1rem; } .tag-content { text-decoration: var(--components-tag-decoration); } .tag.mod-L { --components-tag-fontSize: var(--sizes-M-fontSize); --components-tag-lineHeight: var(--sizes-M-lineHeight); --components-tag-iconBottom: 0; } .tag.mod-L .lucca-icon { --icon-size: 1.25rem; } .tag:is(a, button), .tag.mod-clickable { --components-tag-cursor: pointer; } .tag:is(a, button):hover, .tag:is(a, button):focus, .tag.mod-clickable:hover, .tag.mod-clickable:focus { --components-tag-decoration: underline; } .tag:is(a, button):has(.tag-content):hover, .tag:is(a, button):has(.tag-content):focus, .tag.mod-clickable:has(.tag-content):hover, .tag.mod-clickable:has(.tag-content):focus { --components-tag-decoration: none; } .tag:is(a, button):has(.tag-content):hover .tag-content, .tag:is(a, button):has(.tag-content):focus .tag-content, .tag.mod-clickable:has(.tag-content):hover .tag-content, .tag.mod-clickable:has(.tag-content):focus .tag-content { --components-tag-decoration: underline; } .tag.mod-outlined { --components-tag-shadow: var(--palettes-300, var(--palettes-neutral-300)); --components-tag-background: transparent; } .appLifecycle-banner { position: relative; z-index: 2; display: flex; min-height: 2.5rem; align-items: center; gap: var(--pr-t-spacings-100); padding: var(--pr-t-spacings-100) var(--pr-t-spacings-400); background-color: var(--palettes-brand-50); } .appLifecycle-banner .appLifecycle-banner-icon { position: relative; display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 2rem; width: 2rem; } .appLifecycle-banner .appLifecycle-banner-icon .appLifecycle-banner-icon-font { color: var(--palettes-brand-600); z-index: 1; } .appLifecycle-banner .appLifecycle-banner-icon .appLifecycle-banner-icon-back { position: absolute; z-index: 0; inset: 0px; } .appLifecycle-banner .appLifecycle-banner-content { display: flex; flex-grow: 1; align-items: center; justify-content: space-between; gap: var(--pr-t-spacings-50); padding-block: var(--pr-t-spacings-75); } .intl-mod-bold { font-weight: 700; } .intl-textXL { font-size: var(--sizes-XL-fontSize); } .intl-mod-textLight { color: var(--palettes-neutral-600); } .mod-fixedFontSize .intl-mod-bold { font-weight: inherit; } .mod-fixedFontSize .intl-textXL { font-size: inherit; } :host { --pr-t-elevation-surface-sunken: var(--palettes-neutral-50); --pr-t-elevation-surface-default: var(--palettes-neutral-25); --pr-t-elevation-surface-raised: var(--palettes-neutral-0); --pr-t-elevation-surface-backdrop: color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent); --pr-t-elevation-shadow-raised: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--palettes-neutral-400) 40%, transparent), 0 2px 4px color-mix(in srgb, var(--palettes-neutral-400) 20%, transparent); --pr-t-elevation-shadow-overflow: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 0 4px color-mix(in srgb, var(--palettes-neutral-400) 32%, transparent), 0 0 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent); --pr-t-elevation-shadow-overlay: 0 0 0 1px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent), 0 4px 8px color-mix(in srgb, var(--palettes-neutral-400) 24%, transparent), 0 4px 12px 2px color-mix(in srgb, var(--palettes-neutral-400) 8%, transparent); --pr-t-spacings-0: 0; --pr-t-spacings-25: .125rem; --pr-t-spacings-50: .25rem; --pr-t-spacings-75: .375rem; --pr-t-spacings-100: .5rem; --pr-t-spacings-150: .75rem; --pr-t-spacings-200: 1rem; --pr-t-spacings-300: 1.5rem; --pr-t-spacings-400: 2rem; --pr-t-spacings-500: 2.5rem; --pr-t-spacings-600: 3rem; --pr-t-spacings-700: 3.5rem; --pr-t-spacings-800: 4rem; --pr-t-spacings-auto: auto; --pr-t-color-input-text: var(--palettes-neutral-800); --pr-t-color-input-text-placeholder: var(--palettes-neutral-400); --pr-t-color-input-text-placeholder-critical: var(--palettes-critical-400); --pr-t-color-input-text-suffix: var(--palettes-neutral-600); --pr-t-color-input-text-disabled: var(--palettes-neutral-700); --pr-t-color-input-icon: var(--palettes-neutral-600); --pr-t-color-input-icon-disabled: var(--palettes-neutral-500); --pr-t-color-input-background: var(--palettes-neutral-0); --pr-t-color-input-background-critical: var(--palettes-critical-50); --pr-t-color-input-background-disabled: var(--palettes-neutral-100); --pr-t-color-input-border: var(--palettes-neutral-300); --pr-t-color-input-border-hover: var(--palettes-neutral-400); --pr-t-color-input-border-critical: var(--palettes-critical-400); --pr-t-color-input-border-critical-hover: var(--palettes-critical-600); --commons-borderRadius-M: 4px; --commons-borderRadius-L: 8px; --commons-borderRadius-XL: 12px; --commons-borderRadius-full: 9999px; --commons-animations-translate: 3rem; --commons-animations-function: ease; --commons-animations-iteration-count: 5; --commons-animations-durations-fast: .15s; --commons-animations-durations-standard: .25s; --commons-animations-durations-slow: .35s; --commons-disabled-opacity: .4; --commons-disabled-background: var(--palettes-neutral-100); --commons-disabled-color: var(--palettes-neutral-600); --commons-disabled-placeholder: var(--palettes-neutral-400); --commons-loading-frontground: var(--palettes-500, var(--palettes-product-500)); --commons-loading-speed: .6s; --commons-loading-borderWidth: 3px; --commons-text-link-color: var(--palettes-product-700); --commons-text-link-hover: var(--palettes-product-600); --commons-text-link-disabled: var(--palettes-neutral-500); --breakpoints-XXXS-breakAt: 320px; --breakpoints-XXS-breakAt: 480px; --breakpoints-XS-breakAt: 640px; --breakpoints-S-breakAt: 800px; --breakpoints-M-breakAt: 1024px; --breakpoints-L-breakAt: 1280px; --breakpoints-XL-breakAt: 1366px; --breakpoints-XXL-breakAt: 1600px; --breakpoints-XXXL-breakAt: 1920px; --palettes-critical-text: #ffffff; --palettes-critical-0: #ffffff; --palettes-critical-50: #ffebec; --palettes-critical-100: #ffd6d8; --palettes-critical-200: #fdbebe; --palettes-critical-300: #faa3a3; --palettes-critical-400: #fa8989; --palettes-critical-500: #f76e6e; --palettes-critical-600: #f15050; --palettes-critical-700: #da2f2f; --palettes-critical-800: #aa0e0e; --palettes-critical-900: #630303; --palettes-error-text: #ffffff; --palettes-error-0: #ffffff; --palettes-error-50: #ffebec; --palettes-error-100: #ffd6d8; --palettes-error-200: #fdbebe; --palettes-error-300: #faa3a3; --palettes-error-400: #fa8989; --palettes-error-500: #f76e6e; --palettes-error-600: #f15050; --palettes-error-700: #da2f2f; --palettes-error-800: #aa0e0e; --palettes-error-900: #630303; --palettes-warning-text: #ffffff; --palettes-warning-0: #ffffff; --palettes-warning-50: #fff2db; --palettes-warning-100: #ffe9c2; --palettes-warning-200: #ffdb9e; --palettes-warning-300: #ffd080; --palettes-warning-400: #ffc35c; --palettes-warning-500: #ffb13d; --palettes-warning-600: #ff9d00; --palettes-warning-700: #f08800; --palettes-warning-800: #c25100; --palettes-warning-900: #802a00; --palettes-success-text: #ffffff; --palettes-success-0: #ffffff; --palettes-success-50: #dbfae0; --palettes-success-100: #bef3c7; --palettes-success-200: #a2ebaf; --palettes-success-300: #84e695; --palettes-success-400: #68d97b; --palettes-success-500: #57c769; --palettes-success-600: #39b155; --palettes-success-700: #279b42; --palettes-success-800: #0a762e; --palettes-success-900: #004d20; --palettes-brand-text: #ffffff; --palettes-brand-0: #ffffff; --palettes-brand-50: #fff1eb; --palettes-brand-100: #ffe0d1; --palettes-brand-200: #ffccb3; --palettes-brand-300: #ffbe9e; --palettes-brand-400: #ffaa80; --palettes-brand-500: #ff9361; --palettes-brand-600: #ff7b3d; --palettes-brand-700: #e06029; --palettes-brand-800: #b43409; --palettes-brand-900: #611405; --palettes-neutral-text: #ffffff; --palettes-neutral-0: #ffffff; --palettes-neutral-25: #f3f6fc; --palettes-neutral-50: #e7edf9; --palettes-neutral-100: #dbe3f5; --palettes-neutral-200: #ced9ee; --palettes-neutral-300: #becbe4; --palettes-neutral-400: #acbbd7; --palettes-neutral-500: #96a6c5; --palettes-neutral-600: #667799; --palettes-neutral-700: #445473; --palettes-neutral-800: #2a3551; --palettes-neutral-900: #0b1732; --palettes-navigation-text: #ffffff; --palettes-navigation-0: #ffffff; --palettes-navigation-700: #313972; --palettes-navigation-800: #192157; --palettes-navigation-900: #12183f; --palettes-product-text: #ffffff; --palettes-product-0: #ffffff; --palettes-product-50: #fff1eb; --palettes-product-100: #ffe0d1; --palettes-product-200: #ffccb3; --palettes-product-300: #ffbe9e; --palettes-product-400: #ffaa80; --palettes-product-500: #ff9361; --palettes-product-600: #ff7b3d; --palettes-product-700: #e06029; --palettes-product-800: #b43409; --palettes-product-900: #611405; --palettes-kiwi-50: #ecf7de; --palettes-kiwi-100: #d7eeb9; --palettes-kiwi-200: #c7e79c; --palettes-kiwi-300: #aed57c; --palettes-kiwi-400: #96c856; --palettes-kiwi-500: #7cbb2a; --palettes-kiwi-600: #68a716; --palettes-kiwi-700: #4f840b; --palettes-kiwi-800: #3e6808; --palettes-kiwi-900: #2d4b06; --palettes-lime-50: #e2f7df; --palettes-lime-100: #c5eebe; --palettes-lime-200: #a7e69e; --palettes-lime-300: #88d57c; --palettes-lime-400: #74cb67; --palettes-lime-500: #54ba45; --palettes-lime-600: #45a437; --palettes-lime-700: #1c7c0e; --palettes-lime-800: #16600b; --palettes-lime-900: #104508; --palettes-cucumber-50: #ddf9eb; --palettes-cucumber-100: #c0f2d9; --palettes-cucumber-200: #98ecc2; --palettes-cucumber-300: #71daa6; --palettes-cucumber-400: #54c98f; --palettes-cucumber-500: #2db973; --palettes-cucumber-600: #12a55c; --palettes-cucumber-700: #008a45; --palettes-cucumber-800: #006b36; --palettes-cucumber-900: #005229; --palettes-mint-50: #d9f7f1; --palettes-mint-100: #bbf2e7; --palettes-mint-200: #99ebda; --palettes-mint-300: #68d9c3; --palettes-mint-400: #31c4a6; --palettes-mint-500: #0fb392; --palettes-mint-600: #089b7e; --palettes-mint-700: #008a6e; --palettes-mint-800: #006b56; --palettes-mint-900: #004d3d; --palettes-glacier-50: #e0f6f6; --palettes-glacier-100: #c4eded; --palettes-glacier-200: #a1e3e3; --palettes-glacier-300: #73d3d3; --palettes-glacier-400: #4dc7c7; --palettes-glacier-500: #20b6b6; --palettes-glacier-600: #08a0a0; --palettes-glacier-700: #008a8a; --palettes-glacier-800: #006b6b; --palettes-glacier-900: #005252; --palettes-lagoon-50: #dff3fb; --palettes-lagoon-100: #bfe7f8; --palettes-lagoon-200: #9fdaf4; --palettes-lagoon-300: #75c7ea; --palettes-lagoon-400: #49b5e4; --palettes-lagoon-500: #28a3d7; --palettes-lagoon-600: #148ec2; --palettes-lagoon-700: #086c96; --palettes-lagoon-800: #065374; --palettes-lagoon-900: #05425c; --palettes-blueberry-50: #dfe8fb; --palettes-blueberry-100: #c8d8f9; --palettes-blueberry-200: #b1c8f6; --palettes-blueberry-300: #98b4eb; --palettes-blueberry-400: #769be5; --palettes-blueberry-500: #628cdf; --palettes-blueberry-600: #4777d7; --palettes-blueberry-700: #295cc2; --palettes-blueberry-800: #1b4498; --palettes-blueberry-900: #153575; --palettes-lavender-50: #eadffb; --palettes-lavender-100: #dfcdf9; --palettes-lavender-200: #d3bbf7; --palettes-lavender-300: #c3a8eb; --palettes-lavender-400: #b493e6; --palettes-lavender-500: #a17cda; --palettes-lavender-600: #9165d2; --palettes-lavender-700: #7647bd; --palettes-lavender-800: #5f369b; --palettes-lavender-900: #4a2a79; --palettes-grape-50: #f5e3fc; --palettes-grape-100: #eed0fb; --palettes-grape-200: #e9c2f9; --palettes-grape-300: #d4a6e8; --palettes-grape-400: #ba84d2; --palettes-grape-500: #ad71c6; --palettes-grape-600: #9a57b7; --palettes-grape-700: #8133a3; --palettes-grape-800: #620f85; --palettes-grape-900: #470b60; --palettes-watermelon-50: #f7dee4; --palettes-watermelon-100: #f1c1cd; --palettes-watermelon-200: #eaa4b5; --palettes-watermelon-300: #e48ba1; --palettes-watermelon-400: #db6683; --palettes-watermelon-500: #d4496c; --palettes-watermelon-600: #be2d51; --palettes-watermelon-700: #a7163a; --palettes-watermelon-800: #8d0729; --palettes-watermelon-900: #6f0620; --palettes-pumpkin-50: #fdecd8; --palettes-pumpkin-100: #fbddbc; --palettes-pumpkin-200: #f9cf9f; --palettes-pumpkin-300: #f4b771; --palettes-pumpkin-400: #ef9c3e; --palettes-pumpkin-500: #eb8e24; --palettes-pumpkin-600: #db7500; --palettes-pumpkin-700: #c26700; --palettes-pumpkin-800: #8f4c00; --palettes-pumpkin-900: #5c3100; --palettes-pineapple-50: #fdf8e3; --palettes-pineapple-100: #faf2c6; --palettes-pineapple-200: #f8eaa5; --palettes-pineapple-300: #f9e16c; --palettes-pineapple-400: #f8dc4f; --palettes-pineapple-500: #e7c623; --palettes-pineapple-600: #d6b300; --palettes-pineapple-700: #c29e00; --palettes-pineapple-800: #9e8100; --palettes-pineapple-900: #7a6400; --palettes-lucca-text: #ffffff; --palettes-lucca-0: #ffffff; --palettes-lucca-50: #fff1eb; --palettes-lucca-100: #ffe0d1; --palettes-lucca-200: #ffccb3; --palettes-lucca-300: #ffbe9e; --palettes-lucca-400: #ffaa80; --palettes-lucca-500: #ff9361; --palettes-lucca-600: #ff7b3d; --palettes-lucca-700: #e06029; --palettes-lucca-800: #b43409; --palettes-lucca-900: #611405; --palettes-grey-text: #ffffff; --palettes-grey-0: #ffffff; --palettes-grey-25: #f3f6fc; --palettes-grey-50: #e7edf9; --palettes-grey-100: #dbe3f5; --palettes-grey-200: #ced9ee; --palettes-grey-300: #becbe4; --palettes-grey-400: #acbbd7; --palettes-grey-500: #96a6c5; --palettes-grey-600: #667799; --palettes-grey-700: #445473; --palettes-grey-800: #2a3551; --palettes-grey-900: #0b1732; --palettes-primary-text: #ffffff; --palettes-primary-0: #ffffff; --palettes-primary-50: #fff1eb; --palettes-primary-100: #ffe0d1; --palettes-primary-200: #ffccb3; --palettes-primary-300: #ffbe9e; --palettes-primary-400: #ffaa80; --palettes-primary-500: #ff9361; --palettes-primary-600: #ff7b3d; --palettes-primary-700: #e06029; --palettes-primary-800: #b43409; --palettes-primary-900: #611405; --palettes-secondary-text: #ffffff; --palettes-secondary-0: #ffffff; --palettes-secondary-50: #fff1eb; --palettes-secondary-100: #ffe0d1; --palettes-secondary-200: #ffccb3; --palettes-secondary-300: #ffbe9e; --palettes-secondary-400: #ffaa80; --palettes-secondary-500: #ff9361; --palettes-secondary-600: #ff7b3d; --palettes-secondary-700: #e06029; --palettes-secondary-800: #b43409; --palettes-secondary-900: #611405; --sizes-XS-fontSize: .75rem; --sizes-XS-lineHeight: 1rem; --sizes-XS-verticalPadding: 0; --sizes-S-fontSize: .875rem; --sizes-S-lineHeight: 1.25rem; --sizes-S-verticalPadding: .125rem; --sizes-M-fontSize: 1rem; --sizes-M-lineHeight: 1.5rem; --sizes-M-verticalPadding: .125rem; --sizes-L-fontSize: 1.125rem; --sizes-L-lineHeight: 1.5rem; --sizes-L-verticalPadding: .25rem; --sizes-XL-fontSize: 1.375rem; --sizes-XL-lineHeight: 1.75rem; --sizes-XL-verticalPadding: .375rem; --sizes-XXL-fontSize: 1.75rem; --sizes-XXL-lineHeight: 2rem; --sizes-XXL-verticalPadding: .25rem; --sizes-XXXL-fontSize: 2.25rem; --sizes-XXXL-lineHeight: 2.5rem; --sizes-XXXL-verticalPadding: .5rem; --colors-white-color: #ffffff; --colors-black-color: #121212; --colors-white-rgb: 255, 255, 255; --colors-neutral-400-rgb: 172, 187, 215; --colors-neutral-900-rgb: 19, 29, 53; --colors-grey-400-rgb: 172, 187, 215; --colors-grey-900-rgb: 19, 29, 53; --commons-banner-height: 50px; --commons-divider-width: 1px; --commons-divider-style: solid; --commons-divider-border: var(--commons-divider-width) var(--commons-divider-style) var(--commons-divider-color); --commons-border-100: var(--palettes-neutral-100); --commons-border-200: var(--palettes-neutral-200); --commons-background-base: var(--palettes-neutral-25); --commons-divider-color: var(--palettes-neutral-200); --commons-container-maxWidthXXXS: 20rem; --commons-container-maxWidthXXS: 30rem; --commons-container-maxWidthXS: 40rem; --commons-container-maxWidthS: 50rem; --commons-container-maxWidthM: 64rem; --commons-container-maxWidthL: 80rem; --commons-container-maxWidthXL: 85.375rem; --commons-container-maxWidthXXL: 100rem; --commons-container-maxWidthXXXL: 120rem; --commons-container-maxWidth: var(--commons-container-maxWidthXXL); --commons-container-padding: 3.5rem; --commons-navSide-width: 0rem; --commons-navSide-compact-width: 7.5rem; --commons-navSide-mobile-toggle-height: 3.5rem; display: block; --commons-font-family: "Lucca App Lifecycle Source Sans", Tahoma, sans-serif; height: fit-content; background-color: var(--pr-t-elevation-surface-default); color: var(--palettes-neutral-800); font-family: var(--commons-font-family); font-size: var(--sizes-M-fontSize); line-height: var(--sizes-M-lineHeight); --components-options-item-padding-vertical: var(--pr-t-spacings-50); --components-options-item-padding-horizontal: var(--pr-t-spacings-100); --components-options-item-multiple-padding: 2.25rem; --components-options-item-icon-color: var(--palettes-neutral-800); --components-options-checkbox-size: 1.25rem; --components-options-checkbox-color: var(--palettes-product-700); --components-options-checkbox-border-radius: 6px; --components-options-checkbox-border-color: var(--palettes-neutral-700); --components-options-establishment-multiple-padding: 2rem; } *, ::after, ::before { box-sizing: border-box; } ::placeholder { opacity: 1; } html { block-size: -webkit-fill-available; } body { background-color: var(--pr-t-elevation-surface-default); color: var(--palettes-neutral-800); font-family: var(--commons-font-family); font-size: var(--sizes-M-fontSize); line-height: var(--sizes-M-lineHeight); } @supports (-webkit-touch-callout: none) { body { min-block-size: -webkit-fill-available; } } p { margin: 0px; } ul, ol { margin: 0px; padding-inline-start: var(--pr-t-spacings-400); } abbr[title] { border: none; text-decoration: none; } a { color: var(--commons-text-link-color); cursor: pointer; text-decoration: underline; } a:hover { color: var(--commons-text-link-hover); } a:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; border-radius: var(--commons-borderRadius-M); } button:focus-visible { outline: 2px solid var(--palettes-product-700); outline-offset: 2px; } strong, b { font-weight: 600; } .palette-critical { --palettes-text: var(--palettes-critical-text); --palettes-0: var(--palettes-critical-0); --palettes-50: var(--palettes-critical-50); --palettes-100: var(--palettes-critical-100); --palettes-200: var(--palettes-critical-200); --palettes-300: var(--palettes-critical-300); --palettes-400: var(--palettes-critical-400); --palettes-500: var(--palettes-critical-500); --palettes-600: var(--palettes-critical-600); --palettes-700: var(--palettes-critical-700); --palettes-800: var(--palettes-critical-800); --palettes-900: var(--palettes-critical-900); } .palette-error { --palettes-text: var(--palettes-error-text); --palettes-0: var(--palettes-error-0); --palettes-50: var(--palettes-error-50); --palettes-100: var(--palettes-error-100); --palettes-200: var(--palettes-error-200); --palettes-300: var(--palettes-error-300); --palettes-400: var(--palettes-error-400); --palettes-500: var(--palettes-error-500); --palettes-600: var(--palettes-error-600); --palettes-700: var(--palettes-error-700); --palettes-800: var(--palettes-error-800); --palettes-900: var(--palettes-error-900); } .palette-warning { --palettes-text: var(--palettes-warning-text); --palettes-0: var(--palettes-warning-0); --palettes-50: var(--palettes-warning-50); --palettes-100: var(--palettes-warning-100); --palettes-200: var(--palettes-warning-200); --palettes-300: var(--palettes-warning-300); --palettes-400: var(--palettes-warning-400); --palettes-500: var(--palettes-warning-500); --palettes-600: var(--palettes-warning-600); --palettes-700: var(--palettes-warning-700); --palettes-800: var(--palettes-warning-800); --palettes-900: var(--palettes-warning-900); } .palette-success { --palettes-text: var(--palettes-success-text); --palettes-0: var(--palettes-success-0); --palettes-50: var(--palettes-success-50); --palettes-100: var(--palettes-success-100); --palettes-200: var(--palettes-success-200); --palettes-300: var(--palettes-success-300); --palettes-400: var(--palettes-success-400); --palettes-500: var(--palettes-success-500); --palettes-600: var(--palettes-success-600); --palettes-700: var(--palettes-success-700); --palettes-800: var(--palettes-success-800); --palettes-900: var(--palettes-success-900); } .palette-brand { --palettes-text: var(--palettes-brand-text); --palettes-0: var(--palettes-brand-0); --palettes-50: var(--palettes-brand-50); --palettes-100: var(--palettes-brand-100); --palettes-200: var(--palettes-brand-200); --palettes-300: var(--palettes-brand-300); --palettes-400: var(--palettes-brand-400); --palettes-500: var(--palettes-brand-500); --palettes-600: var(--palettes-brand-600); --palettes-700: var(--palettes-brand-700); --palettes-800: var(--palettes-brand-800); --palettes-900: var(--palettes-brand-900); } .palette-neutral { --palettes-text: var(--palettes-neutral-text); --palettes-0: var(--palettes-neutral-0); --palettes-25: var(--palettes-neutral-25); --palettes-50: var(--palettes-neutral-50); --palettes-100: var(--palettes-neutral-100); --palettes-200: var(--palettes-neutral-200); --palettes-300: var(--palettes-neutral-300); --palettes-400: var(--palettes-neutral-400); --palettes-500: var(--palettes-neutral-500); --palettes-600: var(--palettes-neutral-600); --palettes-700: var(--palettes-neutral-700); --palettes-800: var(--palettes-neutral-800); --palettes-900: var(--palettes-neutral-900); } .palette-navigation { --palettes-text: var(--palettes-navigation-text); --palettes-0: var(--palettes-navigation-0); --palettes-700: var(--palettes-navigation-700); --palettes-800: var(--palettes-navigation-800); --palettes-900: var(--palettes-navigation-900); } .palette-product { --palettes-text: var(--palettes-product-text); --palettes-0: var(--palettes-product-0); --palettes-50: var(--palettes-product-50); --palettes-100: var(--palettes-product-100); --palettes-200: var(--palettes-product-200); --palettes-300: var(--palettes-product-300); --palettes-400: var(--palettes-product-400); --palettes-500: var(--palettes-product-500); --palettes-600: var(--palettes-product-600); --palettes-700: var(--palettes-product-700); --palettes-800: var(--palettes-product-800); --palettes-900: var(--palettes-product-900); } .palette-kiwi { --palettes-50: var(--palettes-kiwi-50); --palettes-100: var(--palettes-kiwi-100); --palettes-200: var(--palettes-kiwi-200); --palettes-300: var(--palettes-kiwi-300); --palettes-400: var(--palettes-kiwi-400); --palettes-500: var(--palettes-kiwi-500); --palettes-600: var(--palettes-kiwi-600); --palettes-700: var(--palettes-kiwi-700); --palettes-800: var(--palettes-kiwi-800); --palettes-900: var(--palettes-kiwi-900); } .palette-lime { --palettes-50: var(--palettes-lime-50); --palettes-100: var(--palettes-lime-100); --palettes-200: var(--palettes-lime-200); --palettes-300: var(--palettes-lime-300); --palettes-400: var(--palettes-lime-400); --palettes-500: var(--palettes-lime-500); --palettes-600: var(--palettes-lime-600); --palettes-700: var(--palettes-lime-700); --palettes-800: var(--palettes-lime-800); --palettes-900: var(--palettes-lime-900); } .palette-cucumber { --palettes-50: var(--palettes-cucumber-50); --palettes-100: var(--palettes-cucumber-100); --palettes-200: var(--palettes-cucumber-200); --palettes-300: var(--palettes-cucumber-300); --palettes-400: var(--palettes-cucumber-400); --palettes-500: var(--palettes-cucumber-500); --palettes-600: var(--palettes-cucumber-600); --palettes-700: var(--palettes-cucumber-700); --palettes-800: var(--palettes-cucumber-800); --palettes-900: var(--palettes-cucumber-900); } .palette-mint { --palettes-50: var(--palettes-mint-50); --palettes-100: var(--palettes-mint-100); --palettes-200: var(--palettes-mint-200); --palettes-300: var(--palettes-mint-300); --palettes-400: var(--palettes-mint-400); --palettes-500: var(--palettes-mint-500); --palettes-600: var(--palettes-mint-600); --palettes-700: var(--palettes-mint-700); --palettes-800: var(--palettes-mint-800); --palettes-900: var(--palettes-mint-900); } .palette-glacier { --palettes-50: var(--palettes-glacier-50); --palettes-100: var(--palettes-glacier-100); --palettes-200: var(--palettes-glacier-200); --palettes-300: var(--palettes-glacier-300); --palettes-400: var(--palettes-glacier-400); --palettes-500: var(--palettes-glacier-500); --palettes-600: var(--palettes-glacier-600); --palettes-700: var(--palettes-glacier-700); --palettes-800: var(--palettes-glacier-800); --palettes-900: var(--palettes-glacier-900); } .palette-lagoon { --palettes-50: var(--palettes-lagoon-50); --palettes-100: var(--palettes-lagoon-100); --palettes-200: var(--palettes-lagoon-200); --palettes-300: var(--palettes-lagoon-300); --palettes-400: var(--palettes-lagoon-400); --palettes-500: var(--palettes-lagoon-500); --palettes-600: var(--palettes-lagoon-600); --palettes-700: var(--palettes-lagoon-700); --palettes-800: var(--palettes-lagoon-800); --palettes-900: var(--palettes-lagoon-900); } .palette-blueberry { --palettes-50: var(--palettes-blueberry-50); --palettes-100: var(--palettes-blueberry-100); --palettes-200: var(--palettes-blueberry-200); --palettes-300: var(--palettes-blueberry-300); --palettes-400: var(--palettes-blueberry-400); --palettes-500: var(--palettes-blueberry-500); --palettes-600: var(--palettes-blueberry-600); --palettes-700: var(--palettes-blueberry-700); --palettes-800: var(--palettes-blueberry-800); --palettes-900: var(--palettes-blueberry-900); } .palette-lavender { --palettes-50: var(--palettes-lavender-50); --palettes-100: var(--palettes-lavender-100); --palettes-200: var(--palettes-lavender-200); --palettes-300: var(--palettes-lavender-300); --palettes-400: var(--palettes-lavender-400); --palettes-500: var(--palettes-lavender-500); --palettes-600: var(--palettes-lavender-600); --palettes-700: var(--palettes-lavender-700); --palettes-800: var(--palettes-lavender-800); --palettes-900: var(--palettes-lavender-900); } .palette-grape { --palettes-50: var(--palettes-grape-50); --palettes-100: var(--palettes-grape-100); --palettes-200: var(--palettes-grape-200); --palettes-300: var(--palettes-grape-300); --palettes-400: var(--palettes-grape-400); --palettes-500: var(--palettes-grape-500); --palettes-600: var(--palettes-grape-600); --palettes-700: var(--palettes-grape-700); --palettes-800: var(--palettes-grape-800); --palettes-900: var(--palettes-grape-900); } .palette-watermelon { --palettes-50: var(--palettes-watermelon-50); --palettes-100: var(--palettes-watermelon-100); --palettes-200: var(--palettes-watermelon-200); --palettes-300: var(--palettes-watermelon-300); --palettes-400: var(--palettes-watermelon-400); --palettes-500: var(--palettes-watermelon-500); --palettes-600: var(--palettes-watermelon-600); --palettes-700: var(--palettes-watermelon-700); --palettes-800: var(--palettes-watermelon-800); --palettes-900: var(--palettes-watermelon-900); } .palette-pumpkin { --palettes-50: var(--palettes-pumpkin-50); --palettes-100: var(--palettes-pumpkin-100); --palettes-200: var(--palettes-pumpkin-200); --palettes-300: var(--palettes-pumpkin-300); --palettes-400: var(--palettes-pumpkin-400); --palettes-500: var(--palettes-pumpkin-500); --palettes-600: var(--palettes-pumpkin-600); --palettes-700: var(--palettes-pumpkin-700); --palettes-800: var(--palettes-pumpkin-800); --palettes-900: var(--palettes-pumpkin-900); } .palette-pineapple { --palettes-50: var(--palettes-pineapple-50); --palettes-100: var(--palettes-pineapple-100); --palettes-200: var(--palettes-pineapple-200); --palettes-300: var(--palettes-pineapple-300); --palettes-400: var(--palettes-pineapple-400); --palettes-500: var(--palettes-pineapple-500); --palettes-600: var(--palettes-pineapple-600); --palettes-700: var(--palettes-pineapple-700); --palettes-800: var(--palettes-pineapple-800); --palettes-900: var(--palettes-pineapple-900); } .palette-lucca { --palettes-text: var(--palettes-lucca-text); --palettes-0: var(--palettes-lucca-0); --palettes-50: var(--palettes-lucca-50); --palettes-100: var(--palettes-lucca-100); --palettes-200: var(--palettes-lucca-200); --palettes-300: var(--palettes-lucca-300); --palettes-400: var(--palettes-lucca-400); --palettes-500: var(--palettes-lucca-500); --palettes-600: var(--palettes-lucca-600); --palettes-700: var(--palettes-lucca-700); --palettes-800: var(--palettes-lucca-800); --palettes-900: var(--palettes-lucca-900); } .palette-grey { --palettes-text: var(--palettes-grey-text); --palettes-0: var(--palettes-grey-0); --palettes-25: var(--palettes-grey-25); --palettes-50: var(--palettes-grey-50); --palettes-100: var(--palettes-grey-100); --palettes-200: var(--palettes-grey-200); --palettes-300: var(--palettes-grey-300); --palettes-400: var(--palettes-grey-400); --palettes-500: var(--palettes-grey-500); --palettes-600: var(--palettes-grey-600); --palettes-700: var(--palettes-grey-700); --palettes-800: var(--palettes-grey-800); --palettes-900: var(--palettes-grey-900); } .palette-primary { --palettes-text: var(--palettes-primary-text); --palettes-0: var(--palettes-primary-0); --palettes-50: var(--palettes-primary-50); --palettes-100: var(--palettes-primary-100); --palettes-200: var(--palettes-primary-200); --palettes-300: var(--palettes-primary-300); --palettes-400: var(--palettes-primary-400); --palettes-500: var(--palettes-primary-500); --palettes-600: var(--palettes-primary-600); --palettes-700: var(--palettes-primary-700); --palettes-800: var(--palettes-primary-800); --palettes-900: var(--palettes-primary-900); } .palette-secondary { --palettes-text: var(--palettes-secondary-text); --palettes-0: var(--palettes-secondary-0); --palettes-50: var(--palettes-secondary-50); --palettes-100: var(--palettes-secondary-100); --palettes-200: var(--palettes-secondary-200); --palettes-300: var(--palettes-secondary-300); --palettes-400: var(--palettes-secondary-400); --palettes-500: var(--palettes-secondary-500); --palettes-600: var(--palettes-secondary-600); --palettes-700: var(--palettes-secondary-700); --palettes-800: var(--palettes-secondary-800); --palettes-900: var(--palettes-secondary-900); } :host .lucca-icon { --icon-fontFamily: "Lucca App Lifecycle Lucca icons"; } @supports (-webkit-touch-callout: none) { :host { min-height: fit-content; } }

Enquêtes

Préparer pour envoi

Séminaire 2025

Index égalité hommes femmes

Analyser