@cnamts/synapse 0.0.0-alpha.0 → 0.0.2-alpha
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +72 -2
- package/dist/design-system-v3.d.ts +234 -2
- package/dist/design-system-v3.js +3020 -2142
- package/dist/design-system-v3.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +11 -10
- package/src/components/CollapsibleList/CollapsibleList.mdx +47 -0
- package/src/components/CollapsibleList/CollapsibleList.stories.ts +52 -0
- package/src/components/CollapsibleList/CollapsibleList.vue +157 -0
- package/src/components/CollapsibleList/tests/CollapsibleList.spec.ts +60 -0
- package/src/components/CollapsibleList/types.d.ts +5 -0
- package/src/components/Customs/CustomInputSelect/CustomInputSelect.mdx +42 -0
- package/src/components/Customs/CustomInputSelect/CustomInputSelect.stories.ts +154 -0
- package/src/components/Customs/CustomInputSelect/CustomInputSelect.vue +185 -0
- package/src/components/Customs/CustomInputSelect/tests/CustomInputSelect.spec.ts +216 -0
- package/src/components/Customs/CustomSelect/CustomSelect.mdx +47 -0
- package/src/components/Customs/CustomSelect/CustomSelect.stories.ts +182 -0
- package/src/components/Customs/CustomSelect/CustomSelect.vue +188 -0
- package/src/components/Customs/CustomSelect/tests/CustomSelect.spec.ts +236 -0
- package/src/components/FooterBar/A11yCompliance.ts +9 -0
- package/src/components/FooterBar/FooterBar.mdx +115 -0
- package/src/components/FooterBar/FooterBar.stories.ts +632 -0
- package/src/components/FooterBar/FooterBar.vue +330 -0
- package/src/components/FooterBar/config.ts +20 -0
- package/src/components/FooterBar/defaultSocialMediaLinks.ts +21 -0
- package/src/components/FooterBar/locales.ts +16 -0
- package/src/components/FooterBar/tests/FooterBar.spec.ts +167 -0
- package/src/components/FooterBar/tests/FooterBarConfig.spec.ts +36 -0
- package/src/components/FooterBar/tests/__snapshots__/FooterBar.spec.ts.snap +27 -0
- package/src/components/FooterBar/types.d.ts +10 -0
- package/src/components/LangBtn/LangBtn.mdx +2 -1
- package/src/components/LangBtn/LangBtn.vue +3 -3
- package/src/components/Logo/Logo.mdx +26 -0
- package/src/components/Logo/Logo.stories.ts +217 -0
- package/src/components/Logo/Logo.vue +397 -0
- package/src/components/Logo/LogoSize.ts +7 -0
- package/src/components/Logo/locales.ts +6 -0
- package/src/components/Logo/logoDimensionsMapping.ts +16 -0
- package/src/components/Logo/tests/Logo.spec.ts +75 -0
- package/src/components/Logo/types.d.ts +8 -0
- package/src/components/SocialMediaLinks/DefaultSocialMediaLinks.ts +21 -0
- package/src/components/SocialMediaLinks/SocialMediaLinks.mdx +15 -0
- package/src/components/SocialMediaLinks/SocialMediaLinks.stories.ts +72 -0
- package/src/components/SocialMediaLinks/SocialMediaLinks.vue +92 -0
- package/src/components/SocialMediaLinks/locales.ts +3 -0
- package/src/components/SocialMediaLinks/tests/DefaultSocialMediaLinks.spec.ts +21 -0
- package/src/components/SocialMediaLinks/tests/SocialMediaLinks.spec.ts +89 -0
- package/src/components/SocialMediaLinks/tests/__snapshots__/SocialMediaLinks.spec.ts.snap +24 -0
- package/src/components/SocialMediaLinks/types.d.ts +5 -0
- package/src/components/index.ts +6 -0
- package/src/directives/clickOutside.ts +24 -0
- package/src/temp/TestDTComponent.vue +6 -10
- package/src/temp/gridsTests.vue +0 -4
- package/src/utils/propValidator/index.ts +20 -0
- package/src/utils/propValidator/tests/propValidator.spec.ts +40 -0
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.v-btn{align-items:center;border-radius:4px;display:inline-grid;grid-template-areas:"prepend content append";grid-template-columns:max-content auto max-content;font-weight:500;justify-content:center;letter-spacing:.0892857143em;line-height:normal;max-width:100%;outline:none;position:relative;text-decoration:none;text-indent:.0892857143em;text-transform:uppercase;transition-property:box-shadow,transform,opacity,background;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;flex-shrink:0}.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 20px;font-size:var(--v-btn-size);min-width:36px;padding:0 8px}.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 28px;font-size:var(--v-btn-size);min-width:50px;padding:0 12px}.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 36px;font-size:var(--v-btn-size);min-width:64px;padding:0 16px}.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 44px;font-size:var(--v-btn-size);min-width:78px;padding:0 20px}.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 52px;font-size:var(--v-btn-size);min-width:92px;padding:0 24px}.v-btn.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -8px)}.v-btn.v-btn--density-compact{height:calc(var(--v-btn-height) + -12px)}.v-btn{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn--border{border-width:thin;box-shadow:none}.v-btn--absolute{position:absolute}.v-btn--fixed{position:fixed}.v-btn:hover>.v-btn__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-btn:focus-visible>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn:focus>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-btn--active>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn--active:hover>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn--active:focus-visible>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn--active:focus>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn--variant-plain,.v-btn--variant-outlined,.v-btn--variant-text,.v-btn--variant-tonal{background:transparent;color:inherit}.v-btn--variant-plain{opacity:.62}.v-btn--variant-plain:focus,.v-btn--variant-plain:hover{opacity:1}.v-btn--variant-plain .v-btn__overlay{display:none}.v-btn--variant-elevated,.v-btn--variant-flat{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn--variant-elevated{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-outlined{border:thin solid currentColor}.v-btn--variant-text .v-btn__overlay{background:currentColor}.v-btn--variant-tonal .v-btn__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-btn .v-btn__underlay{position:absolute}@supports selector(:focus-visible){.v-btn:after{pointer-events:none;border:2px solid currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.v-btn:focus-visible:after{opacity:calc(.25 * var(--v-theme-overlay-multiplier))}}.v-btn--icon{border-radius:50%;min-width:0;padding:0}.v-btn--icon.v-btn--size-default{--v-btn-size: 1rem}.v-btn--icon.v-btn--density-default{width:calc(var(--v-btn-height) + 12px);height:calc(var(--v-btn-height) + 12px)}.v-btn--icon.v-btn--density-comfortable{width:calc(var(--v-btn-height) + 0px);height:calc(var(--v-btn-height) + 0px)}.v-btn--icon.v-btn--density-compact{width:calc(var(--v-btn-height) + -8px);height:calc(var(--v-btn-height) + -8px)}.v-btn--elevated:hover,.v-btn--elevated:focus{box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--elevated:active{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--flat{box-shadow:none}.v-btn--block{display:flex;flex:1 0 auto;min-width:100%}.v-btn--disabled{pointer-events:none;opacity:.26}.v-btn--disabled:hover{opacity:.26}.v-btn--disabled.v-btn--variant-elevated,.v-btn--disabled.v-btn--variant-flat{box-shadow:none;opacity:1;color:rgba(var(--v-theme-on-surface),.26);background:rgb(var(--v-theme-surface))}.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,.v-btn--disabled.v-btn--variant-flat .v-btn__overlay{opacity:.4615384615}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__prepend,.v-btn--loading .v-btn__append{opacity:0}.v-btn--stacked{grid-template-areas:"prepend" "content" "append";grid-template-columns:auto;grid-template-rows:max-content max-content max-content;justify-items:center;align-content:center}.v-btn--stacked .v-btn__content{flex-direction:column;line-height:1.25}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--start,.v-btn--stacked .v-btn__content>.v-icon--end{margin-inline:0}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__content>.v-icon--start{margin-bottom:4px}.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--end{margin-top:4px}.v-btn--stacked.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 56px;font-size:var(--v-btn-size);min-width:56px;padding:0 12px}.v-btn--stacked.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 64px;font-size:var(--v-btn-size);min-width:64px;padding:0 14px}.v-btn--stacked.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 72px;font-size:var(--v-btn-size);min-width:72px;padding:0 16px}.v-btn--stacked.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 80px;font-size:var(--v-btn-size);min-width:80px;padding:0 18px}.v-btn--stacked.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 88px;font-size:var(--v-btn-size);min-width:88px;padding:0 20px}.v-btn--stacked.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn--stacked.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -16px)}.v-btn--stacked.v-btn--density-compact{height:calc(var(--v-btn-height) + -24px)}.v-btn--slim{padding:0 8px}.v-btn--readonly{pointer-events:none}.v-btn--rounded{border-radius:24px}.v-btn--rounded.v-btn--icon{border-radius:4px}.v-btn .v-icon{--v-icon-size-multiplier: .8571428571}.v-btn--icon .v-icon{--v-icon-size-multiplier: 1}.v-btn--stacked .v-icon{--v-icon-size-multiplier: 1.1428571429}.v-btn--stacked.v-btn--block{min-width:100%}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn__loader>.v-progress-circular{width:1.5em;height:1.5em}.v-btn__content,.v-btn__prepend,.v-btn__append{align-items:center;display:flex;transition:transform,opacity .2s cubic-bezier(.4,0,.2,1)}.v-btn__prepend{grid-area:prepend;margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn--slim .v-btn__prepend{margin-inline-start:0}.v-btn__append{grid-area:append;margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--slim .v-btn__append{margin-inline-end:0}.v-btn__content{grid-area:content;justify-content:center;white-space:nowrap}.v-btn__content>.v-icon--start{margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn__content>.v-icon--end{margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--stacked .v-btn__content{white-space:normal}.v-btn__overlay{background-color:currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn__overlay,.v-btn__underlay{pointer-events:none}.v-btn__overlay,.v-btn__underlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-pagination .v-btn{border-radius:4px}.v-pagination .v-btn--rounded{border-radius:50%}.v-btn__overlay{transition:none}.v-pagination__item--is-active .v-btn__overlay{opacity:var(--v-border-opacity)}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled)>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn-group{display:inline-flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle}.v-btn-group{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn-group--border{border-width:thin;box-shadow:none}.v-btn-group{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn-group{border-radius:4px}.v-btn-group{background:transparent;color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn-group--density-default.v-btn-group{height:48px}.v-btn-group--density-comfortable.v-btn-group{height:40px}.v-btn-group--density-compact.v-btn-group{height:36px}.v-btn-group .v-btn{border-radius:0;border-color:inherit}.v-btn-group .v-btn:not(:last-child){border-inline-end:none}.v-btn-group .v-btn:not(:first-child){border-inline-start:none}.v-btn-group .v-btn:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.v-btn-group .v-btn:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.v-btn-group--divided .v-btn:not(:last-child){border-inline-end-width:thin;border-inline-end-style:solid;border-inline-end-color:rgba(var(--v-border-color),var(--v-border-opacity))}.v-btn-group--tile{border-radius:0}.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}.v-progress-circular{align-items:center;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.v-progress-circular>svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.v-progress-circular__content{align-items:center;display:flex;justify-content:center}.v-progress-circular__underlay{color:rgba(var(--v-border-color),var(--v-border-opacity));stroke:currentColor;z-index:1}.v-progress-circular__overlay{stroke:currentColor;transition:all .2s ease-in-out,stroke-width 0s;z-index:2}.v-progress-circular--size-x-small{height:16px;width:16px}.v-progress-circular--size-small{height:24px;width:24px}.v-progress-circular--size-default{height:32px;width:32px}.v-progress-circular--size-large{height:48px;width:48px}.v-progress-circular--size-x-large{height:64px;width:64px}.v-progress-circular--indeterminate>svg{animation:progress-circular-rotate 1.4s linear infinite;transform-origin:center center;transition:all .2s ease-in-out}.v-progress-circular--indeterminate .v-progress-circular__overlay{animation:progress-circular-dash 1.4s ease-in-out infinite,progress-circular-rotate 1.4s linear infinite;stroke-dasharray:25,200;stroke-dashoffset:0;stroke-linecap:round;transform-origin:center center;transform:rotate(-90deg)}.v-progress-circular--disable-shrink>svg{animation-duration:.7s}.v-progress-circular--disable-shrink .v-progress-circular__overlay{animation:none}.v-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg,.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay{animation-play-state:paused!important}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}.v-progress-linear{background:transparent;overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);width:100%}@media (forced-colors: active){.v-progress-linear{border:thin solid buttontext}}.v-progress-linear__background,.v-progress-linear__buffer{background:currentColor;bottom:0;left:0;opacity:var(--v-border-opacity);position:absolute;top:0;width:100%;transition-property:width,left,right;transition:inherit}@media (forced-colors: active){.v-progress-linear__buffer{background-color:highlight;opacity:.3}}.v-progress-linear__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.v-progress-linear__determinate,.v-progress-linear__indeterminate{background:currentColor}@media (forced-colors: active){.v-progress-linear__determinate,.v-progress-linear__indeterminate{background-color:highlight}}.v-progress-linear__determinate{height:inherit;left:0;position:absolute;transition:inherit;transition-property:width,left,right}.v-progress-linear__indeterminate .long,.v-progress-linear__indeterminate .short{animation-play-state:paused;animation-duration:2.2s;animation-iteration-count:infinite;bottom:0;height:inherit;left:0;position:absolute;right:auto;top:0;width:auto}.v-progress-linear__indeterminate .long{animation-name:indeterminate-ltr}.v-progress-linear__indeterminate .short{animation-name:indeterminate-short-ltr}.v-progress-linear__stream{animation:stream .25s infinite linear;animation-play-state:paused;bottom:0;left:auto;opacity:.3;pointer-events:none;position:absolute;transition:inherit;transition-property:width,left,right}.v-progress-linear--reverse .v-progress-linear__background,.v-progress-linear--reverse .v-progress-linear__determinate,.v-progress-linear--reverse .v-progress-linear__content,.v-progress-linear--reverse .v-progress-linear__indeterminate .long,.v-progress-linear--reverse .v-progress-linear__indeterminate .short{left:auto;right:0}.v-progress-linear--reverse .v-progress-linear__indeterminate .long{animation-name:indeterminate-rtl}.v-progress-linear--reverse .v-progress-linear__indeterminate .short{animation-name:indeterminate-short-rtl}.v-progress-linear--reverse .v-progress-linear__stream{right:auto}.v-progress-linear--absolute,.v-progress-linear--fixed{left:0;z-index:1}.v-progress-linear--absolute{position:absolute}.v-progress-linear--fixed{position:fixed}.v-progress-linear--rounded{border-radius:9999px}.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate{border-radius:inherit}.v-progress-linear--striped .v-progress-linear__determinate{animation:progress-linear-stripes 1s infinite linear;background-image:linear-gradient(135deg,hsla(0,0%,100%,.25) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 75%,transparent 0,transparent);background-repeat:repeat;background-size:var(--v-progress-linear-height)}.v-progress-linear--active .v-progress-linear__indeterminate .long,.v-progress-linear--active .v-progress-linear__indeterminate .short,.v-progress-linear--active .v-progress-linear__stream{animation-play-state:running}.v-progress-linear--rounded-bar .v-progress-linear__determinate,.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,.v-progress-linear--rounded-bar .v-progress-linear__stream+.v-progress-linear__background{border-radius:9999px}.v-progress-linear--rounded-bar .v-progress-linear__determinate{border-start-start-radius:0;border-end-start-radius:0}@keyframes indeterminate-ltr{0%{left:-90%;right:100%}60%{left:-90%;right:100%}to{left:100%;right:-35%}}@keyframes indeterminate-rtl{0%{left:100%;right:-90%}60%{left:100%;right:-90%}to{left:-35%;right:100%}}@keyframes indeterminate-short-ltr{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short-rtl{0%{left:100%;right:-200%}60%{left:-8%;right:107%}to{left:-8%;right:107%}}@keyframes stream{to{transform:translate(var(--v-progress-linear-stream-to))}}@keyframes progress-linear-stripes{0%{background-position-x:var(--v-progress-linear-height)}}.v-ripple__container{color:inherit;border-radius:inherit;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:0;pointer-events:none;contain:strict}.v-ripple__animation{color:inherit;position:absolute;top:0;left:0;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;overflow:hidden;will-change:transform,opacity}.v-ripple__animation--enter{transition:none;opacity:0}.v-ripple__animation--in{transition:transform .25s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1);opacity:calc(.25 * var(--v-theme-overlay-multiplier))}.v-ripple__animation--out{transition:opacity .3s cubic-bezier(0,0,.2,1);opacity:0}.v-alert{display:grid;flex:1 1;grid-template-areas:"prepend content append close" ". content . .";grid-template-columns:max-content auto max-content max-content;position:relative;padding:16px;overflow:hidden;--v-border-color: currentColor}.v-alert--absolute{position:absolute}.v-alert--fixed{position:fixed}.v-alert--sticky{position:sticky}.v-alert{border-radius:4px}.v-alert--variant-plain,.v-alert--variant-outlined,.v-alert--variant-text,.v-alert--variant-tonal{background:transparent;color:inherit}.v-alert--variant-plain{opacity:.62}.v-alert--variant-plain:focus,.v-alert--variant-plain:hover{opacity:1}.v-alert--variant-plain .v-alert__overlay{display:none}.v-alert--variant-elevated,.v-alert--variant-flat{background:rgb(var(--v-theme-surface-light));color:rgba(var(--v-theme-on-surface-light),var(--v-high-emphasis-opacity))}.v-alert--variant-elevated{box-shadow:0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-alert--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-alert--variant-outlined{border:thin solid currentColor}.v-alert--variant-text .v-alert__overlay{background:currentColor}.v-alert--variant-tonal .v-alert__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-alert .v-alert__underlay{position:absolute}.v-alert--prominent{grid-template-areas:"prepend content append close" "prepend content . ."}.v-alert.v-alert--border{--v-border-opacity: .38}.v-alert.v-alert--border.v-alert--border-start{padding-inline-start:24px}.v-alert.v-alert--border.v-alert--border-end{padding-inline-end:24px}.v-alert--variant-plain{transition:.2s opacity cubic-bezier(.4,0,.2,1)}.v-alert--density-default{padding-bottom:16px;padding-top:16px}.v-alert--density-default.v-alert--border-top{padding-top:24px}.v-alert--density-default.v-alert--border-bottom{padding-bottom:24px}.v-alert--density-comfortable{padding-bottom:12px;padding-top:12px}.v-alert--density-comfortable.v-alert--border-top{padding-top:20px}.v-alert--density-comfortable.v-alert--border-bottom{padding-bottom:20px}.v-alert--density-compact{padding-bottom:8px;padding-top:8px}.v-alert--density-compact.v-alert--border-top{padding-top:16px}.v-alert--density-compact.v-alert--border-bottom{padding-bottom:16px}.v-alert__border{border-radius:inherit;bottom:0;left:0;opacity:var(--v-border-opacity);position:absolute;pointer-events:none;right:0;top:0;width:100%}.v-alert__border{border-color:currentColor;border-style:solid;border-width:0}.v-alert__border--border{border-width:8px;box-shadow:none}.v-alert--border-start .v-alert__border{border-inline-start-width:8px}.v-alert--border-end .v-alert__border{border-inline-end-width:8px}.v-alert--border-top .v-alert__border{border-top-width:8px}.v-alert--border-bottom .v-alert__border{border-bottom-width:8px}.v-alert__close{flex:0 1 auto;grid-area:close}.v-alert__content{align-self:center;grid-area:content;overflow:hidden}.v-alert__append,.v-alert__close{align-self:flex-start;margin-inline-start:16px}.v-alert__append{align-self:flex-start;grid-area:append}.v-alert__append+.v-alert__close{margin-inline-start:16px}.v-alert__prepend{align-self:flex-start;display:flex;align-items:center;grid-area:prepend;margin-inline-end:16px}.v-alert--prominent .v-alert__prepend{align-self:center}.v-alert__underlay{grid-area:none;position:absolute}.v-alert--border-start .v-alert__underlay{border-top-left-radius:0;border-bottom-left-radius:0}.v-alert--border-end .v-alert__underlay{border-top-right-radius:0;border-bottom-right-radius:0}.v-alert--border-top .v-alert__underlay{border-top-left-radius:0;border-top-right-radius:0}.v-alert--border-bottom .v-alert__underlay{border-bottom-left-radius:0;border-bottom-right-radius:0}.v-alert-title{align-items:center;align-self:center;display:flex;font-size:1.25rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.0125em;line-height:1.75rem;overflow-wrap:normal;text-transform:none;word-break:normal;word-wrap:break-word}.v-menu>.v-overlay__content{display:flex;flex-direction:column}.v-menu>.v-overlay__content{border-radius:4px}.v-menu>.v-overlay__content>.v-card,.v-menu>.v-overlay__content>.v-sheet,.v-menu>.v-overlay__content>.v-list{background:rgb(var(--v-theme-surface));border-radius:inherit;overflow:auto;height:100%}.v-menu>.v-overlay__content>.v-card,.v-menu>.v-overlay__content>.v-sheet,.v-menu>.v-overlay__content>.v-list{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-overlay-container{contain:layout;left:0;pointer-events:none;position:absolute;top:0;display:contents}.v-overlay-scroll-blocked{padding-inline-end:var(--v-scrollbar-offset)}.v-overlay-scroll-blocked:not(html){overflow-y:hidden!important}html.v-overlay-scroll-blocked{position:fixed;top:var(--v-body-scroll-y);left:var(--v-body-scroll-x);width:100%;height:100%}.v-overlay{border-radius:inherit;display:flex;left:0;pointer-events:none;position:fixed;top:0;bottom:0;right:0}.v-overlay__content{outline:none;position:absolute;pointer-events:auto;contain:layout}.v-overlay__scrim{pointer-events:auto;background:rgb(var(--v-theme-on-surface));border-radius:inherit;bottom:0;left:0;opacity:var(--v-overlay-opacity, .32);position:fixed;right:0;top:0}.v-overlay--absolute,.v-overlay--contained .v-overlay__scrim{position:absolute}.v-overlay--scroll-blocked{padding-inline-end:var(--v-scrollbar-offset)}.v-sheet{display:block}.v-sheet{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-sheet--border{border-width:thin;box-shadow:none}.v-sheet{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-sheet--absolute{position:absolute}.v-sheet--fixed{position:fixed}.v-sheet--relative{position:relative}.v-sheet--sticky{position:sticky}.v-sheet{border-radius:0}.v-sheet{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-sheet--rounded{border-radius:4px}.v-snackbar{justify-content:center;z-index:10000;margin:8px;margin-inline-end:calc(8px + var(--v-scrollbar-offset));padding:var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left)}.v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top){align-items:flex-end}.v-snackbar__wrapper{align-items:center;display:flex;max-width:672px;min-height:48px;min-width:344px;overflow:hidden;padding:0}.v-snackbar__wrapper{border-radius:4px}.v-snackbar--variant-plain,.v-snackbar--variant-outlined,.v-snackbar--variant-text,.v-snackbar--variant-tonal{background:transparent;color:inherit}.v-snackbar--variant-plain{opacity:.62}.v-snackbar--variant-plain:focus,.v-snackbar--variant-plain:hover{opacity:1}.v-snackbar--variant-plain .v-snackbar__overlay{display:none}.v-snackbar--variant-elevated,.v-snackbar--variant-flat{background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant))}.v-snackbar--variant-elevated{box-shadow:0 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 6px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 18px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-snackbar--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-snackbar--variant-outlined{border:thin solid currentColor}.v-snackbar--variant-text .v-snackbar__overlay{background:currentColor}.v-snackbar--variant-tonal .v-snackbar__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-snackbar .v-snackbar__underlay{position:absolute}.v-snackbar__content{flex-grow:1;font-size:.875rem;font-weight:400;letter-spacing:.0178571429em;line-height:1.425;margin-right:auto;padding:14px 16px;text-align:initial}.v-snackbar__actions{align-items:center;align-self:center;display:flex;margin-inline-end:8px}.v-snackbar__actions>.v-btn{padding:0 8px;min-width:auto}.v-snackbar__timer{width:100%;position:absolute;top:0}.v-snackbar__timer .v-progress-linear{transition:.2s linear}.v-snackbar--absolute{position:absolute;z-index:1}.v-snackbar--multi-line .v-snackbar__wrapper{min-height:68px}.v-snackbar--vertical .v-snackbar__wrapper{flex-direction:column}.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{align-self:flex-end;margin-bottom:8px}.v-snackbar--center{align-items:center;justify-content:center}.v-snackbar--top{align-items:flex-start}.v-snackbar--bottom{align-items:flex-end}.v-snackbar--left,.v-snackbar--start{justify-content:flex-start}.v-snackbar--right,.v-snackbar--end{justify-content:flex-end}.v-snackbar-transition-enter-active,.v-snackbar-transition-leave-active{transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}.v-snackbar-transition-enter-active{transition-property:opacity,transform}.v-snackbar-transition-enter-from{opacity:0;transform:scale(.8)}.v-snackbar-transition-leave-active{transition-property:opacity}.v-snackbar-transition-leave-to{opacity:0}.vd-page-container[data-v-d073449d]{flex:1}.title[data-v-848d90b4]{font-size:24px!important}.alt-title[data-v-848d90b4]{font-size:20px!important}.body-text[data-v-848d90b4]{font-size:16px!important}.link-label[data-v-848d90b4]{font-size:14px!important}h1[data-v-848d90b4]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-848d90b4]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-848d90b4]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-848d90b4]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-848d90b4]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-848d90b4]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-848d90b4]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-848d90b4]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-848d90b4]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-848d90b4]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-848d90b4]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-848d90b4]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-848d90b4],.elevation-1[data-v-848d90b4],.elevation-2[data-v-848d90b4],.elevation-3[data-v-848d90b4],.elevation-4[data-v-848d90b4],.elevation-5[data-v-848d90b4],.elevation-6[data-v-848d90b4],.elevation-7[data-v-848d90b4],.elevation-8[data-v-848d90b4],.elevation-9[data-v-848d90b4],.elevation-10[data-v-848d90b4],.elevation-11[data-v-848d90b4],.elevation-12[data-v-848d90b4],.elevation-13[data-v-848d90b4],.elevation-14[data-v-848d90b4],.elevation-15[data-v-848d90b4],.elevation-16[data-v-848d90b4],.elevation-17[data-v-848d90b4],.elevation-18[data-v-848d90b4],.elevation-19[data-v-848d90b4],.elevation-20[data-v-848d90b4],.elevation-21[data-v-848d90b4],.elevation-22[data-v-848d90b4],.elevation-23[data-v-848d90b4],.elevation-24[data-v-848d90b4]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-848d90b4]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-848d90b4]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-848d90b4]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-848d90b4]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.alert[data-v-848d90b4]{padding:16px}.alert-icon[data-v-848d90b4]{border-radius:50%}[data-v-848d90b4] .v-alert__underlay{display:none}[data-v-848d90b4] .v-alert__close{align-self:center}[data-v-848d90b4] .v-btn--variant-text .v-btn__overlay{background:transparent!important}.alert-icon[data-v-848d90b4] .v-icon__svg{height:1.5rem!important}.alert-close-btn[data-v-848d90b4]{cursor:pointer;line-height:0}.alert-close-btn .v-btn__overlay[data-v-848d90b4]{display:none}@media screen and (max-width: 440px){.alert[data-v-848d90b4]{display:flex;flex-direction:column;background-color:#fff}.alert[data-v-848d90b4] .v-alert__content{align-self:flex-start!important;margin-top:24px}.alert[data-v-848d90b4] .v-alert__close{margin-top:16px;align-self:flex-end}.alert .v-alert__prepend>.v-icon[data-v-848d90b4]{background:none!important}}@media screen and (min-width: 441px){.alert .alert-icon[data-v-848d90b4]{width:3.5rem!important;height:3.5rem!important;display:grid;place-items:center}}.v-alert.alert--warning.v-alert--variant-tonal[data-v-848d90b4]{background:#fcf0d3!important;color:#222324!important}.v-alert.alert--warning.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#60480e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--warning.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--warning.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#60480e!important;opacity:1!important}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#fdf7e9}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#60480e}.v-alert.text-warning[data-v-848d90b4]{color:#60480e!important;border-color:#60480e!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-848d90b4]{background:#cceee8!important;color:#222324!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#224e2d!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--success.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--success.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#224e2d!important;opacity:1!important}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-success .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#e5f7f4}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-success .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#224e2d}.v-alert.text-success[data-v-848d90b4]{color:#224e2d!important;border-color:#224e2d!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-848d90b4]{background:#f9dcd7!important;color:#222324!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#b33f2e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--error.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--error.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#b33f2e!important;opacity:1!important}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-error .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#fcedeb}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-error .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#b33f2e}.v-alert.text-error[data-v-848d90b4]{color:#b33f2e!important;border-color:#b33f2e!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-848d90b4]{background:#ced9eb!important;color:#222324!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#0c419a!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--info.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--info.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#0c419a!important;opacity:1!important}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-info .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#e7ecf5}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-info .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#0c419a}.v-alert.text-info[data-v-848d90b4]{color:#0c419a!important;border-color:#0c419a!important}.title{font-size:24px!important}.alt-title{font-size:20px!important}.body-text{font-size:16px!important}.link-label{font-size:14px!important}h1{font-size:32px!important;line-height:130%!important}.h1-bold{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2{font-size:28px!important;line-height:130%!important}.h2-bold{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3{font-size:24px!important;line-height:130%!important}.h3-bold{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4{font-size:20px!important;line-height:130%!important}.h4-bold{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1{font-size:40px!important;line-height:130%!important}.display-1-bold{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2{font-size:30px!important;line-height:130%!important}.display-2-bold{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0,.elevation-1,.elevation-2,.elevation-3,.elevation-4,.elevation-5,.elevation-6,.elevation-7,.elevation-8,.elevation-9,.elevation-10,.elevation-11,.elevation-12,.elevation-13,.elevation-14,.elevation-15,.elevation-16,.elevation-17,.elevation-18,.elevation-19,.elevation-20,.elevation-21,.elevation-22,.elevation-23,.elevation-24{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-copy-tooltip-menu{padding:6px 16px;box-shadow:none;margin-top:2px;background:#616161e6;color:#fff}.v-btn--icon .v-icon{color:#76797a}.title[data-v-2bd5b004]{font-size:24px!important}.alt-title[data-v-2bd5b004]{font-size:20px!important}.body-text[data-v-2bd5b004]{font-size:16px!important}.link-label[data-v-2bd5b004]{font-size:14px!important}h1[data-v-2bd5b004]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-2bd5b004]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-2bd5b004]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-2bd5b004]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-2bd5b004]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-2bd5b004]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-2bd5b004]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-2bd5b004]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-2bd5b004]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-2bd5b004]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-2bd5b004]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-2bd5b004]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-2bd5b004],.elevation-1[data-v-2bd5b004],.elevation-2[data-v-2bd5b004],.elevation-3[data-v-2bd5b004],.elevation-4[data-v-2bd5b004],.elevation-5[data-v-2bd5b004],.elevation-6[data-v-2bd5b004],.elevation-7[data-v-2bd5b004],.elevation-8[data-v-2bd5b004],.elevation-9[data-v-2bd5b004],.elevation-10[data-v-2bd5b004],.elevation-11[data-v-2bd5b004],.elevation-12[data-v-2bd5b004],.elevation-13[data-v-2bd5b004],.elevation-14[data-v-2bd5b004],.elevation-15[data-v-2bd5b004],.elevation-16[data-v-2bd5b004],.elevation-17[data-v-2bd5b004],.elevation-18[data-v-2bd5b004],.elevation-19[data-v-2bd5b004],.elevation-20[data-v-2bd5b004],.elevation-21[data-v-2bd5b004],.elevation-22[data-v-2bd5b004],.elevation-23[data-v-2bd5b004],.elevation-24[data-v-2bd5b004]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-2bd5b004]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-2bd5b004]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-skip-link[data-v-2bd5b004]{z-index:150;position:fixed;top:0;right:0;transition:none;width:100%;background:#fff;outline:none;border:2px solid #051a3e}.vd-back-to-top-btn[data-v-c019b012]{position:sticky;z-index:999;opacity:1;float:right}.v-btn--variant-outlined[data-v-c019b012]{background:#fff}.vd-france-connect-btn a[data-v-df93ee72]{color:#000091}.vd-france-connect-btn a[data-v-df93ee72]:focus{outline-offset:3px}.vd-france-connect-link[data-v-df93ee72]{background:#000091}.vd-france-connect-link[data-v-df93ee72]:hover{background:#1212ff;transition:all .2s ease-in-out}.vd-france-connect-link[data-v-df93ee72]:active{background:#2323ff}.vd-france-connect-link[data-v-df93ee72]:focus{outline-offset:3px}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]{color:#fff;background-color:#8585f6}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]:hover{background-color:#b1b1f9}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]:active{background-color:#c6c6fb}.vd-france-connect-btn--dark .vd-france-connect-info-link[data-v-df93ee72]{color:#8585f6}.vd-france-connect-info-link[data-v-df93ee72]{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:100% 1px}.vd-france-connect-info-link[data-v-df93ee72]:hover{background-size:100% 2px}[data-v-df93ee72] :scope:focus{border-radius:0!important}.title[data-v-9763e461]{font-size:24px!important}.alt-title[data-v-9763e461]{font-size:20px!important}.body-text[data-v-9763e461]{font-size:16px!important}.link-label[data-v-9763e461]{font-size:14px!important}h1[data-v-9763e461]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-9763e461]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-9763e461]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-9763e461]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-9763e461]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-9763e461]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-9763e461]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-9763e461]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-9763e461]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-9763e461]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-9763e461]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-9763e461]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-9763e461],.elevation-1[data-v-9763e461],.elevation-2[data-v-9763e461],.elevation-3[data-v-9763e461],.elevation-4[data-v-9763e461],.elevation-5[data-v-9763e461],.elevation-6[data-v-9763e461],.elevation-7[data-v-9763e461],.elevation-8[data-v-9763e461],.elevation-9[data-v-9763e461],.elevation-10[data-v-9763e461],.elevation-11[data-v-9763e461],.elevation-12[data-v-9763e461],.elevation-13[data-v-9763e461],.elevation-14[data-v-9763e461],.elevation-15[data-v-9763e461],.elevation-16[data-v-9763e461],.elevation-17[data-v-9763e461],.elevation-18[data-v-9763e461],.elevation-19[data-v-9763e461],.elevation-20[data-v-9763e461],.elevation-21[data-v-9763e461],.elevation-22[data-v-9763e461],.elevation-23[data-v-9763e461],.elevation-24[data-v-9763e461]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-9763e461]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-9763e461]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-9763e461]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-9763e461]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-notification-content[data-v-9763e461]{display:flex;align-items:center}.vd-notification-bar[data-v-9763e461] .v-snack__wrapper{padding:16px;min-width:0;max-width:none}[data-v-9763e461] .v-snackbar__content{padding:16px!important}[data-v-9763e461] .v-snackbar__actions{margin-inline-end:10px}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{width:100%!important;align-self:auto}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snack__wrapper{align-items:stretch;flex-direction:row}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snack__action{align-self:stretch;align-items:stretch;flex-direction:column}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snackbar__content{margin:0;width:100%;display:flex}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .vd-notification-content{flex-direction:column;display:flex}.long-text[data-v-9763e461] .v-snackbar__actions{width:98%!important}.short-text[data-v-9763e461] .v-snackbar__actions{width:48%!important}.action-section-longText[data-v-9763e461]{justify-content:space-around}.action-section-shortText[data-v-9763e461]{justify-content:end!important}.title[data-v-13e5d8ce]{font-size:24px!important}.alt-title[data-v-13e5d8ce]{font-size:20px!important}.body-text[data-v-13e5d8ce]{font-size:16px!important}.link-label[data-v-13e5d8ce]{font-size:14px!important}h1[data-v-13e5d8ce]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-13e5d8ce]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-13e5d8ce]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-13e5d8ce]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-13e5d8ce]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-13e5d8ce]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-13e5d8ce]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-13e5d8ce]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-13e5d8ce]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-13e5d8ce]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-13e5d8ce]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-13e5d8ce]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-13e5d8ce],.elevation-1[data-v-13e5d8ce],.elevation-2[data-v-13e5d8ce],.elevation-3[data-v-13e5d8ce],.elevation-4[data-v-13e5d8ce],.elevation-5[data-v-13e5d8ce],.elevation-6[data-v-13e5d8ce],.elevation-7[data-v-13e5d8ce],.elevation-8[data-v-13e5d8ce],.elevation-9[data-v-13e5d8ce],.elevation-10[data-v-13e5d8ce],.elevation-11[data-v-13e5d8ce],.elevation-12[data-v-13e5d8ce],.elevation-13[data-v-13e5d8ce],.elevation-14[data-v-13e5d8ce],.elevation-15[data-v-13e5d8ce],.elevation-16[data-v-13e5d8ce],.elevation-17[data-v-13e5d8ce],.elevation-18[data-v-13e5d8ce],.elevation-19[data-v-13e5d8ce],.elevation-20[data-v-13e5d8ce],.elevation-21[data-v-13e5d8ce],.elevation-22[data-v-13e5d8ce],.elevation-23[data-v-13e5d8ce],.elevation-24[data-v-13e5d8ce]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-13e5d8ce]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-13e5d8ce]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-13e5d8ce]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-13e5d8ce]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-list-item[data-v-13e5d8ce]:hover{background-color:#00000001}.vd-lang-btn[data-v-13e5d8ce]{font-weight:700;--hoverColor: rgba($colors-overlay, .5);text-transform:capitalize}
|
|
1
|
+
.v-btn{align-items:center;border-radius:4px;display:inline-grid;grid-template-areas:"prepend content append";grid-template-columns:max-content auto max-content;font-weight:500;justify-content:center;letter-spacing:.0892857143em;line-height:normal;max-width:100%;outline:none;position:relative;text-decoration:none;text-indent:.0892857143em;text-transform:uppercase;transition-property:box-shadow,transform,opacity,background;transition-duration:.28s;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;vertical-align:middle;flex-shrink:0}.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 20px;font-size:var(--v-btn-size);min-width:36px;padding:0 8px}.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 28px;font-size:var(--v-btn-size);min-width:50px;padding:0 12px}.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 36px;font-size:var(--v-btn-size);min-width:64px;padding:0 16px}.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 44px;font-size:var(--v-btn-size);min-width:78px;padding:0 20px}.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 52px;font-size:var(--v-btn-size);min-width:92px;padding:0 24px}.v-btn.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -8px)}.v-btn.v-btn--density-compact{height:calc(var(--v-btn-height) + -12px)}.v-btn{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn--border{border-width:thin;box-shadow:none}.v-btn--absolute{position:absolute}.v-btn--fixed{position:fixed}.v-btn:hover>.v-btn__overlay{opacity:calc(var(--v-hover-opacity) * var(--v-theme-overlay-multiplier))}.v-btn:focus-visible>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn:focus>.v-btn__overlay{opacity:calc(var(--v-focus-opacity) * var(--v-theme-overlay-multiplier))}}.v-btn--active>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn--active:hover>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn--active:focus-visible>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn--active:focus>.v-btn__overlay,.v-btn[aria-haspopup=menu][aria-expanded=true]:focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn--variant-plain,.v-btn--variant-outlined,.v-btn--variant-text,.v-btn--variant-tonal{background:transparent;color:inherit}.v-btn--variant-plain{opacity:.62}.v-btn--variant-plain:focus,.v-btn--variant-plain:hover{opacity:1}.v-btn--variant-plain .v-btn__overlay{display:none}.v-btn--variant-elevated,.v-btn--variant-flat{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn--variant-elevated{box-shadow:0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--variant-outlined{border:thin solid currentColor}.v-btn--variant-text .v-btn__overlay{background:currentColor}.v-btn--variant-tonal .v-btn__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-btn .v-btn__underlay{position:absolute}@supports selector(:focus-visible){.v-btn:after{pointer-events:none;border:2px solid currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.v-btn:focus-visible:after{opacity:calc(.25 * var(--v-theme-overlay-multiplier))}}.v-btn--icon{border-radius:50%;min-width:0;padding:0}.v-btn--icon.v-btn--size-default{--v-btn-size: 1rem}.v-btn--icon.v-btn--density-default{width:calc(var(--v-btn-height) + 12px);height:calc(var(--v-btn-height) + 12px)}.v-btn--icon.v-btn--density-comfortable{width:calc(var(--v-btn-height) + 0px);height:calc(var(--v-btn-height) + 0px)}.v-btn--icon.v-btn--density-compact{width:calc(var(--v-btn-height) + -8px);height:calc(var(--v-btn-height) + -8px)}.v-btn--elevated:hover,.v-btn--elevated:focus{box-shadow:0 2px 4px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 4px 5px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 10px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--elevated:active{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn--flat{box-shadow:none}.v-btn--block{display:flex;flex:1 0 auto;min-width:100%}.v-btn--disabled{pointer-events:none;opacity:.26}.v-btn--disabled:hover{opacity:.26}.v-btn--disabled.v-btn--variant-elevated,.v-btn--disabled.v-btn--variant-flat{box-shadow:none;opacity:1;color:rgba(var(--v-theme-on-surface),.26);background:rgb(var(--v-theme-surface))}.v-btn--disabled.v-btn--variant-elevated .v-btn__overlay,.v-btn--disabled.v-btn--variant-flat .v-btn__overlay{opacity:.4615384615}.v-btn--loading{pointer-events:none}.v-btn--loading .v-btn__content,.v-btn--loading .v-btn__prepend,.v-btn--loading .v-btn__append{opacity:0}.v-btn--stacked{grid-template-areas:"prepend" "content" "append";grid-template-columns:auto;grid-template-rows:max-content max-content max-content;justify-items:center;align-content:center}.v-btn--stacked .v-btn__content{flex-direction:column;line-height:1.25}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--start,.v-btn--stacked .v-btn__content>.v-icon--end{margin-inline:0}.v-btn--stacked .v-btn__prepend,.v-btn--stacked .v-btn__content>.v-icon--start{margin-bottom:4px}.v-btn--stacked .v-btn__append,.v-btn--stacked .v-btn__content>.v-icon--end{margin-top:4px}.v-btn--stacked.v-btn--size-x-small{--v-btn-size: .625rem;--v-btn-height: 56px;font-size:var(--v-btn-size);min-width:56px;padding:0 12px}.v-btn--stacked.v-btn--size-small{--v-btn-size: .75rem;--v-btn-height: 64px;font-size:var(--v-btn-size);min-width:64px;padding:0 14px}.v-btn--stacked.v-btn--size-default{--v-btn-size: .875rem;--v-btn-height: 72px;font-size:var(--v-btn-size);min-width:72px;padding:0 16px}.v-btn--stacked.v-btn--size-large{--v-btn-size: 1rem;--v-btn-height: 80px;font-size:var(--v-btn-size);min-width:80px;padding:0 18px}.v-btn--stacked.v-btn--size-x-large{--v-btn-size: 1.125rem;--v-btn-height: 88px;font-size:var(--v-btn-size);min-width:88px;padding:0 20px}.v-btn--stacked.v-btn--density-default{height:calc(var(--v-btn-height) + 0px)}.v-btn--stacked.v-btn--density-comfortable{height:calc(var(--v-btn-height) + -16px)}.v-btn--stacked.v-btn--density-compact{height:calc(var(--v-btn-height) + -24px)}.v-btn--slim{padding:0 8px}.v-btn--readonly{pointer-events:none}.v-btn--rounded{border-radius:24px}.v-btn--rounded.v-btn--icon{border-radius:4px}.v-btn .v-icon{--v-icon-size-multiplier: .8571428571}.v-btn--icon .v-icon{--v-icon-size-multiplier: 1}.v-btn--stacked .v-icon{--v-icon-size-multiplier: 1.1428571429}.v-btn--stacked.v-btn--block{min-width:100%}.v-btn__loader{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.v-btn__loader>.v-progress-circular{width:1.5em;height:1.5em}.v-btn__content,.v-btn__prepend,.v-btn__append{align-items:center;display:flex;transition:transform,opacity .2s cubic-bezier(.4,0,.2,1)}.v-btn__prepend{grid-area:prepend;margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn--slim .v-btn__prepend{margin-inline-start:0}.v-btn__append{grid-area:append;margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--slim .v-btn__append{margin-inline-end:0}.v-btn__content{grid-area:content;justify-content:center;white-space:nowrap}.v-btn__content>.v-icon--start{margin-inline:calc(var(--v-btn-height) / -9) calc(var(--v-btn-height) / 4.5)}.v-btn__content>.v-icon--end{margin-inline:calc(var(--v-btn-height) / 4.5) calc(var(--v-btn-height) / -9)}.v-btn--stacked .v-btn__content{white-space:normal}.v-btn__overlay{background-color:currentColor;border-radius:inherit;opacity:0;transition:opacity .2s ease-in-out}.v-btn__overlay,.v-btn__underlay{pointer-events:none}.v-btn__overlay,.v-btn__underlay{position:absolute;top:0;left:0;width:100%;height:100%}.v-pagination .v-btn{border-radius:4px}.v-pagination .v-btn--rounded{border-radius:50%}.v-btn__overlay{transition:none}.v-pagination__item--is-active .v-btn__overlay{opacity:var(--v-border-opacity)}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled)>.v-btn__overlay{opacity:calc(var(--v-activated-opacity) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):hover>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-hover-opacity)) * var(--v-theme-overlay-multiplier))}.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus-visible>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}@supports not selector(:focus-visible){.v-btn-toggle>.v-btn.v-btn--active:not(.v-btn--disabled):focus>.v-btn__overlay{opacity:calc((var(--v-activated-opacity) + var(--v-focus-opacity)) * var(--v-theme-overlay-multiplier))}}.v-btn-group{display:inline-flex;flex-wrap:nowrap;max-width:100%;min-width:0;overflow:hidden;vertical-align:middle}.v-btn-group{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-btn-group--border{border-width:thin;box-shadow:none}.v-btn-group{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-btn-group{border-radius:4px}.v-btn-group{background:transparent;color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-btn-group--density-default.v-btn-group{height:48px}.v-btn-group--density-comfortable.v-btn-group{height:40px}.v-btn-group--density-compact.v-btn-group{height:36px}.v-btn-group .v-btn{border-radius:0;border-color:inherit}.v-btn-group .v-btn:not(:last-child){border-inline-end:none}.v-btn-group .v-btn:not(:first-child){border-inline-start:none}.v-btn-group .v-btn:first-child{border-start-start-radius:inherit;border-end-start-radius:inherit}.v-btn-group .v-btn:last-child{border-start-end-radius:inherit;border-end-end-radius:inherit}.v-btn-group--divided .v-btn:not(:last-child){border-inline-end-width:thin;border-inline-end-style:solid;border-inline-end-color:rgba(var(--v-border-color),var(--v-border-opacity))}.v-btn-group--tile{border-radius:0}.v-icon{--v-icon-size-multiplier: 1;align-items:center;display:inline-flex;font-feature-settings:"liga";height:1em;justify-content:center;letter-spacing:normal;line-height:1;position:relative;text-indent:0;text-align:center;-webkit-user-select:none;user-select:none;vertical-align:middle;width:1em;min-width:1em}.v-icon--clickable{cursor:pointer}.v-icon--disabled{pointer-events:none;opacity:.38}.v-icon--size-x-small{font-size:calc(var(--v-icon-size-multiplier) * 1em)}.v-icon--size-small{font-size:calc(var(--v-icon-size-multiplier) * 1.25em)}.v-icon--size-default{font-size:calc(var(--v-icon-size-multiplier) * 1.5em)}.v-icon--size-large{font-size:calc(var(--v-icon-size-multiplier) * 1.75em)}.v-icon--size-x-large{font-size:calc(var(--v-icon-size-multiplier) * 2em)}.v-icon__svg{fill:currentColor;width:100%;height:100%}.v-icon--start{margin-inline-end:8px}.v-icon--end{margin-inline-start:8px}.v-progress-circular{align-items:center;display:inline-flex;justify-content:center;position:relative;vertical-align:middle}.v-progress-circular>svg{width:100%;height:100%;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.v-progress-circular__content{align-items:center;display:flex;justify-content:center}.v-progress-circular__underlay{color:rgba(var(--v-border-color),var(--v-border-opacity));stroke:currentColor;z-index:1}.v-progress-circular__overlay{stroke:currentColor;transition:all .2s ease-in-out,stroke-width 0s;z-index:2}.v-progress-circular--size-x-small{height:16px;width:16px}.v-progress-circular--size-small{height:24px;width:24px}.v-progress-circular--size-default{height:32px;width:32px}.v-progress-circular--size-large{height:48px;width:48px}.v-progress-circular--size-x-large{height:64px;width:64px}.v-progress-circular--indeterminate>svg{animation:progress-circular-rotate 1.4s linear infinite;transform-origin:center center;transition:all .2s ease-in-out}.v-progress-circular--indeterminate .v-progress-circular__overlay{animation:progress-circular-dash 1.4s ease-in-out infinite,progress-circular-rotate 1.4s linear infinite;stroke-dasharray:25,200;stroke-dashoffset:0;stroke-linecap:round;transform-origin:center center;transform:rotate(-90deg)}.v-progress-circular--disable-shrink>svg{animation-duration:.7s}.v-progress-circular--disable-shrink .v-progress-circular__overlay{animation:none}.v-progress-circular--indeterminate:not(.v-progress-circular--visible)>svg,.v-progress-circular--indeterminate:not(.v-progress-circular--visible) .v-progress-circular__overlay{animation-play-state:paused!important}@keyframes progress-circular-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0px}50%{stroke-dasharray:100,200;stroke-dashoffset:-15px}to{stroke-dasharray:100,200;stroke-dashoffset:-124px}}@keyframes progress-circular-rotate{to{transform:rotate(270deg)}}.v-progress-linear{background:transparent;overflow:hidden;position:relative;transition:.2s cubic-bezier(.4,0,.2,1);width:100%}@media (forced-colors: active){.v-progress-linear{border:thin solid buttontext}}.v-progress-linear__background,.v-progress-linear__buffer{background:currentColor;bottom:0;left:0;opacity:var(--v-border-opacity);position:absolute;top:0;width:100%;transition-property:width,left,right;transition:inherit}@media (forced-colors: active){.v-progress-linear__buffer{background-color:highlight;opacity:.3}}.v-progress-linear__content{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%}.v-progress-linear__determinate,.v-progress-linear__indeterminate{background:currentColor}@media (forced-colors: active){.v-progress-linear__determinate,.v-progress-linear__indeterminate{background-color:highlight}}.v-progress-linear__determinate{height:inherit;left:0;position:absolute;transition:inherit;transition-property:width,left,right}.v-progress-linear__indeterminate .long,.v-progress-linear__indeterminate .short{animation-play-state:paused;animation-duration:2.2s;animation-iteration-count:infinite;bottom:0;height:inherit;left:0;position:absolute;right:auto;top:0;width:auto}.v-progress-linear__indeterminate .long{animation-name:indeterminate-ltr}.v-progress-linear__indeterminate .short{animation-name:indeterminate-short-ltr}.v-progress-linear__stream{animation:stream .25s infinite linear;animation-play-state:paused;bottom:0;left:auto;opacity:.3;pointer-events:none;position:absolute;transition:inherit;transition-property:width,left,right}.v-progress-linear--reverse .v-progress-linear__background,.v-progress-linear--reverse .v-progress-linear__determinate,.v-progress-linear--reverse .v-progress-linear__content,.v-progress-linear--reverse .v-progress-linear__indeterminate .long,.v-progress-linear--reverse .v-progress-linear__indeterminate .short{left:auto;right:0}.v-progress-linear--reverse .v-progress-linear__indeterminate .long{animation-name:indeterminate-rtl}.v-progress-linear--reverse .v-progress-linear__indeterminate .short{animation-name:indeterminate-short-rtl}.v-progress-linear--reverse .v-progress-linear__stream{right:auto}.v-progress-linear--absolute,.v-progress-linear--fixed{left:0;z-index:1}.v-progress-linear--absolute{position:absolute}.v-progress-linear--fixed{position:fixed}.v-progress-linear--rounded{border-radius:9999px}.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,.v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate{border-radius:inherit}.v-progress-linear--striped .v-progress-linear__determinate{animation:progress-linear-stripes 1s infinite linear;background-image:linear-gradient(135deg,hsla(0,0%,100%,.25) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.25) 75%,transparent 0,transparent);background-repeat:repeat;background-size:var(--v-progress-linear-height)}.v-progress-linear--active .v-progress-linear__indeterminate .long,.v-progress-linear--active .v-progress-linear__indeterminate .short,.v-progress-linear--active .v-progress-linear__stream{animation-play-state:running}.v-progress-linear--rounded-bar .v-progress-linear__determinate,.v-progress-linear--rounded-bar .v-progress-linear__indeterminate,.v-progress-linear--rounded-bar .v-progress-linear__stream+.v-progress-linear__background{border-radius:9999px}.v-progress-linear--rounded-bar .v-progress-linear__determinate{border-start-start-radius:0;border-end-start-radius:0}@keyframes indeterminate-ltr{0%{left:-90%;right:100%}60%{left:-90%;right:100%}to{left:100%;right:-35%}}@keyframes indeterminate-rtl{0%{left:100%;right:-90%}60%{left:100%;right:-90%}to{left:-35%;right:100%}}@keyframes indeterminate-short-ltr{0%{left:-200%;right:100%}60%{left:107%;right:-8%}to{left:107%;right:-8%}}@keyframes indeterminate-short-rtl{0%{left:100%;right:-200%}60%{left:-8%;right:107%}to{left:-8%;right:107%}}@keyframes stream{to{transform:translate(var(--v-progress-linear-stream-to))}}@keyframes progress-linear-stripes{0%{background-position-x:var(--v-progress-linear-height)}}.v-ripple__container{color:inherit;border-radius:inherit;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;z-index:0;pointer-events:none;contain:strict}.v-ripple__animation{color:inherit;position:absolute;top:0;left:0;border-radius:50%;background:currentColor;opacity:0;pointer-events:none;overflow:hidden;will-change:transform,opacity}.v-ripple__animation--enter{transition:none;opacity:0}.v-ripple__animation--in{transition:transform .25s cubic-bezier(0,0,.2,1),opacity .1s cubic-bezier(0,0,.2,1);opacity:calc(.25 * var(--v-theme-overlay-multiplier))}.v-ripple__animation--out{transition:opacity .3s cubic-bezier(0,0,.2,1);opacity:0}.v-alert{display:grid;flex:1 1;grid-template-areas:"prepend content append close" ". content . .";grid-template-columns:max-content auto max-content max-content;position:relative;padding:16px;overflow:hidden;--v-border-color: currentColor}.v-alert--absolute{position:absolute}.v-alert--fixed{position:fixed}.v-alert--sticky{position:sticky}.v-alert{border-radius:4px}.v-alert--variant-plain,.v-alert--variant-outlined,.v-alert--variant-text,.v-alert--variant-tonal{background:transparent;color:inherit}.v-alert--variant-plain{opacity:.62}.v-alert--variant-plain:focus,.v-alert--variant-plain:hover{opacity:1}.v-alert--variant-plain .v-alert__overlay{display:none}.v-alert--variant-elevated,.v-alert--variant-flat{background:rgb(var(--v-theme-surface-light));color:rgba(var(--v-theme-on-surface-light),var(--v-high-emphasis-opacity))}.v-alert--variant-elevated{box-shadow:0 2px 1px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 1px 1px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 3px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-alert--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-alert--variant-outlined{border:thin solid currentColor}.v-alert--variant-text .v-alert__overlay{background:currentColor}.v-alert--variant-tonal .v-alert__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-alert .v-alert__underlay{position:absolute}.v-alert--prominent{grid-template-areas:"prepend content append close" "prepend content . ."}.v-alert.v-alert--border{--v-border-opacity: .38}.v-alert.v-alert--border.v-alert--border-start{padding-inline-start:24px}.v-alert.v-alert--border.v-alert--border-end{padding-inline-end:24px}.v-alert--variant-plain{transition:.2s opacity cubic-bezier(.4,0,.2,1)}.v-alert--density-default{padding-bottom:16px;padding-top:16px}.v-alert--density-default.v-alert--border-top{padding-top:24px}.v-alert--density-default.v-alert--border-bottom{padding-bottom:24px}.v-alert--density-comfortable{padding-bottom:12px;padding-top:12px}.v-alert--density-comfortable.v-alert--border-top{padding-top:20px}.v-alert--density-comfortable.v-alert--border-bottom{padding-bottom:20px}.v-alert--density-compact{padding-bottom:8px;padding-top:8px}.v-alert--density-compact.v-alert--border-top{padding-top:16px}.v-alert--density-compact.v-alert--border-bottom{padding-bottom:16px}.v-alert__border{border-radius:inherit;bottom:0;left:0;opacity:var(--v-border-opacity);position:absolute;pointer-events:none;right:0;top:0;width:100%}.v-alert__border{border-color:currentColor;border-style:solid;border-width:0}.v-alert__border--border{border-width:8px;box-shadow:none}.v-alert--border-start .v-alert__border{border-inline-start-width:8px}.v-alert--border-end .v-alert__border{border-inline-end-width:8px}.v-alert--border-top .v-alert__border{border-top-width:8px}.v-alert--border-bottom .v-alert__border{border-bottom-width:8px}.v-alert__close{flex:0 1 auto;grid-area:close}.v-alert__content{align-self:center;grid-area:content;overflow:hidden}.v-alert__append,.v-alert__close{align-self:flex-start;margin-inline-start:16px}.v-alert__append{align-self:flex-start;grid-area:append}.v-alert__append+.v-alert__close{margin-inline-start:16px}.v-alert__prepend{align-self:flex-start;display:flex;align-items:center;grid-area:prepend;margin-inline-end:16px}.v-alert--prominent .v-alert__prepend{align-self:center}.v-alert__underlay{grid-area:none;position:absolute}.v-alert--border-start .v-alert__underlay{border-top-left-radius:0;border-bottom-left-radius:0}.v-alert--border-end .v-alert__underlay{border-top-right-radius:0;border-bottom-right-radius:0}.v-alert--border-top .v-alert__underlay{border-top-left-radius:0;border-top-right-radius:0}.v-alert--border-bottom .v-alert__underlay{border-bottom-left-radius:0;border-bottom-right-radius:0}.v-alert-title{align-items:center;align-self:center;display:flex;font-size:1.25rem;font-weight:500;-webkit-hyphens:auto;hyphens:auto;letter-spacing:.0125em;line-height:1.75rem;overflow-wrap:normal;text-transform:none;word-break:normal;word-wrap:break-word}.v-menu>.v-overlay__content{display:flex;flex-direction:column}.v-menu>.v-overlay__content{border-radius:4px}.v-menu>.v-overlay__content>.v-card,.v-menu>.v-overlay__content>.v-sheet,.v-menu>.v-overlay__content>.v-list{background:rgb(var(--v-theme-surface));border-radius:inherit;overflow:auto;height:100%}.v-menu>.v-overlay__content>.v-card,.v-menu>.v-overlay__content>.v-sheet,.v-menu>.v-overlay__content>.v-list{box-shadow:0 5px 5px -3px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 8px 10px 1px var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 3px 14px 2px var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-overlay-container{contain:layout;left:0;pointer-events:none;position:absolute;top:0;display:contents}.v-overlay-scroll-blocked{padding-inline-end:var(--v-scrollbar-offset)}.v-overlay-scroll-blocked:not(html){overflow-y:hidden!important}html.v-overlay-scroll-blocked{position:fixed;top:var(--v-body-scroll-y);left:var(--v-body-scroll-x);width:100%;height:100%}.v-overlay{border-radius:inherit;display:flex;left:0;pointer-events:none;position:fixed;top:0;bottom:0;right:0}.v-overlay__content{outline:none;position:absolute;pointer-events:auto;contain:layout}.v-overlay__scrim{pointer-events:auto;background:rgb(var(--v-theme-on-surface));border-radius:inherit;bottom:0;left:0;opacity:var(--v-overlay-opacity, .32);position:fixed;right:0;top:0}.v-overlay--absolute,.v-overlay--contained .v-overlay__scrim{position:absolute}.v-overlay--scroll-blocked{padding-inline-end:var(--v-scrollbar-offset)}.v-sheet{display:block}.v-sheet{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-sheet--border{border-width:thin;box-shadow:none}.v-sheet{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-sheet--absolute{position:absolute}.v-sheet--fixed{position:fixed}.v-sheet--relative{position:relative}.v-sheet--sticky{position:sticky}.v-sheet{border-radius:0}.v-sheet{background:rgb(var(--v-theme-surface));color:rgba(var(--v-theme-on-surface),var(--v-high-emphasis-opacity))}.v-sheet--rounded{border-radius:4px}.v-snackbar{justify-content:center;z-index:10000;margin:8px;margin-inline-end:calc(8px + var(--v-scrollbar-offset));padding:var(--v-layout-top) var(--v-layout-right) var(--v-layout-bottom) var(--v-layout-left)}.v-snackbar:not(.v-snackbar--center):not(.v-snackbar--top){align-items:flex-end}.v-snackbar__wrapper{align-items:center;display:flex;max-width:672px;min-height:48px;min-width:344px;overflow:hidden;padding:0}.v-snackbar__wrapper{border-radius:4px}.v-snackbar--variant-plain,.v-snackbar--variant-outlined,.v-snackbar--variant-text,.v-snackbar--variant-tonal{background:transparent;color:inherit}.v-snackbar--variant-plain{opacity:.62}.v-snackbar--variant-plain:focus,.v-snackbar--variant-plain:hover{opacity:1}.v-snackbar--variant-plain .v-snackbar__overlay{display:none}.v-snackbar--variant-elevated,.v-snackbar--variant-flat{background:rgb(var(--v-theme-surface-variant));color:rgb(var(--v-theme-on-surface-variant))}.v-snackbar--variant-elevated{box-shadow:0 3px 5px -1px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 6px 10px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 1px 18px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-snackbar--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)),0 0 0 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)),0 0 0 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12))}.v-snackbar--variant-outlined{border:thin solid currentColor}.v-snackbar--variant-text .v-snackbar__overlay{background:currentColor}.v-snackbar--variant-tonal .v-snackbar__underlay{background:currentColor;opacity:var(--v-activated-opacity);border-radius:inherit;top:0;right:0;bottom:0;left:0;pointer-events:none}.v-snackbar .v-snackbar__underlay{position:absolute}.v-snackbar__content{flex-grow:1;font-size:.875rem;font-weight:400;letter-spacing:.0178571429em;line-height:1.425;margin-right:auto;padding:14px 16px;text-align:initial}.v-snackbar__actions{align-items:center;align-self:center;display:flex;margin-inline-end:8px}.v-snackbar__actions>.v-btn{padding:0 8px;min-width:auto}.v-snackbar__timer{width:100%;position:absolute;top:0}.v-snackbar__timer .v-progress-linear{transition:.2s linear}.v-snackbar--absolute{position:absolute;z-index:1}.v-snackbar--multi-line .v-snackbar__wrapper{min-height:68px}.v-snackbar--vertical .v-snackbar__wrapper{flex-direction:column}.v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{align-self:flex-end;margin-bottom:8px}.v-snackbar--center{align-items:center;justify-content:center}.v-snackbar--top{align-items:flex-start}.v-snackbar--bottom{align-items:flex-end}.v-snackbar--left,.v-snackbar--start{justify-content:flex-start}.v-snackbar--right,.v-snackbar--end{justify-content:flex-end}.v-snackbar-transition-enter-active,.v-snackbar-transition-leave-active{transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}.v-snackbar-transition-enter-active{transition-property:opacity,transform}.v-snackbar-transition-enter-from{opacity:0;transform:scale(.8)}.v-snackbar-transition-leave-active{transition-property:opacity}.v-snackbar-transition-leave-to{opacity:0}.vd-page-container[data-v-d073449d]{flex:1}.title[data-v-848d90b4]{font-size:24px!important}.alt-title[data-v-848d90b4]{font-size:20px!important}.body-text[data-v-848d90b4]{font-size:16px!important}.link-label[data-v-848d90b4]{font-size:14px!important}h1[data-v-848d90b4]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-848d90b4]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-848d90b4]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-848d90b4]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-848d90b4]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-848d90b4]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-848d90b4]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-848d90b4]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-848d90b4]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-848d90b4]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-848d90b4]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-848d90b4]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-848d90b4],.elevation-1[data-v-848d90b4],.elevation-2[data-v-848d90b4],.elevation-3[data-v-848d90b4],.elevation-4[data-v-848d90b4],.elevation-5[data-v-848d90b4],.elevation-6[data-v-848d90b4],.elevation-7[data-v-848d90b4],.elevation-8[data-v-848d90b4],.elevation-9[data-v-848d90b4],.elevation-10[data-v-848d90b4],.elevation-11[data-v-848d90b4],.elevation-12[data-v-848d90b4],.elevation-13[data-v-848d90b4],.elevation-14[data-v-848d90b4],.elevation-15[data-v-848d90b4],.elevation-16[data-v-848d90b4],.elevation-17[data-v-848d90b4],.elevation-18[data-v-848d90b4],.elevation-19[data-v-848d90b4],.elevation-20[data-v-848d90b4],.elevation-21[data-v-848d90b4],.elevation-22[data-v-848d90b4],.elevation-23[data-v-848d90b4],.elevation-24[data-v-848d90b4]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-848d90b4]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-848d90b4]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-848d90b4]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-848d90b4]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.alert[data-v-848d90b4]{padding:16px}.alert-icon[data-v-848d90b4]{border-radius:50%}[data-v-848d90b4] .v-alert__underlay{display:none}[data-v-848d90b4] .v-alert__close{align-self:center}[data-v-848d90b4] .v-btn--variant-text .v-btn__overlay{background:transparent!important}.alert-icon[data-v-848d90b4] .v-icon__svg{height:1.5rem!important}.alert-close-btn[data-v-848d90b4]{cursor:pointer;line-height:0}.alert-close-btn .v-btn__overlay[data-v-848d90b4]{display:none}@media screen and (max-width: 440px){.alert[data-v-848d90b4]{display:flex;flex-direction:column;background-color:#fff}.alert[data-v-848d90b4] .v-alert__content{align-self:flex-start!important;margin-top:24px}.alert[data-v-848d90b4] .v-alert__close{margin-top:16px;align-self:flex-end}.alert .v-alert__prepend>.v-icon[data-v-848d90b4]{background:none!important}}@media screen and (min-width: 441px){.alert .alert-icon[data-v-848d90b4]{width:3.5rem!important;height:3.5rem!important;display:grid;place-items:center}}.v-alert.alert--warning.v-alert--variant-tonal[data-v-848d90b4]{background:#fcf0d3!important;color:#222324!important}.v-alert.alert--warning.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#60480e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--warning.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--warning.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#60480e!important;opacity:1!important}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#fdf7e9}.v-alert.alert--warning .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-warning .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#60480e}.v-alert.text-warning[data-v-848d90b4]{color:#60480e!important;border-color:#60480e!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-848d90b4]{background:#cceee8!important;color:#222324!important}.v-alert.alert--success.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#224e2d!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--success.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--success.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#224e2d!important;opacity:1!important}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-success .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#e5f7f4}.v-alert.alert--success .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-success .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#224e2d}.v-alert.text-success[data-v-848d90b4]{color:#224e2d!important;border-color:#224e2d!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-848d90b4]{background:#f9dcd7!important;color:#222324!important}.v-alert.alert--error.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#b33f2e!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--error.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--error.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#b33f2e!important;opacity:1!important}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-error .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#fcedeb}.v-alert.alert--error .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-error .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#b33f2e}.v-alert.text-error[data-v-848d90b4]{color:#b33f2e!important;border-color:#b33f2e!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-848d90b4]{background:#ced9eb!important;color:#222324!important}.v-alert.alert--info.v-alert--variant-tonal[data-v-848d90b4] .v-alert__border{border-color:#0c419a!important;opacity:1!important;border-inline-start-width:4px}.v-alert.alert--info.v-alert--variant-outlined[data-v-848d90b4]{background:transparent!important}.v-alert.alert--info.v-alert--variant-outlined[data-v-848d90b4] .v-alert__border{border-color:#0c419a!important;opacity:1!important}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-848d90b4],.v-alert.text-info .v-alert__prepend>.v-icon[data-v-848d90b4]{background:#e7ecf5}.v-alert.alert--info .v-alert__prepend>.v-icon[data-v-848d90b4] svg,.v-alert.text-info .v-alert__prepend>.v-icon[data-v-848d90b4] svg{fill:#0c419a}.v-alert.text-info[data-v-848d90b4]{color:#0c419a!important;border-color:#0c419a!important}.title{font-size:24px!important}.alt-title{font-size:20px!important}.body-text{font-size:16px!important}.link-label{font-size:14px!important}h1{font-size:32px!important;line-height:130%!important}.h1-bold{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2{font-size:28px!important;line-height:130%!important}.h2-bold{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3{font-size:24px!important;line-height:130%!important}.h3-bold{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4{font-size:20px!important;line-height:130%!important}.h4-bold{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1{font-size:40px!important;line-height:130%!important}.display-1-bold{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2{font-size:30px!important;line-height:130%!important}.display-2-bold{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0,.elevation-1,.elevation-2,.elevation-3,.elevation-4,.elevation-5,.elevation-6,.elevation-7,.elevation-8,.elevation-9,.elevation-10,.elevation-11,.elevation-12,.elevation-13,.elevation-14,.elevation-15,.elevation-16,.elevation-17,.elevation-18,.elevation-19,.elevation-20,.elevation-21,.elevation-22,.elevation-23,.elevation-24{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-copy-tooltip-menu{padding:6px 16px;box-shadow:none;margin-top:2px;background:#616161e6;color:#fff}.v-btn--icon .v-icon{color:#76797a}.title[data-v-2bd5b004]{font-size:24px!important}.alt-title[data-v-2bd5b004]{font-size:20px!important}.body-text[data-v-2bd5b004]{font-size:16px!important}.link-label[data-v-2bd5b004]{font-size:14px!important}h1[data-v-2bd5b004]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-2bd5b004]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-2bd5b004]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-2bd5b004]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-2bd5b004]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-2bd5b004]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-2bd5b004]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-2bd5b004]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-2bd5b004]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-2bd5b004]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-2bd5b004]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-2bd5b004]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-2bd5b004],.elevation-1[data-v-2bd5b004],.elevation-2[data-v-2bd5b004],.elevation-3[data-v-2bd5b004],.elevation-4[data-v-2bd5b004],.elevation-5[data-v-2bd5b004],.elevation-6[data-v-2bd5b004],.elevation-7[data-v-2bd5b004],.elevation-8[data-v-2bd5b004],.elevation-9[data-v-2bd5b004],.elevation-10[data-v-2bd5b004],.elevation-11[data-v-2bd5b004],.elevation-12[data-v-2bd5b004],.elevation-13[data-v-2bd5b004],.elevation-14[data-v-2bd5b004],.elevation-15[data-v-2bd5b004],.elevation-16[data-v-2bd5b004],.elevation-17[data-v-2bd5b004],.elevation-18[data-v-2bd5b004],.elevation-19[data-v-2bd5b004],.elevation-20[data-v-2bd5b004],.elevation-21[data-v-2bd5b004],.elevation-22[data-v-2bd5b004],.elevation-23[data-v-2bd5b004],.elevation-24[data-v-2bd5b004]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-2bd5b004]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-2bd5b004]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-2bd5b004]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-skip-link[data-v-2bd5b004]{z-index:150;position:fixed;top:0;right:0;transition:none;width:100%;background:#fff;outline:none;border:2px solid #051a3e}.vd-back-to-top-btn[data-v-c019b012]{position:sticky;z-index:999;opacity:1;float:right}.v-btn--variant-outlined[data-v-c019b012]{background:#fff}.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__underlay,.v-btn.v-theme--light[data-v-b9c7d584] .v-btn__overlay{display:none}.vd-download-btn[data-v-ef3f6e33] .v-btn__content{flex-wrap:wrap}.vd-download-btn[data-v-ef3f6e33] .v-icon{flex:none}.outlined-style[data-v-ef3f6e33]{border:1px solid currentColor}.vd-france-connect-btn a[data-v-df93ee72]{color:#000091}.vd-france-connect-btn a[data-v-df93ee72]:focus{outline-offset:3px}.vd-france-connect-link[data-v-df93ee72]{background:#000091}.vd-france-connect-link[data-v-df93ee72]:hover{background:#1212ff;transition:all .2s ease-in-out}.vd-france-connect-link[data-v-df93ee72]:active{background:#2323ff}.vd-france-connect-link[data-v-df93ee72]:focus{outline-offset:3px}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]{color:#fff;background-color:#8585f6}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]:hover{background-color:#b1b1f9}.vd-france-connect-btn--dark .vd-france-connect-link[data-v-df93ee72]:active{background-color:#c6c6fb}.vd-france-connect-btn--dark .vd-france-connect-info-link[data-v-df93ee72]{color:#8585f6}.vd-france-connect-info-link[data-v-df93ee72]{background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:100% 1px}.vd-france-connect-info-link[data-v-df93ee72]:hover{background-size:100% 2px}[data-v-df93ee72] :scope:focus{border-radius:0!important}.title[data-v-9763e461]{font-size:24px!important}.alt-title[data-v-9763e461]{font-size:20px!important}.body-text[data-v-9763e461]{font-size:16px!important}.link-label[data-v-9763e461]{font-size:14px!important}h1[data-v-9763e461]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-9763e461]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-9763e461]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-9763e461]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-9763e461]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-9763e461]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-9763e461]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-9763e461]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-9763e461]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-9763e461]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-9763e461]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-9763e461]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-9763e461],.elevation-1[data-v-9763e461],.elevation-2[data-v-9763e461],.elevation-3[data-v-9763e461],.elevation-4[data-v-9763e461],.elevation-5[data-v-9763e461],.elevation-6[data-v-9763e461],.elevation-7[data-v-9763e461],.elevation-8[data-v-9763e461],.elevation-9[data-v-9763e461],.elevation-10[data-v-9763e461],.elevation-11[data-v-9763e461],.elevation-12[data-v-9763e461],.elevation-13[data-v-9763e461],.elevation-14[data-v-9763e461],.elevation-15[data-v-9763e461],.elevation-16[data-v-9763e461],.elevation-17[data-v-9763e461],.elevation-18[data-v-9763e461],.elevation-19[data-v-9763e461],.elevation-20[data-v-9763e461],.elevation-21[data-v-9763e461],.elevation-22[data-v-9763e461],.elevation-23[data-v-9763e461],.elevation-24[data-v-9763e461]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-9763e461]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-9763e461]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-9763e461]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-9763e461]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-notification-content[data-v-9763e461]{display:flex;align-items:center}.vd-notification-bar[data-v-9763e461] .v-snack__wrapper{padding:16px;min-width:0;max-width:none}[data-v-9763e461] .v-snackbar__content{padding:16px!important}[data-v-9763e461] .v-snackbar__actions{margin-inline-end:10px}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snackbar--vertical .v-snackbar__wrapper .v-snackbar__actions{width:100%!important;align-self:auto}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snack__wrapper{align-items:stretch;flex-direction:row}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snack__action{align-self:stretch;align-items:stretch;flex-direction:column}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .v-snackbar__content{margin:0;width:100%;display:flex}.vd-notification-bar.v-snackbar--vertical[data-v-9763e461] .vd-notification-content{flex-direction:column;display:flex}.long-text[data-v-9763e461] .v-snackbar__actions{width:98%!important}.short-text[data-v-9763e461] .v-snackbar__actions{width:48%!important}.action-section-longText[data-v-9763e461]{justify-content:space-around}.action-section-shortText[data-v-9763e461]{justify-content:end!important}.title[data-v-40aa801b]{font-size:24px!important}.alt-title[data-v-40aa801b]{font-size:20px!important}.body-text[data-v-40aa801b]{font-size:16px!important}.link-label[data-v-40aa801b]{font-size:14px!important}h1[data-v-40aa801b]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-40aa801b]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-40aa801b]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-40aa801b]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-40aa801b]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-40aa801b]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-40aa801b]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-40aa801b]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-40aa801b]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-40aa801b]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-40aa801b]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-40aa801b]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-40aa801b],.elevation-1[data-v-40aa801b],.elevation-2[data-v-40aa801b],.elevation-3[data-v-40aa801b],.elevation-4[data-v-40aa801b],.elevation-5[data-v-40aa801b],.elevation-6[data-v-40aa801b],.elevation-7[data-v-40aa801b],.elevation-8[data-v-40aa801b],.elevation-9[data-v-40aa801b],.elevation-10[data-v-40aa801b],.elevation-11[data-v-40aa801b],.elevation-12[data-v-40aa801b],.elevation-13[data-v-40aa801b],.elevation-14[data-v-40aa801b],.elevation-15[data-v-40aa801b],.elevation-16[data-v-40aa801b],.elevation-17[data-v-40aa801b],.elevation-18[data-v-40aa801b],.elevation-19[data-v-40aa801b],.elevation-20[data-v-40aa801b],.elevation-21[data-v-40aa801b],.elevation-22[data-v-40aa801b],.elevation-23[data-v-40aa801b],.elevation-24[data-v-40aa801b]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-40aa801b]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-40aa801b]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-40aa801b]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.v-list-item[data-v-40aa801b]:hover{background-color:#00000001}.vd-lang-btn[data-v-40aa801b]{font-weight:700;--hoverColor: rgba(tokens.$colors-overlay, .5);text-transform:capitalize}.vd-panel[data-v-8456c2b9]{background-color:transparent}.vd-panel-title[data-v-8456c2b9] .v-expansion-panel-title__overlay{background:transparent!important}.vd-panel-text[data-v-8456c2b9] .v-expansion-panel-text__wrapper{padding:0}li[data-v-8456c2b9]{list-style:none}a[data-v-8456c2b9]{transition:.15s;padding-top:1px;border-bottom:1px solid transparent;color:#000}a[data-v-8456c2b9]:hover,a[data-v-8456c2b9]:focus{border-color:currentColor}.v-theme--dark a[data-v-8456c2b9]{color:#fff}.vd-collapse-list a[data-v-8456c2b9]{color:#000}.vd-collapse-list[data-v-8456c2b9] .text-subtitle-1{font-size:1.125rem!important;letter-spacing:.0015em!important;line-height:1.75rem}.vd-collapse-list.theme--dark[data-v-8456c2b9] h4,.vd-collapse-list.theme--dark[data-v-8456c2b9] ul,.vd-collapse-list.theme--dark[data-v-8456c2b9] a,.vd-collapse-list.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] .text-subtitle-2{font-size:1rem!important;letter-spacing:.001em!important;line-height:1.375rem;font-weight:600}.vd-collapse-list-mobile[data-v-8456c2b9] .v-icon{color:#0000008a!important}.vd-collapse-list-mobile.theme--dark[data-v-8456c2b9] button{color:#fff!important}.vd-collapse-list-mobile[data-v-8456c2b9] button{color:red!important}.title[data-v-82e1e286]{font-size:24px!important}.alt-title[data-v-82e1e286]{font-size:20px!important}.body-text[data-v-82e1e286]{font-size:16px!important}.link-label[data-v-82e1e286]{font-size:14px!important}h1[data-v-82e1e286]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-82e1e286]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-82e1e286]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-82e1e286]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-82e1e286]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-82e1e286]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-82e1e286]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-82e1e286]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-82e1e286]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-82e1e286]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-82e1e286]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-82e1e286]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-82e1e286],.elevation-1[data-v-82e1e286],.elevation-2[data-v-82e1e286],.elevation-3[data-v-82e1e286],.elevation-4[data-v-82e1e286],.elevation-5[data-v-82e1e286],.elevation-6[data-v-82e1e286],.elevation-7[data-v-82e1e286],.elevation-8[data-v-82e1e286],.elevation-9[data-v-82e1e286],.elevation-10[data-v-82e1e286],.elevation-11[data-v-82e1e286],.elevation-12[data-v-82e1e286],.elevation-13[data-v-82e1e286],.elevation-14[data-v-82e1e286],.elevation-15[data-v-82e1e286],.elevation-16[data-v-82e1e286],.elevation-17[data-v-82e1e286],.elevation-18[data-v-82e1e286],.elevation-19[data-v-82e1e286],.elevation-20[data-v-82e1e286],.elevation-21[data-v-82e1e286],.elevation-22[data-v-82e1e286],.elevation-23[data-v-82e1e286],.elevation-24[data-v-82e1e286]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-82e1e286]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-82e1e286]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-82e1e286]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}.vd-social-media-links[data-v-82e1e286]{display:flex;flex-direction:column}li[data-v-82e1e286]{list-style:none}.vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#0c419a;font-weight:600}.v-theme--dark .vd-social-media-links-label.text--primary[data-v-82e1e286]{color:#fff}.vd-social-media-links-icon[data-v-82e1e286]{color:#545859}.v-btn--icon[data-v-82e1e286]{width:calc(var(--v-btn-height) + 5px);height:calc(var(--v-btn-height) + 5px);border:0}.v-theme--dark .v-btn--variant-text[data-v-82e1e286]:hover{background:#ffffff1a}@media (min-width: 768px){.vd-social-media-links-label[data-v-82e1e286]{text-align:right}}@media (max-width: 767px){.vd-social-media-links-label[data-v-82e1e286]{text-align:left}}.title[data-v-ccd9e76e]{font-size:24px!important}.alt-title[data-v-ccd9e76e]{font-size:20px!important}.body-text[data-v-ccd9e76e]{font-size:16px!important}.link-label[data-v-ccd9e76e]{font-size:14px!important}h1[data-v-ccd9e76e]{font-size:32px!important;line-height:130%!important}.h1-bold[data-v-ccd9e76e]{font-size:32px!important;font-weight:700!important;line-height:130%!important}h2[data-v-ccd9e76e]{font-size:28px!important;line-height:130%!important}.h2-bold[data-v-ccd9e76e]{font-size:28px!important;font-weight:700!important;line-height:130%!important}h3[data-v-ccd9e76e]{font-size:24px!important;line-height:130%!important}.h3-bold[data-v-ccd9e76e]{font-size:24px!important;font-weight:700!important;line-height:130%!important}h4[data-v-ccd9e76e]{font-size:20px!important;line-height:130%!important}.h4-bold[data-v-ccd9e76e]{font-size:20px!important;font-weight:700!important;line-height:130%!important}.display-1[data-v-ccd9e76e]{font-size:40px!important;line-height:130%!important}.display-1-bold[data-v-ccd9e76e]{font-size:40px!important;font-weight:700!important;line-height:130%!important}.display-2[data-v-ccd9e76e]{font-size:30px!important;line-height:130%!important}.display-2-bold[data-v-ccd9e76e]{font-size:30px!important;font-weight:700!important;line-height:130%!important}.elevation-0[data-v-ccd9e76e],.elevation-1[data-v-ccd9e76e],.elevation-2[data-v-ccd9e76e],.elevation-3[data-v-ccd9e76e],.elevation-4[data-v-ccd9e76e],.elevation-5[data-v-ccd9e76e],.elevation-6[data-v-ccd9e76e],.elevation-7[data-v-ccd9e76e],.elevation-8[data-v-ccd9e76e],.elevation-9[data-v-ccd9e76e],.elevation-10[data-v-ccd9e76e],.elevation-11[data-v-ccd9e76e],.elevation-12[data-v-ccd9e76e],.elevation-13[data-v-ccd9e76e],.elevation-14[data-v-ccd9e76e],.elevation-15[data-v-ccd9e76e],.elevation-16[data-v-ccd9e76e],.elevation-17[data-v-ccd9e76e],.elevation-18[data-v-ccd9e76e],.elevation-19[data-v-ccd9e76e],.elevation-20[data-v-ccd9e76e],.elevation-21[data-v-ccd9e76e],.elevation-22[data-v-ccd9e76e],.elevation-23[data-v-ccd9e76e],.elevation-24[data-v-ccd9e76e]{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f!important}.page-container[data-v-ccd9e76e]{text-align:center;margin:0 auto;padding:40px 40px 56px 56px;width:1160px}@media (max-width: 600px){.page-container[data-v-ccd9e76e]{max-width:600px;padding:40px 24px 80px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;width:80%}}@media (min-width: 601px) and (max-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:80%;display:grid;grid-template-columns:repeat(6,1fr);grid-gap:24px}}@media (min-width: 960px){.page-container[data-v-ccd9e76e]{max-width:960px;width:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:24px}}a[data-v-ccd9e76e]{cursor:pointer}.v-btn--icon[data-v-ccd9e76e]{border:0}.v-footer[data-v-ccd9e76e]{flex-grow:0!important;justify-content:center}.vd-footer-bar[data-v-ccd9e76e] .vd-footer-bar-links a,.vd-footer-bar[data-v-ccd9e76e] p,.vd-footer-bar[data-v-ccd9e76e] .text--primary{color:#000000de}.vd-footer-bar[data-v-ccd9e76e] .text--secondary{color:#0009}.vd-footer-bar[data-v-ccd9e76e] .social .text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .social a.v-btn:hover,.vd-footer-bar[data-v-ccd9e76e] button.v-btn:hover{background:#0000000d}.vd-footer-bar[data-v-ccd9e76e] a.text--primary{color:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .v-divider{border-color:#2f384d}.vd-footer-bar[data-v-ccd9e76e] svg.logo{fill:#0c419a}.vd-footer-bar[data-v-ccd9e76e] .scroll{color:#0c419a!important}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .vd-footer-bar-links a{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] p,.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--primary{color:#ffffffde}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .text--secondary{color:#fff9}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] a.text--primary{color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] .v-divider{border-color:#fff}.vd-footer-bar.v-theme--dark[data-v-ccd9e76e] svg{fill:#fff}.vd-footer-bar-links[data-v-ccd9e76e] li{list-style:none;display:flex}.vd-footer-bar-links[data-v-ccd9e76e] a{transition:.15s;text-decoration:none;padding-top:1px;border-bottom:1px solid transparent}.vd-footer-bar-links[data-v-ccd9e76e] a:hover,.vd-footer-bar-links[data-v-ccd9e76e] a:focus{border-color:currentColor}.vd-footer-bar-links[data-v-ccd9e76e] p{padding:1px 0}.v-theme--dark button.v-btn[data-v-ccd9e76e]:hover{background:#ffffff1a}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cnamts/synapse",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2-alpha",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "CNAM DS v3",
|
|
6
6
|
"type": "module",
|
|
@@ -27,7 +27,8 @@
|
|
|
27
27
|
"lint": "eslint 'src/**/*.{ts,js,vue}'",
|
|
28
28
|
"lint:fix": "eslint 'src/**/*.{ts,js,vue}' --fix",
|
|
29
29
|
"test:unit": "vitest run",
|
|
30
|
-
"prepare": "husky"
|
|
30
|
+
"prepare": "husky",
|
|
31
|
+
"generate:changelog": "auto-changelog -o CHANGELOG-TEMP.md -p --starting-date 2024-10-10"
|
|
31
32
|
},
|
|
32
33
|
"keywords": [
|
|
33
34
|
"cnam",
|
|
@@ -60,43 +61,43 @@
|
|
|
60
61
|
"@stylistic/eslint-plugin": "^2.6.1",
|
|
61
62
|
"@stylistic/eslint-plugin-ts": "^2.6.1",
|
|
62
63
|
"@tsconfig/node20": "^20.1.4",
|
|
63
|
-
"@types/node": "^20.
|
|
64
|
+
"@types/node": "^20.17.1",
|
|
64
65
|
"@typescript-eslint/parser": "^8.0.0",
|
|
65
66
|
"@vitejs/plugin-vue": "^5.1.0",
|
|
66
67
|
"@vitest/coverage-v8": "^2.0.5",
|
|
67
68
|
"@vue/test-utils": "^2.4.6",
|
|
68
69
|
"@vue/tsconfig": "^0.5.1",
|
|
70
|
+
"auto-changelog": "^2.4.0",
|
|
69
71
|
"axios": "^1.7.7",
|
|
70
72
|
"eslint": "^9.8.0",
|
|
71
73
|
"eslint-plugin-storybook": "^0.8.0",
|
|
72
74
|
"eslint-plugin-vue": "^9.27.0",
|
|
75
|
+
"eslint-plugin-vuejs-accessibility": "^2.4.1",
|
|
73
76
|
"happy-dom": "^15.0.0",
|
|
74
77
|
"husky": "^9.1.4",
|
|
75
78
|
"resize-observer-polyfill": "^1.5.1",
|
|
76
|
-
"eslint-plugin-vuejs-accessibility": "^2.4.1",
|
|
77
79
|
"sass": "^1.77.8",
|
|
78
80
|
"storybook": "^8.2.6",
|
|
79
|
-
"typescript": "5.4.2",
|
|
80
81
|
"storybook-addon-vue-mdx": "^1.0.1",
|
|
82
|
+
"typescript": "5.4.2",
|
|
81
83
|
"typescript-eslint": "^8.0.0",
|
|
82
|
-
"vite": "^5.
|
|
84
|
+
"vite": "^5.4.10",
|
|
83
85
|
"vite-plugin-dts": "^4.0.1",
|
|
84
86
|
"vitest": "^2.0.5",
|
|
85
87
|
"vue": "^3.4.33",
|
|
86
88
|
"vue-router": "^4.4.5",
|
|
87
|
-
"vue-tsc": "^2.0.28"
|
|
88
|
-
"vuetify": "^3.6.13"
|
|
89
|
+
"vue-tsc": "^2.0.28"
|
|
89
90
|
},
|
|
90
91
|
"peerDependencies": {
|
|
91
92
|
"vue": "^3.4.33",
|
|
92
93
|
"vuetify": "^3.6.13"
|
|
93
94
|
},
|
|
94
95
|
"dependencies": {
|
|
96
|
+
"@mdi/js": "^7.4.47",
|
|
95
97
|
"@storybook/addon-docs": "^8.3.4",
|
|
96
98
|
"deepmerge": "^4.3.1",
|
|
97
99
|
"iso-639-1": "^3.1.3",
|
|
98
|
-
"semantic-release": "^24.1.2"
|
|
99
|
-
"@mdi/js": "^7.4.47"
|
|
100
|
+
"semantic-release": "^24.1.2"
|
|
100
101
|
},
|
|
101
102
|
"publishConfig": {
|
|
102
103
|
"access": "public"
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import {Controls, Canvas, Meta, Source, Story} from '@storybook/blocks';
|
|
2
|
+
import * as CollapsibleListStories from './CollapsibleList.stories';
|
|
3
|
+
|
|
4
|
+
<Meta of={CollapsibleListStories} />
|
|
5
|
+
|
|
6
|
+
# CollapsibleList
|
|
7
|
+
|
|
8
|
+
L’élément `CollapsibleList` est utilisé pour afficher des listes de liens. Cette liste affiche tout le contenu sur les grands écrans et une liste accordéon sur mobile.
|
|
9
|
+
|
|
10
|
+
<Canvas of={CollapsibleListStories.Default} />
|
|
11
|
+
|
|
12
|
+
# API
|
|
13
|
+
|
|
14
|
+
<Controls of={CollapsibleListStories.Default} />
|
|
15
|
+
|
|
16
|
+
<Source dark code={`
|
|
17
|
+
<script setup lang="ts">
|
|
18
|
+
import CollapsibleList from '@/components/CollapsibleList/CollapsibleList.vue'
|
|
19
|
+
import type { ListItem } from '@/components/CollapsibleList/types'
|
|
20
|
+
|
|
21
|
+
const remboursementItems = [
|
|
22
|
+
{
|
|
23
|
+
text: 'Remboursement',
|
|
24
|
+
href: '/remboursement',
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
text: 'Remboursement',
|
|
28
|
+
href: '/remboursement',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
text: 'Remboursement',
|
|
32
|
+
href: '/remboursement',
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
text: 'Remboursement',
|
|
36
|
+
href: '/remboursement',
|
|
37
|
+
},
|
|
38
|
+
] as ListItem[]
|
|
39
|
+
</script>
|
|
40
|
+
|
|
41
|
+
<template>
|
|
42
|
+
<CollapsibleList
|
|
43
|
+
:items="remboursementItems"
|
|
44
|
+
list-title="Remboursement"
|
|
45
|
+
/>
|
|
46
|
+
</template>
|
|
47
|
+
`} />
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/vue3'
|
|
2
|
+
|
|
3
|
+
import CollapsibleList from './CollapsibleList.vue'
|
|
4
|
+
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Components/CollapsibleList',
|
|
7
|
+
component: CollapsibleList,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'fullscreen',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
listTitle: {
|
|
13
|
+
control: 'text',
|
|
14
|
+
},
|
|
15
|
+
items: {
|
|
16
|
+
control: 'object',
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
} as Meta<typeof CollapsibleList>
|
|
20
|
+
|
|
21
|
+
export default meta
|
|
22
|
+
|
|
23
|
+
type Story = StoryObj<typeof meta>
|
|
24
|
+
|
|
25
|
+
export const Default: Story = {
|
|
26
|
+
args: {
|
|
27
|
+
listTitle: 'Santé',
|
|
28
|
+
items: [
|
|
29
|
+
{
|
|
30
|
+
text: 'Mon espace santé',
|
|
31
|
+
href: 'https://www.ameli.fr/assure/sante/mon-espace-sante',
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
text: 'Accomplir les bons gestes',
|
|
35
|
+
href: 'https://www.ameli.fr/assure/sante/bons-gestes',
|
|
36
|
+
},
|
|
37
|
+
],
|
|
38
|
+
},
|
|
39
|
+
render: (args) => {
|
|
40
|
+
return {
|
|
41
|
+
components: { CollapsibleList },
|
|
42
|
+
setup() {
|
|
43
|
+
return { args }
|
|
44
|
+
},
|
|
45
|
+
template: `
|
|
46
|
+
<div class="d-flex flex-wrap align-center pa-4">
|
|
47
|
+
<CollapsibleList v-bind="args" />
|
|
48
|
+
</div>
|
|
49
|
+
`,
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
<script lang="ts" setup>
|
|
2
|
+
import { computed } from 'vue'
|
|
3
|
+
import { useDisplay } from 'vuetify'
|
|
4
|
+
import type { ListItem } from './types'
|
|
5
|
+
|
|
6
|
+
const props = defineProps<{
|
|
7
|
+
listTitle: string | null
|
|
8
|
+
items: ListItem[]
|
|
9
|
+
}>()
|
|
10
|
+
|
|
11
|
+
const { smAndDown } = useDisplay()
|
|
12
|
+
|
|
13
|
+
const isMobile = computed(() => smAndDown.value)
|
|
14
|
+
</script>
|
|
15
|
+
|
|
16
|
+
<template>
|
|
17
|
+
<VExpansionPanels
|
|
18
|
+
v-if="isMobile"
|
|
19
|
+
class="vd-collapse-list-mobile"
|
|
20
|
+
variant="accordion"
|
|
21
|
+
flat
|
|
22
|
+
>
|
|
23
|
+
<VExpansionPanel
|
|
24
|
+
class="vd-panel"
|
|
25
|
+
elevation="0"
|
|
26
|
+
bg-color="transparent"
|
|
27
|
+
>
|
|
28
|
+
<VExpansionPanelTitle
|
|
29
|
+
class="vd-panel-title text-subtitle-2 pl-0 py-4"
|
|
30
|
+
>
|
|
31
|
+
{{ props.listTitle }}
|
|
32
|
+
</VExpansionPanelTitle>
|
|
33
|
+
|
|
34
|
+
<VExpansionPanelText class="vd-panel-text">
|
|
35
|
+
<ul class="pl-0">
|
|
36
|
+
<li
|
|
37
|
+
v-for="(item, index) in props.items"
|
|
38
|
+
:key="index"
|
|
39
|
+
class="py-3"
|
|
40
|
+
>
|
|
41
|
+
<a
|
|
42
|
+
:href="item.href"
|
|
43
|
+
:aria-label="item.text"
|
|
44
|
+
class="text-body-2 text-decoration-none"
|
|
45
|
+
>
|
|
46
|
+
{{ item.text }}
|
|
47
|
+
</a>
|
|
48
|
+
</li>
|
|
49
|
+
</ul>
|
|
50
|
+
</VExpansionPanelText>
|
|
51
|
+
</VExpansionPanel>
|
|
52
|
+
</VExpansionPanels>
|
|
53
|
+
|
|
54
|
+
<div
|
|
55
|
+
v-else
|
|
56
|
+
class="vd-collapse-list"
|
|
57
|
+
>
|
|
58
|
+
<h4 class="text-subtitle-1 font-weight-bold mb-3">
|
|
59
|
+
{{ listTitle }}
|
|
60
|
+
</h4>
|
|
61
|
+
|
|
62
|
+
<ul class="pl-0">
|
|
63
|
+
<li
|
|
64
|
+
v-for="(item, index) in items"
|
|
65
|
+
:key="index"
|
|
66
|
+
:class="{ 'mb-2': index < items.length - 1 }"
|
|
67
|
+
>
|
|
68
|
+
<a
|
|
69
|
+
:href="item.href"
|
|
70
|
+
:aria-label="item.ariaLabel"
|
|
71
|
+
class="text-body-2 text-decoration-none text--primary"
|
|
72
|
+
>
|
|
73
|
+
{{ item.text }}
|
|
74
|
+
</a>
|
|
75
|
+
</li>
|
|
76
|
+
</ul>
|
|
77
|
+
</div>
|
|
78
|
+
</template>
|
|
79
|
+
|
|
80
|
+
<style lang="scss" scoped>
|
|
81
|
+
.vd-panel {
|
|
82
|
+
background-color: transparent;
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.vd-panel-title :deep(.v-expansion-panel-title__overlay) {
|
|
86
|
+
background: transparent !important;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.vd-panel-text :deep(.v-expansion-panel-text__wrapper) {
|
|
90
|
+
padding: 0;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
li {
|
|
94
|
+
list-style: none;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
a {
|
|
98
|
+
transition: 0.15s;
|
|
99
|
+
padding-top: 1px; // Add top padding to account for bottom border
|
|
100
|
+
border-bottom: 1px solid transparent;
|
|
101
|
+
color: black;
|
|
102
|
+
|
|
103
|
+
&:hover,
|
|
104
|
+
&:focus {
|
|
105
|
+
border-color: currentColor;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.v-theme--dark a :deep() {
|
|
110
|
+
color: white;
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
.vd-collapse-list a {
|
|
114
|
+
color: black;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.vd-collapse-list :deep() {
|
|
118
|
+
.text-subtitle-1 {
|
|
119
|
+
font-size: 1.125rem !important;
|
|
120
|
+
letter-spacing: .0015em !important;
|
|
121
|
+
line-height: 1.75rem;
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.vd-collapse-list.theme--dark :deep() {
|
|
126
|
+
h4,
|
|
127
|
+
ul,
|
|
128
|
+
a,
|
|
129
|
+
button {
|
|
130
|
+
color: white !important;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
.vd-collapse-list-mobile :deep() {
|
|
135
|
+
.text-subtitle-2 {
|
|
136
|
+
font-size: 1rem !important;
|
|
137
|
+
letter-spacing: .001em !important;
|
|
138
|
+
line-height: 1.375rem;
|
|
139
|
+
font-weight: 600;
|
|
140
|
+
}
|
|
141
|
+
.v-icon {
|
|
142
|
+
color: rgba(0, 0, 0, .54) !important;
|
|
143
|
+
}
|
|
144
|
+
}
|
|
145
|
+
|
|
146
|
+
.vd-collapse-list-mobile.theme--dark :deep() {
|
|
147
|
+
button {
|
|
148
|
+
color: white !important;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.vd-collapse-list-mobile :deep() {
|
|
153
|
+
button {
|
|
154
|
+
color: red !important;
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
</style>
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { mount } from '@vue/test-utils'
|
|
2
|
+
import { expect, describe, it } from 'vitest'
|
|
3
|
+
|
|
4
|
+
import CollapsibleList from '../CollapsibleList.vue'
|
|
5
|
+
|
|
6
|
+
import { vuetify } from '@tests/unit/setup'
|
|
7
|
+
|
|
8
|
+
describe('CollapsibleList', () => {
|
|
9
|
+
it('renders correctly', async () => {
|
|
10
|
+
const wrapper = mount(CollapsibleList, {
|
|
11
|
+
global: {
|
|
12
|
+
plugins: [vuetify],
|
|
13
|
+
},
|
|
14
|
+
propsData: {
|
|
15
|
+
listTitle: 'Santé',
|
|
16
|
+
items: [
|
|
17
|
+
{
|
|
18
|
+
text: 'Mon espace santé',
|
|
19
|
+
href: 'https://www.ameli.fr/assure/sante/mon-espace-sante',
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
text: 'Accomplir les bons gestes',
|
|
23
|
+
href: 'https://www.ameli.fr/assure/sante/bons-gestes',
|
|
24
|
+
},
|
|
25
|
+
],
|
|
26
|
+
},
|
|
27
|
+
})
|
|
28
|
+
|
|
29
|
+
expect(wrapper.find('h4').text()).toBe('Santé')
|
|
30
|
+
expect(wrapper.findAll('a')).toHaveLength(2)
|
|
31
|
+
expect(wrapper.findAll('a').at(0)?.text()).toBe('Mon espace santé')
|
|
32
|
+
expect(wrapper.findAll('a').at(1)?.text()).toBe('Accomplir les bons gestes')
|
|
33
|
+
})
|
|
34
|
+
|
|
35
|
+
it('renders correctly with in mobile mode', () => {
|
|
36
|
+
const wrapper = mount(CollapsibleList, {
|
|
37
|
+
global: {
|
|
38
|
+
plugins: [vuetify],
|
|
39
|
+
},
|
|
40
|
+
propsData: {
|
|
41
|
+
listTitle: 'Santé',
|
|
42
|
+
items: [
|
|
43
|
+
{
|
|
44
|
+
text: 'Mon espace santé',
|
|
45
|
+
href: 'https://www.ameli.fr/assure/sante/mon-espace-sante',
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
text: 'Accomplir les bons gestes',
|
|
49
|
+
href: 'https://www.ameli.fr/assure/sante/bons-gestes',
|
|
50
|
+
},
|
|
51
|
+
],
|
|
52
|
+
},
|
|
53
|
+
})
|
|
54
|
+
|
|
55
|
+
wrapper.vm.$vuetify.display.name = 'xs'
|
|
56
|
+
wrapper.vm.$vuetify.display.smAndDown = true
|
|
57
|
+
|
|
58
|
+
expect(wrapper.find('.vd-collapse-list-mobile')).toBeTruthy()
|
|
59
|
+
})
|
|
60
|
+
})
|