npm - @kaizen/components - Versions diffs - 3.3.4 → 3.3.6 - Mend

@kaizen/components 3.3.4 → 3.3.6

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.

Files changed (20) hide show

package/dist/cjs/src/Select/Select.cjs +2 -1
package/dist/cjs/src/Select/Select.module.scss.cjs +26 -26
package/dist/cjs/src/TitleBlock/TitleBlock.cjs +20 -18
package/dist/cjs/src/TitleBlock/TitleBlock.module.scss.cjs +54 -53
package/dist/esm/src/Select/Select.mjs +2 -1
package/dist/esm/src/Select/Select.module.scss.mjs +26 -26
package/dist/esm/src/TitleBlock/TitleBlock.mjs +20 -18
package/dist/esm/src/TitleBlock/TitleBlock.module.scss.mjs +54 -53
package/dist/styles.css +2 -2
package/dist/types/TitleBlock/TitleBlock.d.ts +1 -1
package/dist/types/TitleBlock/types.d.ts +11 -0
package/package.json +1 -1
package/src/Select/Select.module.scss +12 -0
package/src/Select/Select.tsx +1 -1
package/src/TitleBlock/TitleBlock.module.scss +42 -0
package/src/TitleBlock/TitleBlock.tsx +2 -0
package/src/TitleBlock/_docs/TitleBlock--sticky-banner-guidelines.mdx +192 -0
package/src/TitleBlock/_docs/TitleBlock.stories.tsx +240 -0
package/src/TitleBlock/_docs/stickyBanner.module.css +44 -0
package/src/TitleBlock/types.ts +11 -0

package/dist/styles.css CHANGED Viewed

@@ -142,7 +142,7 @@
 @layer kz-components{.SVG_module_icon__f46d6c8b{width:20px;height:20px;display:inline-block}.SVG_module_icon__f46d6c8b>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG_module_icon__f46d6c8b{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG_module_icon__f46d6c8b{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG_module_icon__f46d6c8b{color:#000}}.SVG_module_inheritSize__f46d6c8b{width:inherit;height:inherit;display:block}}
 @layer kz-components{.LiveIcon_module_liveIcon__4433032e{display:inline-block;position:relative;width:20px;height:20px;margin-inline-start:.25rem;color:var(--color-green-500)}.LiveIcon_module_liveIcon_base__4433032e{opacity:.3;display:block}.LiveIcon_module_liveIcon_1__4433032e,.LiveIcon_module_liveIcon_2__4433032e,.LiveIcon_module_liveIcon_3__4433032e{display:block;position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1;overflow:hidden}.LiveIcon_module_liveIcon_1__4433032e{clip-path:circle(16%)}.LiveIcon_module_liveIcon_2__4433032e,.LiveIcon_module_liveIcon_3__4433032e{animation-duration:3s;animation-iteration-count:3;animation-delay:1s}.LiveIcon_module_liveIcon_2__4433032e{clip-path:circle(32%);animation-name:LiveIcon_module_pulseInner__4433032e}.LiveIcon_module_liveIcon_3__4433032e{clip-path:circle(50%);animation-name:LiveIcon_module_pulseOuter__4433032e}}@keyframes LiveIcon_module_pulseInner__4433032e{0%{opacity:0}25%{opacity:0}50%{opacity:1}75%{opacity:1}to{opacity:1}}@keyframes LiveIcon_module_pulseOuter__4433032e{0%{opacity:0}25%{opacity:0}50%{opacity:0}75%{opacity:1}to{opacity:1}}
 @layer kz-components{.Tag_module_root__64ff572f{--medium:calc(var(--spacing-md)*1.25);--small:var(--spacing-md);margin-inline-end:calc(var(--spacing-md)*.5);font-size:var(--typography-paragraph-small-font-size);font-weight:var(--typography-paragraph-small-font-weight);letter-spacing:var(--typography-paragraph-small-letter-spacing);color:var(--color-purple-800);display:inline-block;border:var(--border-borderless-border-width) var(--border-borderless-border-style) var(--border-borderless-border-color);border-radius:calc(var(--spacing-md)*.75);padding:0 calc(var(--spacing-md)*.4);box-sizing:border-box;&.Tag_module_profile__64ff572f{padding-left:calc(var(--spacing-md)*.2)}}.Tag_module_layoutContainer__64ff572f{height:100%;display:flex;align-items:center}.Tag_module_validationIcon__64ff572f{display:flex;color:var(--color-white)}.Tag_module_profile__64ff572f,.Tag_module_validationIcon__64ff572f{align-items:center;margin-inline:calc(var(--spacing-md)*-.15) var(--spacing-xs)}.Tag_module_profile__64ff572f{display:inline-flex}.Tag_module_textContent__64ff572f{margin-top:-1px;font-family:var(--typography-paragraph-small-font-family);font-weight:var(--typography-paragraph-small-font-weight);font-size:var(--typography-paragraph-small-font-size);line-height:var(--typography-paragraph-small-line-height);letter-spacing:var(--typography-paragraph-small-letter-spacing);white-space:nowrap}.Tag_module_iconWrapper__64ff572f{--icon-size:16;position:relative;height:16px;width:16px}.Tag_module_dismissButton__64ff572f{appearance:none;background:transparent;font:inherit;margin:0;border:none;position:relative;display:flex;height:100%;align-items:center;padding:0 var(--spacing-xs);margin-inline:-.225rem -.6625rem;color:rgb(var(--color-purple-800-rgb),.7);cursor:pointer;&:hover{color:var(--color-purple-800)}&:active{color:var(--color-purple-800)}svg{position:relative}&:focus{outline:none}&:focus-visible .Tag_module_iconWrapper__64ff572f{color:var(--color-purple-800);&:after{--focus-ring-offset:calc(var(--border-focus-ring-border-width));content:"";position:absolute;background:transparent;border-radius:50%;border-width:var(--border-focus-ring-border-width);border-style:var(--border-focus-ring-border-style);border-color:var(--color-blue-500);inset:calc(var(--focus-ring-offset)*-1)}}}.Tag_module_background__64ff572f{position:absolute;display:inline-block;width:calc(var(--spacing-xs) + .125rem);height:calc(var(--spacing-xs) + .125rem);background-color:#fff;left:10px;top:10px}.Tag_module_truncate__64ff572f{text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}.Tag_module_inline__64ff572f{margin:0}.Tag_module_medium__64ff572f{height:var(--medium)}.Tag_module_small__64ff572f{height:var(--small)}.Tag_module_default__64ff572f{background-color:var(--color-gray-300)}.Tag_module_sentimentPositive__64ff572f{background-color:var(--color-green-100)}.Tag_module_sentimentNeutral__64ff572f{background-color:var(--color-gray-300)}.Tag_module_sentimentNegative__64ff572f{background-color:var(--color-red-100)}.Tag_module_sentimentNone__64ff572f{background-color:var(--color-white);border-color:var(--color-gray-300)}.Tag_module_validationPositive__64ff572f{background-color:var(--color-green-100);.Tag_module_validationIcon__64ff572f{color:var(--color-green-500)}}.Tag_module_validationInformative__64ff572f{background-color:var(--color-blue-100);.Tag_module_validationIcon__64ff572f{color:var(--color-blue-500)}}.Tag_module_validationNegative__64ff572f{background-color:var(--color-red-100);.Tag_module_validationIcon__64ff572f{color:var(--color-red-500)}}.Tag_module_validationCautionary__64ff572f{background-color:var(--color-yellow-100);.Tag_module_validationIcon__64ff572f{color:var(--color-yellow-700)}}.Tag_module_statusLive__64ff572f{background-color:var(--color-green-100);color:var(--color-purple-800)}.Tag_module_statusAction__64ff572f{background-color:var(--color-orange-100);color:var(--color-purple-800)}.Tag_module_statusClosed__64ff572f{background-color:var(--color-red-100)}.Tag_module_statusDraft__64ff572f{background-color:var(--color-blue-100);color:var(--color-purple-800)}}
-.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd:focus-within:after,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd:after,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd:after{content:"";position:absolute;background:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:var(--color-blue-500,#0168b3);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px)}.Select_module_specificityIncreaser__eed63bdd .Select_module_multiValue__eed63bdd{margin:.2375rem;z-index:1}.Select_module_specificityIncreaser__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_dropdownIndicator__eed63bdd:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd{min-height:48px;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd .Select_module_control__eed63bdd:hover{border-color:var(--color-gray-600,#524e56);background-color:var(--color-gray-100,#f9f9f9);cursor:pointer}.Select_module_specificityIncreaser__eed63bdd .Select_module_valueContainer__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select_module_specificityIncreaser__eed63bdd .Select_module_indicatorsContainer__eed63bdd{z-index:1}.Select_module_specificityIncreaser__eed63bdd .Select_module_loadingMessage__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedControl__eed63bdd{box-shadow:none}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedControl__eed63bdd:hover{box-shadow:none}.Select_module_specificityIncreaser__eed63bdd .Select_module_menu__eed63bdd{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));z-index:3}.Select_module_specificityIncreaser__eed63bdd .Select_module_menu__eed63bdd>div{padding-top:0;padding-bottom:0}.Select_module_specificityIncreaser__eed63bdd .Select_module_groupHeading__eed63bdd{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-6-font-weight,600);font-size:var(--typography-heading-6-font-size,.875rem);line-height:var(--typography-heading-6-line-height,1.5rem);letter-spacing:var(--typography-heading-6-letter-spacing,normal);text-transform:capitalize;color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__eed63bdd .Select_module_option__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438);cursor:pointer;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd.Select_module_disabledOption__eed63bdd{color:var(--color-purple-800,#2f2438);border-color:var(--color-gray-500,#878792);background:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_focusedOption__eed63bdd:active{background-color:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd .Select_module_selectedOption__eed63bdd{font-weight:var(--typography-paragraph-bold-font-weight,600);color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd .Select_module_selectedOption__eed63bdd:not(.Select_module_focusedOption__eed63bdd){background-color:transparent}.Select_module_specificityIncreaser__eed63bdd .Select_module_disabledOption__eed63bdd{cursor:not-allowed;opacity:30%}.Select_module_specificityIncreaser__eed63bdd .Select_module_noOptionsMessage__eed63bdd,.Select_module_specificityIncreaser__eed63bdd .Select_module_singleValue__eed63bdd{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_input__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_singleValueOverrides__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_reversed__eed63bdd .Select_module_singleValue__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_error__eed63bdd .Select_module_control__eed63bdd{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:transparent;color:var(--color-white,#fff);border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_clearIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_default__eed63bdd.Select_module_reversed__eed63bdd.Select_module_error__eed63bdd .Select_module_control__eed63bdd{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd:hover{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_control__eed63bdd.Select_module_focusedControl__eed63bdd{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_default__eed63bdd .Select_module_dropdownIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_default__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd.Select_module_disabled__eed63bdd{opacity:30%}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_dropdownIndicator__eed63bdd{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd:hover,.Select_module_specificityIncreaser__eed63bdd.Select_module_secondary__eed63bdd.Select_module_reversed__eed63bdd .Select_module_focusedControl__eed63bdd:hover{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd{background:transparent;border:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_reversed__eed63bdd .Select_module_control__eed63bdd:hover{background:transparent}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd{min-height:0;height:auto}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd>div{height:24px;padding-left:0;padding-right:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_valueContainer__eed63bdd{height:24px}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValue__eed63bdd{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-extra-small-font-weight,400);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_control__eed63bdd .Select_module_singleValueOverrides__eed63bdd{margin-left:0;margin-right:0}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_indicatorsContainer__eed63bdd{z-index:1}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_dropdownIndicator__eed63bdd{--icon-size:14;padding-top:0;padding-bottom:0;transform:translateY(1px)}.Select_module_specificityIncreaser__eed63bdd.Select_module_secondarySmall__eed63bdd.Select_module_secondarySmall__eed63bdd .Select_module_dropdownIndicator__eed63bdd>svg{height:14px;width:14px}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_control__eed63bdd{display:inline-flex;max-width:100%}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_control__eed63bdd>div{height:44px;flex-wrap:nowrap;display:flex}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_singleValueOverrides__eed63bdd{overflow:hidden;position:static;white-space:nowrap;top:0;transform:none;max-width:100%}.Select_module_specificityIncreaser__eed63bdd.Select_module_notFullWidth__eed63bdd .Select_module_singleValue__eed63bdd{max-width:100%}
+.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b:focus-within:after,.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b:after,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b:after{content:"";position:absolute;background:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:var(--color-blue-500,#0168b3);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px)}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b{margin:.2375rem;z-index:1;max-width:100%;min-width:0}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b>div{max-width:100%;overflow:hidden}.Select_module_specificityIncreaser__309b799b .Select_module_multiValue__309b799b>div span{overflow:hidden;text-overflow:ellipsis}.Select_module_specificityIncreaser__309b799b .Select_module_dropdownIndicator__309b799b{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_dropdownIndicator__309b799b:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b{min-height:48px;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px)}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b .Select_module_control__309b799b:hover{border-color:var(--color-gray-600,#524e56);background-color:var(--color-gray-100,#f9f9f9);cursor:pointer}.Select_module_specificityIncreaser__309b799b .Select_module_valueContainer__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select_module_specificityIncreaser__309b799b .Select_module_indicatorsContainer__309b799b{z-index:1}.Select_module_specificityIncreaser__309b799b .Select_module_loadingMessage__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__309b799b .Select_module_focusedControl__309b799b{box-shadow:none}.Select_module_specificityIncreaser__309b799b .Select_module_focusedControl__309b799b:hover{box-shadow:none}.Select_module_specificityIncreaser__309b799b .Select_module_menu__309b799b{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));z-index:3}.Select_module_specificityIncreaser__309b799b .Select_module_menu__309b799b>div{padding-top:0;padding-bottom:0}.Select_module_specificityIncreaser__309b799b .Select_module_groupHeading__309b799b{font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-6-font-weight,600);font-size:var(--typography-heading-6-font-size,.875rem);line-height:var(--typography-heading-6-line-height,1.5rem);letter-spacing:var(--typography-heading-6-letter-spacing,normal);text-transform:capitalize;color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select_module_specificityIncreaser__309b799b .Select_module_option__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438);cursor:pointer;border-radius:var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-color:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b.Select_module_disabledOption__309b799b{color:var(--color-purple-800,#2f2438);border-color:var(--color-gray-500,#878792);background:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_focusedOption__309b799b:active{background-color:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b .Select_module_selectedOption__309b799b{font-weight:var(--typography-paragraph-bold-font-weight,600);color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b .Select_module_selectedOption__309b799b:not(.Select_module_focusedOption__309b799b){background-color:transparent}.Select_module_specificityIncreaser__309b799b .Select_module_disabledOption__309b799b{cursor:not-allowed;opacity:30%}.Select_module_specificityIncreaser__309b799b .Select_module_noOptionsMessage__309b799b,.Select_module_specificityIncreaser__309b799b .Select_module_singleValue__309b799b{font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);color:var(--color-purple-800,#2f2438)}.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_input__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_singleValueOverrides__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_reversed__309b799b .Select_module_singleValue__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_error__309b799b .Select_module_control__309b799b{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:transparent;color:var(--color-white,#fff);border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_clearIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_default__309b799b.Select_module_reversed__309b799b.Select_module_error__309b799b .Select_module_control__309b799b{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b:hover{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_control__309b799b.Select_module_focusedControl__309b799b{background:var(--color-blue-100,#e6f6ff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_default__309b799b .Select_module_dropdownIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_default__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-blue-500,#0168b3)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:rgba(var(--color-white-rgb,255,255,255),.1);color:var(--color-white,#fff);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b.Select_module_disabled__309b799b{opacity:30%}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_dropdownIndicator__309b799b{color:var(--color-white,#fff)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b:hover,.Select_module_specificityIncreaser__309b799b.Select_module_secondary__309b799b.Select_module_reversed__309b799b .Select_module_focusedControl__309b799b:hover{border-color:var(--color-blue-300,#73c0e8)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b{background:transparent;border:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b.Select_module_reversed__309b799b .Select_module_control__309b799b:hover{background:transparent}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b{min-height:0;height:auto}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b>div{height:24px;padding-left:0;padding-right:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_valueContainer__309b799b{height:24px}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_singleValue__309b799b{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-extra-small-font-weight,400);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_control__309b799b .Select_module_singleValueOverrides__309b799b{margin-left:0;margin-right:0}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_indicatorsContainer__309b799b{z-index:1}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_dropdownIndicator__309b799b{--icon-size:14;padding-top:0;padding-bottom:0;transform:translateY(1px)}.Select_module_specificityIncreaser__309b799b.Select_module_secondarySmall__309b799b.Select_module_secondarySmall__309b799b .Select_module_dropdownIndicator__309b799b>svg{height:14px;width:14px}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_control__309b799b{display:inline-flex;max-width:100%}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_control__309b799b>div{height:44px;flex-wrap:nowrap;display:flex}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_singleValueOverrides__309b799b{overflow:hidden;position:static;white-space:nowrap;top:0;transform:none;max-width:100%}.Select_module_specificityIncreaser__309b799b.Select_module_notFullWidth__309b799b .Select_module_singleValue__309b799b{max-width:100%}
 @layer kz-components{.SingleSelect_module_container__c1c7349f{position:relative;width:100%}.SingleSelect_module_notFullWidth__c1c7349f{width:180px}}
 @layer kz-components{.Slider_module_wrapper__4e68995a{display:flex;flex-direction:column}.Slider_module_labelWrapper__4e68995a{margin-bottom:var(--spacing-sm)}.Slider_module_label__4e68995a{margin-bottom:var(--spacing-4)}@media (width >= 768px){.Slider_module_labelInline__4e68995a{&.Slider_module_wrapper__4e68995a{align-items:center;flex-direction:row}.Slider_module_labelWrapper__4e68995a{flex:1}.Slider_module_inputWrapper__4e68995a{flex-basis:50%}}}.Slider_module_descriptionDisabled__4e68995a{opacity:.3}.Slider_module_readOnlyMessage__4e68995a{text-align:center;font-family:var(--typography-paragraph-small-font-family);font-size:var(--typography-paragraph-small-font-size);font-weight:var(--typography-paragraph-bold-font-weight);line-height:var(--typography-paragraph-body-line-height);letter-spacing:var(--typography-paragraph-body-letter-spacing)}}
 @layer kz-components{.Table_module_container__c0cf988d{width:100%;margin-bottom:var(--spacing-sm,.75rem)}.Table_module_headerRowCell__c0cf988d{display:flex;align-items:stretch;text-align:start;justify-content:flex-start;padding:8px var(--spacing-md,1.5rem);position:relative}.Table_module_headerRowCellNoWrap__c0cf988d .Table_module_headerRowCellLabel__c0cf988d{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.Table_module_headerRowCellAlignCenter__c0cf988d{justify-content:center;text-align:center}.Table_module_headerRowCellAlignEnd__c0cf988d{justify-content:flex-end;text-align:end}.Table_module_headerRowCellCheckbox__c0cf988d{margin-inline-end:10px}.Table_module_headerRowCell__c0cf988d .Table_module_headerRowCellTooltip__c0cf988d{display:flex;align-items:stretch;max-width:100%}.Table_module_headerRowCell__c0cf988d.Table_module_headerRowCellNoWrap__c0cf988d .Table_module_headerRowCellContent__c0cf988d{max-width:100%}.Table_module_headerRowCellButton__c0cf988d{appearance:none;background:transparent;border:none;font:inherit;margin:0;padding:0;transition:none;outline:none;text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;display:flex;align-items:stretch;width:100%;box-sizing:border-box}.Table_module_headerRowCellButton__c0cf988d:active,.Table_module_headerRowCellButton__c0cf988d:focus,.Table_module_headerRowCellButton__c0cf988d:hover{text-decoration:none}.Table_module_headerRowCellButton__c0cf988d:focus-visible{outline:none;position:relative}.Table_module_headerRowCellButton__c0cf988d:focus-visible:after{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);height:calc(100% + var(--border-focus-ring-border-width, 2px)*2 + 1px);content:"";position:absolute;background:transparent;border-color:var(--color-blue-500,#0168b3);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-radius:var(--border-focus-ring-border-radius,10px)}.Table_module_headerRowCellButtonReversed__c0cf988d{color:var(--color-white,#fff)}.Table_module_headerRowCellButtonReversed__c0cf988d:focus-visible:after{border-color:var(--color-blue-100,#e6f6ff)}.Table_module_headerRowCellNoButton__c0cf988d{display:flex;align-items:stretch;width:100%;box-sizing:border-box}.Table_module_headerRowCellLabelAndIcons__c0cf988d{display:flex;align-items:center;flex:1 1 100%;width:100%}.Table_module_headerRowCellTooltipIcon__c0cf988d{color:var(--color-blue-500,#0168b3);margin-inline-end:var(--spacing-xs,.375rem)}.Table_module_headerRowCellIcon__c0cf988d{color:rgb(var(--color-purple-800-rgb,47,36,56),.7);height:20px}.Table_module_headerRowCellActive__c0cf988d .Table_module_headerRowCellIcon__c0cf988d{color:var(--color-purple-800,#2f2438)}.Table_module_headerRowCellButtonReversed__c0cf988d .Table_module_headerRowCellIcon__c0cf988d{color:var(--color-white,#fff)}.Table_module_card__c0cf988d{appearance:none;background:transparent;border:none;font:inherit;margin:0;padding:0;transition:none;outline:none;text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;box-shadow:0 4px 6px rgba(53,55,74,.04);border:1px solid rgb(var(--color-purple-700-rgb,74,35,77),.1);transition:box-shadow var(--animation-duration-rapid,.2s),border-color var(--animation-duration-rapid,.2s),margin var(--animation-duration-rapid,.2s),padding var(--animation-duration-rapid,.2s),width var(--animation-duration-rapid,.2s);background:var(--color-white,#fff)}.Table_module_card__c0cf988d:active,.Table_module_card__c0cf988d:focus,.Table_module_card__c0cf988d:hover{text-decoration:none}.Table_module_card__c0cf988d:not(:first-child){margin-top:-1px}.Table_module_card__c0cf988d:last-child{border-bottom-left-radius:var(--border-solid-border-radius,7px);border-bottom-right-radius:var(--border-solid-border-radius,7px)}.Table_module_card__c0cf988d:hover{will-change:box-shadow,border-color,margin,padding,width}.Table_module_card__c0cf988d:focus-visible{outline:none;position:relative}.Table_module_card__c0cf988d:focus-visible:after{top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);height:calc(100% + var(--border-focus-ring-border-width, 2px) + 2px);content:"";position:absolute;background:transparent;border-color:var(--color-blue-500,#0168b3);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);border-radius:inherit}.Table_module_card__c0cf988d.Table_module_well__c0cf988d{margin-top:var(--spacing-sm,.75rem)}[role=rowgroup]+.Table_module_card__c0cf988d{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table_module_card__c0cf988d:first-child{border-top-left-radius:var(--border-solid-border-radius,7px);border-top-right-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 1px 3px 0 rgba(0,0,0,.1),0 3px 16px 0 rgba(0,0,0,.06))}.Table_module_row__c0cf988d{display:flex}.Table_module_well__c0cf988d{border-color:var(--border-borderless-border-color,transparent);box-shadow:none;border-radius:var(--border-solid-border-radius,7px);background-color:var(--color-gray-300,#eaeaec);margin-bottom:var(--spacing-sm,.75rem)}.Table_module_popout__c0cf988d{box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08))}.Table_module_expanded__c0cf988d{position:relative;z-index:1;margin-left:calc(var(--spacing-sm, .75rem)*-1);margin-right:calc(var(--spacing-sm, .75rem)*-1);padding-left:var(--spacing-sm,.75rem);padding-right:var(--spacing-sm,.75rem)}.Table_module_hasHoverState__c0cf988d{width:100%;text-align:left;cursor:pointer}.Table_module_hasHoverState__c0cf988d.Table_module_expanded__c0cf988d{width:calc(100% + var(--spacing-md, 1.5rem))}.Table_module_hasHoverState__c0cf988d:focus,.Table_module_hasHoverState__c0cf988d:hover{background-color:var(--color-gray-100,#f9f9f9)}.Table_module_rowCell__c0cf988d{text-decoration:none;color:var(--color-purple-800,#2f2438);display:block;min-height:60px;padding:0 var(--spacing-md,1.5rem);display:flex;align-items:center}.Table_module_defaultSpacing__c0cf988d .Table_module_rowCell__c0cf988d{padding:var(--spacing-sm,.75rem) var(--spacing-md,1.5rem)}.Table_module_dataVariant__c0cf988d .Table_module_rowCell__c0cf988d{min-height:48px}.Table_module_rowCellAlignCenter__c0cf988d{justify-content:center;text-align:center}.Table_module_rowCellAlignEnd__c0cf988d{justify-content:flex-end;text-align:right}.Table_module_whiteText__c0cf988d{color:var(--color-white,#fff)}}
@@ -159,7 +159,7 @@
 @layer kz-components{.TitleBlockMenuItem_module_menuListItem__53835be1{display:flex}.TitleBlockMenuItem_module_menuItem__53835be1{display:flex;align-items:center;flex:1 1 auto;box-sizing:border-box;background:none;border:2px solid transparent;text-align:start;padding:6px calc(var(--spacing-sm, .75rem) - 2px);margin:0 var(--spacing-xs,.375rem);min-height:calc(var(--spacing-md, 1.5rem)*1.75);border-radius:4px;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-body-font-weight,400);font-size:var(--typography-paragraph-body-font-size,1rem);line-height:var(--typography-paragraph-body-line-height,1.5rem);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);text-decoration:none;color:var(--color-purple-800,#2f2438)}.TitleBlockMenuItem_module_menuItem__53835be1:hover{text-decoration:none}.TitleBlockMenuItem_module_menuItem__53835be1:focus,.TitleBlockMenuItem_module_menuItem__53835be1:not(.TitleBlockMenuItem_module_menuItem_Disabled__53835be1):hover{background:var(--color-blue-100,#e6f6ff);color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem_module_menuItem__53835be1:focus .TitleBlockMenuItem_module_menuItem__Icon__53835be1,.TitleBlockMenuItem_module_menuItem__53835be1:not(.TitleBlockMenuItem_module_menuItem_Disabled__53835be1):hover .TitleBlockMenuItem_module_menuItem__Icon__53835be1{color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem_module_menuItem__53835be1:focus.TitleBlockMenuItem_module_menuItem_Destructive__53835be1,.TitleBlockMenuItem_module_menuItem__53835be1:not(.TitleBlockMenuItem_module_menuItem_Disabled__53835be1):hover.TitleBlockMenuItem_module_menuItem_Destructive__53835be1{background:var(--color-red-100,#fdeaee);color:var(--color-red-600,#a82433)}.TitleBlockMenuItem_module_menuItem__53835be1:focus.TitleBlockMenuItem_module_menuItem_Destructive__53835be1 .TitleBlockMenuItem_module_menuItem__Icon__53835be1,.TitleBlockMenuItem_module_menuItem__53835be1:not(.TitleBlockMenuItem_module_menuItem_Disabled__53835be1):hover.TitleBlockMenuItem_module_menuItem_Destructive__53835be1 .TitleBlockMenuItem_module_menuItem__Icon__53835be1{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem_module_menuItem__53835be1:focus{outline:none}.TitleBlockMenuItem_module_menuItem__53835be1:focus-visible{border-color:var(--color-blue-500,#0168b3)}.TitleBlockMenuItem_module_menuItem_Disabled__53835be1,.TitleBlockMenuItem_module_menuItem_Disabled__53835be1 .TitleBlockMenuItem_module_menuItem__Icon__53835be1{color:rgba(var(--color-purple-800-rgb,47,36,56),.3)}.TitleBlockMenuItem_module_menuItem_Active__53835be1{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.TitleBlockMenuItem_module_menuItem_Destructive__53835be1,.TitleBlockMenuItem_module_menuItem_Destructive__53835be1 .TitleBlockMenuItem_module_menuItem__Icon__53835be1{color:var(--color-red-600,#a82433)}.TitleBlockMenuItem_module_menuItem_Destructive__53835be1.TitleBlockMenuItem_module_menuItem_Disabled__53835be1,.TitleBlockMenuItem_module_menuItem_Destructive__53835be1.TitleBlockMenuItem_module_menuItem_Disabled__53835be1 .TitleBlockMenuItem_module_menuItem__Icon__53835be1{color:rgba(var(--color-red-600-rgb,168,36,51),.3)}.TitleBlockMenuItem_module_menuItem__Label__53835be1{flex-grow:1}.TitleBlockMenuItem_module_menuItem__Icon__53835be1{margin-inline-end:calc(var(--spacing-md, 1.5rem)/3);display:flex;align-self:flex-start;transform:translateY(.2em);color:rgba(var(--color-purple-800-rgb,47,36,56),.75)}}
 @layer kz-components{.Toolbar_module_toolbar__f237a56f{display:flex;align-items:center;gap:inherit}}
 @layer kz-components{.MainActions_module_mainActionsContainer__057dc38a{display:flex;align-self:flex-start;flex-shrink:0;gap:4px}@container (max-width: 576px){.MainActions_module_mainActionsContainer__057dc38a{justify-content:flex-start;margin-inline-start:48px}}.MainActions_module_mainActionsContainer__057dc38a .MainActions_module_defaultActionButtonMinimized__057dc38a{display:none}@media (max-width:360px){.MainActions_module_mainActionsContainer__057dc38a{gap:0}.MainActions_module_mainActionsContainer__057dc38a .MainActions_module_defaultActionButton__057dc38a{display:none}.MainActions_module_mainActionsContainer__057dc38a .MainActions_module_defaultActionButtonMinimized__057dc38a{display:flex;margin-inline-end:8px}}}
-@layer kz-components{.TitleBlock_module_titleBlock__4c011478{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-purple-600,#5f3361);width:100%;display:flex;justify-content:center;flex-direction:column}.TitleBlock_module_titleBlock__4c011478.TitleBlock_module_lightVariant__4c011478{background-color:var(--color-white,#fff)}.TitleBlock_module_titleBlock__4c011478.TitleBlock_module_educationVariant__4c011478{background-color:var(--color-blue-100,#e6f6ff)}.TitleBlock_module_titleBlock__4c011478.TitleBlock_module_adminVariant__4c011478{background-color:var(--color-gray-100,#f9f9f9)}@media print{.TitleBlock_module_titleBlock__4c011478{display:none}}.TitleBlock_module_titleRow__4c011478{box-sizing:border-box}.TitleBlock_module_rowBelowSeparator__4c011478,.TitleBlock_module_titleRow__4c011478{display:flex;width:100%;justify-content:center}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_titleRow__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_titleRow__4c011478{background-color:var(--color-white,#fff)}.TitleBlock_module_rowBelowSeparatorInner__4c011478,.TitleBlock_module_titleRowInner__4c011478{box-sizing:border-box;max-width:1392px;display:flex;flex-direction:column;width:100%;min-width:0;padding:0 20px 0 0}@media (min-width:1080px){.TitleBlock_module_rowBelowSeparatorInner__4c011478,.TitleBlock_module_titleRowInner__4c011478{padding:0;margin-inline:24px}}.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_titleRowInner__4c011478{box-shadow:inset 0 -.0625rem 0 0 var(--color-gray-300,#eaeaec)}.TitleBlock_module_rowBelowSeparatorInner__4c011478{padding:0 4px 0 12px}@media (min-width:1080px){.TitleBlock_module_rowBelowSeparatorInner__4c011478{padding:0;margin-inline:24px}}.TitleBlock_module_titleRowInnerContent__4c011478{box-sizing:border-box;min-height:88px;position:relative;display:flex;width:100%;align-items:center;gap:12px;padding-block:20px;justify-content:space-between;box-shadow:inset 0 -.0625rem 0 0 rgba(var(--color-white-rgb,255,255,255),.1)}.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_titleRowInnerContent__4c011478{box-shadow:inset 0 -.0625rem 0 0 rgba(var(--color-purple-700-rgb,74,35,77),.2)}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_titleRowInnerContent__4c011478,.TitleBlock_module_collapseNavigationArea__4c011478 .TitleBlock_module_titleRowInnerContent__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_titleRowInnerContent__4c011478{box-shadow:none}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_titleRowInnerContent__4c011478,.TitleBlock_module_titleRowInnerContent__4c011478{box-shadow:none}}@container (max-width: 576px){.TitleBlock_module_titleRowInnerContent__4c011478{flex-wrap:wrap;gap:4px}}.TitleBlock_module_title__4c011478{align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}@container (max-width: 1365px){.TitleBlock_module_title__4c011478{width:100%}}.TitleBlock_module_titleAndSubtitle__4c011478{display:flex;align-items:center;min-width:0;transform:translateY(-.0833em)}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleAndSubtitle__4c011478{transform:translateY(-12px)}}.TitleBlock_module_titleAndSubtitleInner__4c011478{display:flex;min-width:0}.TitleBlock_module_hasSubtitle__4c011478.TitleBlock_module_hasLongTitle__4c011478.TitleBlock_module_hasLongSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:center}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__4c011478.TitleBlock_module_hasLongTitle__4c011478.TitleBlock_module_hasLongSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:baseline}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_hasPageSwitcherSelect__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:normal;flex-direction:column;justify-content:space-between;transform:translateY(.5rem)}}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:baseline;overflow:hidden}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:normal;flex-direction:column;justify-content:space-between;transform:translateY(.5rem)}.TitleBlock_module_hasLongTitle__4c011478.TitleBlock_module_hasLongSubtitle__4c011478 .TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{align-items:baseline}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleAndSubtitleInner__4c011478{transform:translateY(.75rem)}}.TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:8px 0}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{margin-bottom:0}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{margin-bottom:0}}}@container (min-width: 1080px){.TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{margin-bottom:0}}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_hasLongTitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_hasLongTitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{margin-bottom:0}}}@container (min-width: 1080px) and (max-width: 1365px){.TitleBlock_module_hasLongTitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__4c011478 .TitleBlock_module_hasLongTitle__4c011478 .TitleBlock_module_titleTextOverride__4c011478.TitleBlock_module_titleTextOverride__4c011478{margin-bottom:0}}.TitleBlock_module_avatar__4c011478{display:none;align-self:self-start;box-sizing:border-box;height:3rem;width:3rem;margin-inline-end:.75rem;margin-inline-start:0}.TitleBlock_module_avatar__4c011478>*{max-width:100%}.TitleBlock_module_avatar__4c011478.TitleBlock_module_withBorder__4c011478{overflow:hidden;border:3px solid var(--color-white,#fff);border-radius:50%}.TitleBlock_module_hasLongTitle__4c011478 .TitleBlock_module_avatar__4c011478{display:none}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_avatar__4c011478{display:block}}}@container (min-width: 1080px){.TitleBlock_module_avatar__4c011478{display:block}}.TitleBlock_module_hamburger__4c011478{display:flex;align-self:self-start}@media (min-width:1080px){.TitleBlock_module_hamburger__4c011478{display:none}}.TitleBlock_module_subtitle__4c011478{display:flex;align-items:center;color:var(--color-white,#fff);font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-small-font-weight,400);font-size:var(--typography-paragraph-small-font-size,.875rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);max-width:230px;margin-inline:var(--spacing-12) 0}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_subtitle__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_subtitle__4c011478{color:var(--color-purple-800,#2f2438)}@container (max-width: 1365px){.TitleBlock_module_subtitle__4c011478{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:none;margin:.3rem 0}.TitleBlock_module_subtitleText__4c011478{max-width:42vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@container (max-width: calc(768px - 1px)){.TitleBlock_module_subtitleText__4c011478{max-width:88vw}}.TitleBlock_module_sectionTitleContainer__4c011478{display:flex;align-items:center;padding-block:9px;padding-inline-end:8px}@container (min-width: 1080px){.TitleBlock_module_sectionTitleContainer__4c011478{padding-block:17px}}.TitleBlock_module_sectionTitle__4c011478{display:block}.TitleBlock_module_sectionTitleInner__4c011478{display:flex;flex-direction:column;row-gap:4px}@container (min-width: 1080px){.TitleBlock_module_sectionTitleInner__4c011478{flex-direction:row;align-items:center;column-gap:12px}}.TitleBlock_module_sectionTitleOverride__4c011478.TitleBlock_module_sectionTitleOverride__4c011478{white-space:nowrap;font-family:var(--typography-heading-2-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-2-font-weight,600);font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal)}@container (max-width: 1644px){.TitleBlock_module_sectionTitleOverride__4c011478.TitleBlock_module_sectionTitleOverride__4c011478{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-3-font-weight,600);font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal)}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_sectionTitleOverride__4c011478.TitleBlock_module_sectionTitleOverride__4c011478{font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-4-font-weight,600);font-size:var(--typography-heading-4-font-size,1.125rem);line-height:var(--typography-heading-4-line-height,1.5rem);letter-spacing:var(--typography-heading-4-letter-spacing,normal)}}.TitleBlock_module_sectionTitleDescription__4c011478{color:var(--color-white,#fff);max-width:780px;font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-small-font-weight,400);font-size:var(--typography-paragraph-small-font-size,.875rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal)}.TitleBlock_module_sectionTitleDescription__4c011478.TitleBlock_module_dark__4c011478{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.TitleBlock_module_rowBelowSeparatorInnerContent__4c011478{display:flex;width:100%;justify-content:space-between}.TitleBlock_module_titleAndAdjacent__4c011478{display:flex;min-width:0}.TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478{display:flex;transition:opacity .3s ease;min-width:0;align-items:center}.TitleBlock_module_breadcrumbTextLink__4c011478:focus~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478,.TitleBlock_module_breadcrumbTextLink__4c011478:hover~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478,.TitleBlock_module_breadcrumb__4c011478:focus~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478,.TitleBlock_module_breadcrumb__4c011478:hover~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__4c011478{opacity:0}.TitleBlock_module_tag__4c011478{display:none;align-items:center;margin-inline:var(--spacing-12) 0}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_tag__4c011478{display:flex}}}@container (min-width: 1080px){.TitleBlock_module_tag__4c011478{display:flex}}.TitleBlock_module_tag__4c011478+.TitleBlock_module_pageSwitcherSelectNextToTitle__4c011478{margin-inline-start:0}.TitleBlock_module_pageSwitcherSelectNextToTitle__4c011478{flex-shrink:0;width:var(--spacing-240);margin-inline:var(--spacing-12) 0}.TitleBlock_module_pageSwitcherSelectUnderneathTitle__4c011478{flex-shrink:0;max-width:var(--spacing-240)}.TitleBlock_module_navigationTabsContainer__4c011478{height:4.5rem}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabsContainer__4c011478{height:3.75rem}}.TitleBlock_module_navigationTabsContainerCollapsed__4c011478{height:0}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_navigationTabsContainerCollapsed__4c011478{height:0}}@container (max-width: calc(768px - 1px)){.TitleBlock_module_hasNavigationTabs__4c011478 .TitleBlock_module_navigationTabScrollerContainer__4c011478{height:3.75rem;display:block;overflow-x:scroll;scrollbar-width:none;width:100vw}.TitleBlock_module_hasNavigationTabs__4c011478 .TitleBlock_module_navigationTabScrollerContainer__4c011478::-webkit-scrollbar{display:none}}.TitleBlock_module_navigationTabsNav__4c011478{height:100%}.TitleBlock_module_navigationTabsList__4c011478{list-style:none;padding:0;margin:0;display:flex;height:100%}.TitleBlock_module_navigationTabEdgeShadowLeft__4c011478,.TitleBlock_module_navigationTabEdgeShadowRight__4c011478{display:none;pointer-events:none}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowLeft__4c011478,.TitleBlock_module_navigationTabEdgeShadowRight__4c011478{display:block;position:absolute;top:3.75rem;width:3.75rem;height:3.75rem;background:linear-gradient(0deg,var(--color-purple-600,#5f3361),rgba(var(--color-purple-600-rgb,95,51,97),0));z-index:1}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowLeft__4c011478,.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowRight__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowLeft__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowRight__4c011478{background:linear-gradient(0deg,var(--color-gray-100,#f9f9f9),rgba(var(--color-gray-100-rgb,249,249,249),0))}.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowLeft__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_navigationTabEdgeShadowRight__4c011478{background:linear-gradient(0deg,var(--color-blue-200,#bde2f5),rgba(var(--color-blue-200-rgb,189,226,245),0))}}.TitleBlock_module_navigationTabEdgeShadowLeft__4c011478{transform:rotate(90deg);left:0;top:calc(100% - 4.5rem)}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowLeft__4c011478{top:calc(100% - 3.75rem)}}.TitleBlock_module_navigationTabEdgeShadowRight__4c011478{transform:rotate(-90deg);right:0;top:calc(100% - 4.5rem)}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowRight__4c011478{top:calc(100% - 3.75rem)}}.TitleBlock_module_secondaryActionsContainer__4c011478{display:flex}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_secondaryActionsContainer__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_secondaryActionsContainer__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_secondaryActionsContainer__4c011478{color:var(--color-blue-500,#0168b3)}.TitleBlock_module_secondaryActionsContainer__4c011478 .TitleBlock_module_secondaryOverflowCombinedMenu__4c011478{display:none}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_secondaryActionsContainer__4c011478 .TitleBlock_module_secondaryButtonContainer__4c011478,.TitleBlock_module_secondaryActionsContainer__4c011478 .TitleBlock_module_secondaryOverflowMenu__4c011478{display:none}.TitleBlock_module_secondaryActionsContainer__4c011478 .TitleBlock_module_secondaryOverflowCombinedMenu__4c011478{display:flex}}.TitleBlock_module_breadcrumb__4c011478{appearance:none;display:inline;background:transparent;color:inherit;font:inherit;margin:0;padding:0;border:none;cursor:pointer;position:absolute;align-items:center;top:50%;transform:translateY(-50%);text-decoration:none;inset-inline-end:auto;inset-inline-start:calc(-48px - 1.5rem);align-self:self-start;display:none}.TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_breadcrumbTextLink__4c011478{text-decoration:underline}.TitleBlock_module_breadcrumb__4c011478:focus{outline:none}.TitleBlock_module_breadcrumb__4c011478:focus:after{content:"";position:absolute;background:transparent;border-color:var(--color-blue-200,#bde2f5);border-radius:50%;border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - var(--border-focus-ring-border-width, 2px))}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_breadcrumb__4c011478{display:flex;position:relative;transform:translateY(0);margin-inline:0 var(--spacing-12);inset-inline-end:auto;inset-inline-start:0}}}@container (min-width: 1080px){.TitleBlock_module_breadcrumb__4c011478{display:flex;position:relative;transform:translateY(0);margin-inline:0 var(--spacing-12);inset-inline-end:auto;inset-inline-start:0}}.TitleBlock_module_breadcrumbTextLink__4c011478{clip-path:rect(0 0 0 0);height:1px;overflow:hidden;white-space:nowrap;width:1px;inset-inline-end:auto;inset-inline-start:-3rem;position:absolute}@container (max-width: 1644px){.TitleBlock_module_breadcrumbTextLink__4c011478{inset-inline-end:auto;inset-inline-start:1.5rem}}@media only screen{@container (min-width: 1644px){.TitleBlock_module_breadcrumbTextLink__4c011478{inset-inline-end:auto;inset-inline-start:calc(48px - 1.5rem)}}}.TitleBlock_module_breadcrumbTextLink__4c011478:focus,.TitleBlock_module_breadcrumbTextLink__4c011478:hover,.TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_breadcrumbTextLink__4c011478,.TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_breadcrumbTextLink__4c011478{clip-path:none;height:auto;overflow:initial;position:static;white-space:normal;width:auto;position:absolute;display:block;animation:TitleBlock_module_slideFade__4c011478 .4s}[dir=rtl] .TitleBlock_module_breadcrumbTextLink__4c011478:focus,[dir=rtl] .TitleBlock_module_breadcrumbTextLink__4c011478:hover,[dir=rtl] .TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_breadcrumbTextLink__4c011478,[dir=rtl] .TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_breadcrumbTextLink__4c011478{animation:TitleBlock_module_reverseSlideFade__4c011478 .4s}.TitleBlock_module_breadcrumbText__4c011478{margin-inline-start:var(--spacing-xl,3rem);white-space:nowrap;font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);font-size:var(--typography-heading-5-font-size,1rem);line-height:var(--typography-heading-5-line-height,1.5rem);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.TitleBlock_module_breadcrumbText__4c011478,.TitleBlock_module_breadcrumb__4c011478,.TitleBlock_module_breadcrumb__4c011478:hover{color:var(--color-white,#fff)}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_breadcrumbText__4c011478,.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478,.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_breadcrumbText__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_breadcrumbText__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover{color:var(--color-purple-800,#2f2438)}.TitleBlock_module_circle__4c011478{flex:0 0 48px;box-sizing:border-box;width:48px;height:48px;color:var(--color-white,#fff);border-color:rgba(var(--color-white-rgb,255,255,255),.5);border-width:2px;border-radius:50%;border-style:solid;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_circle__4c011478,.TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_circle__4c011478{transform:scale(1.1);border-color:var(--color-white,#fff);color:var(--color-white,#fff);background-color:rgba(var(--color-white-rgb,255,255,255),.1)}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_circle__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_circle__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_circle__4c011478{color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-300,#73c0e8);border-width:3px}.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_circle__4c011478,.TitleBlock_module_adminVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_circle__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_circle__4c011478,.TitleBlock_module_educationVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_circle__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:focus .TitleBlock_module_circle__4c011478,.TitleBlock_module_lightVariant__4c011478 .TitleBlock_module_breadcrumb__4c011478:hover .TitleBlock_module_circle__4c011478{border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3);background-color:rgba(var(--color-blue-500-rgb,1,104,179),.1)}}@keyframes TitleBlock_module_slideFade__4c011478{0%{display:none;opacity:0}1%{display:block;opacity:0;transform:translateX(-30px)}to{opacity:100%;transform:translateX(0)}}@keyframes TitleBlock_module_reverseSlideFade__4c011478{0%{display:none;opacity:0}1%{display:block;opacity:0;transform:translateX(30px)}to{opacity:100%;transform:translateX(0)}}
+@layer kz-components{.TitleBlock_module_titleBlock__bf81bfa7{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-purple-600,#5f3361);width:100%;display:flex;justify-content:center;flex-direction:column}.TitleBlock_module_titleBlock__bf81bfa7.TitleBlock_module_lightVariant__bf81bfa7{background-color:var(--color-white,#fff)}.TitleBlock_module_titleBlock__bf81bfa7.TitleBlock_module_educationVariant__bf81bfa7{background-color:var(--color-blue-100,#e6f6ff)}.TitleBlock_module_titleBlock__bf81bfa7.TitleBlock_module_adminVariant__bf81bfa7{background-color:var(--color-gray-100,#f9f9f9)}@media print{.TitleBlock_module_titleBlock__bf81bfa7{display:none}}.TitleBlock_module_titleRow__bf81bfa7{box-sizing:border-box;display:flex;width:100%;justify-content:center}.TitleBlock_module_rowBelowSeparator__bf81bfa7{display:flex;width:100%;justify-content:center;position:relative}.TitleBlock_module_sticky__bf81bfa7{display:contents}.TitleBlock_module_sticky__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7{z-index:5;position:sticky;top:calc(var(--app-chrome-sticky-offset, 72px) + var(--titleblock-sticky-offset, 0px))}@media (width < 1080px){.TitleBlock_module_sticky__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7{top:var(--titleblock-sticky-offset,0)}}.TitleBlock_module_sticky__bf81bfa7 .TitleBlock_module_rowBelowSeparator__bf81bfa7{z-index:0}.TitleBlock_module_sticky__bf81bfa7 .TitleBlock_module_rowBelowSeparator__bf81bfa7,.TitleBlock_module_sticky__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7{background-color:var(--color-purple-600,#5f3361)}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7,.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7,.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_rowBelowSeparator__bf81bfa7,.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7{background-color:var(--color-white,#fff)}.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_rowBelowSeparator__bf81bfa7{background-color:var(--color-gray-100,#f9f9f9)}.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_rowBelowSeparator__bf81bfa7,.TitleBlock_module_sticky__bf81bfa7.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_titleRow__bf81bfa7{background-color:var(--color-blue-100,#e6f6ff)}.TitleBlock_module_rowBelowSeparatorInner__bf81bfa7,.TitleBlock_module_titleRowInner__bf81bfa7{box-sizing:border-box;max-width:1392px;display:flex;flex-direction:column;width:100%;min-width:0;padding:0 20px 0 0}@media (min-width:1080px){.TitleBlock_module_rowBelowSeparatorInner__bf81bfa7,.TitleBlock_module_titleRowInner__bf81bfa7{padding:0;margin-inline:24px}}.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_titleRowInner__bf81bfa7{box-shadow:inset 0 -.0625rem 0 0 var(--color-gray-300,#eaeaec)}.TitleBlock_module_rowBelowSeparatorInner__bf81bfa7{padding:0 4px 0 12px}@media (min-width:1080px){.TitleBlock_module_rowBelowSeparatorInner__bf81bfa7{padding:0;margin-inline:24px}}.TitleBlock_module_titleRowInnerContent__bf81bfa7{box-sizing:border-box;min-height:88px;position:relative;display:flex;width:100%;align-items:center;gap:12px;padding-block:20px;justify-content:space-between;box-shadow:inset 0 -.0625rem 0 0 rgba(var(--color-white-rgb,255,255,255),.1)}.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_titleRowInnerContent__bf81bfa7{box-shadow:inset 0 -.0625rem 0 0 rgba(var(--color-purple-700-rgb,74,35,77),.2)}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_titleRowInnerContent__bf81bfa7,.TitleBlock_module_collapseNavigationArea__bf81bfa7 .TitleBlock_module_titleRowInnerContent__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_titleRowInnerContent__bf81bfa7{box-shadow:none}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_titleRowInnerContent__bf81bfa7,.TitleBlock_module_titleRowInnerContent__bf81bfa7{box-shadow:none}}@container (max-width: 576px){.TitleBlock_module_titleRowInnerContent__bf81bfa7{flex-wrap:wrap;gap:4px}}.TitleBlock_module_title__bf81bfa7{align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical}@container (max-width: 1365px){.TitleBlock_module_title__bf81bfa7{width:100%}}.TitleBlock_module_titleAndSubtitle__bf81bfa7{display:flex;align-items:center;min-width:0;transform:translateY(-.0833em)}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitle__bf81bfa7{transform:translateY(-12px)}}.TitleBlock_module_titleAndSubtitleInner__bf81bfa7{display:flex;min-width:0}.TitleBlock_module_hasSubtitle__bf81bfa7.TitleBlock_module_hasLongTitle__bf81bfa7.TitleBlock_module_hasLongSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:center}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__bf81bfa7.TitleBlock_module_hasLongTitle__bf81bfa7.TitleBlock_module_hasLongSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:baseline}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_hasPageSwitcherSelect__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:normal;flex-direction:column;justify-content:space-between;transform:translateY(.5rem)}}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:baseline;overflow:hidden}@container (max-width: 1365px){.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:normal;flex-direction:column;justify-content:space-between;transform:translateY(.5rem)}.TitleBlock_module_hasLongTitle__bf81bfa7.TitleBlock_module_hasLongSubtitle__bf81bfa7 .TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{align-items:baseline}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleAndSubtitleInner__bf81bfa7{transform:translateY(.75rem)}}.TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:8px 0}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{margin-bottom:0}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{margin-bottom:0}}}@container (min-width: 1080px){.TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{margin-bottom:0}}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_hasLongTitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_hasLongTitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{margin-bottom:0}}}@container (min-width: 1080px) and (max-width: 1365px){.TitleBlock_module_hasLongTitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal);margin:2px 0}.TitleBlock_module_hasSubtitle__bf81bfa7 .TitleBlock_module_hasLongTitle__bf81bfa7 .TitleBlock_module_titleTextOverride__bf81bfa7.TitleBlock_module_titleTextOverride__bf81bfa7{margin-bottom:0}}.TitleBlock_module_avatar__bf81bfa7{display:none;align-self:self-start;box-sizing:border-box;height:3rem;width:3rem;margin-inline-end:.75rem;margin-inline-start:0}.TitleBlock_module_avatar__bf81bfa7>*{max-width:100%}.TitleBlock_module_avatar__bf81bfa7.TitleBlock_module_withBorder__bf81bfa7{overflow:hidden;border:3px solid var(--color-white,#fff);border-radius:50%}.TitleBlock_module_hasLongTitle__bf81bfa7 .TitleBlock_module_avatar__bf81bfa7{display:none}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_avatar__bf81bfa7{display:block}}}@container (min-width: 1080px){.TitleBlock_module_avatar__bf81bfa7{display:block}}.TitleBlock_module_hamburger__bf81bfa7{display:flex;align-self:self-start}@media (min-width:1080px){.TitleBlock_module_hamburger__bf81bfa7{display:none}}.TitleBlock_module_subtitle__bf81bfa7{display:flex;align-items:center;color:var(--color-white,#fff);font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-small-font-weight,400);font-size:var(--typography-paragraph-small-font-size,.875rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);max-width:230px;margin-inline:var(--spacing-12) 0}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_subtitle__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_subtitle__bf81bfa7{color:var(--color-purple-800,#2f2438)}@container (max-width: 1365px){.TitleBlock_module_subtitle__bf81bfa7{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:none;margin:.3rem 0}.TitleBlock_module_subtitleText__bf81bfa7{max-width:42vw;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@container (max-width: calc(768px - 1px)){.TitleBlock_module_subtitleText__bf81bfa7{max-width:88vw}}.TitleBlock_module_sectionTitleContainer__bf81bfa7{display:flex;align-items:center;padding-block:9px;padding-inline-end:8px}@container (min-width: 1080px){.TitleBlock_module_sectionTitleContainer__bf81bfa7{padding-block:17px}}.TitleBlock_module_sectionTitle__bf81bfa7{display:block}.TitleBlock_module_sectionTitleInner__bf81bfa7{display:flex;flex-direction:column;row-gap:4px}@container (min-width: 1080px){.TitleBlock_module_sectionTitleInner__bf81bfa7{flex-direction:row;align-items:center;column-gap:12px}}.TitleBlock_module_sectionTitleOverride__bf81bfa7.TitleBlock_module_sectionTitleOverride__bf81bfa7{white-space:nowrap;font-family:var(--typography-heading-2-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-2-font-weight,600);font-size:var(--typography-heading-2-font-size,1.75rem);line-height:var(--typography-heading-2-line-height,2.25rem);letter-spacing:var(--typography-heading-2-letter-spacing,normal)}@container (max-width: 1644px){.TitleBlock_module_sectionTitleOverride__bf81bfa7.TitleBlock_module_sectionTitleOverride__bf81bfa7{font-family:var(--typography-heading-3-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-3-font-weight,600);font-size:var(--typography-heading-3-font-size,1.375rem);line-height:var(--typography-heading-3-line-height,1.875rem);letter-spacing:var(--typography-heading-3-letter-spacing,normal)}}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_sectionTitleOverride__bf81bfa7.TitleBlock_module_sectionTitleOverride__bf81bfa7{font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-4-font-weight,600);font-size:var(--typography-heading-4-font-size,1.125rem);line-height:var(--typography-heading-4-line-height,1.5rem);letter-spacing:var(--typography-heading-4-letter-spacing,normal)}}.TitleBlock_module_sectionTitleDescription__bf81bfa7{color:var(--color-white,#fff);max-width:780px;font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-paragraph-small-font-weight,400);font-size:var(--typography-paragraph-small-font-size,.875rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal)}.TitleBlock_module_sectionTitleDescription__bf81bfa7.TitleBlock_module_dark__bf81bfa7{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.TitleBlock_module_rowBelowSeparatorInnerContent__bf81bfa7{display:flex;width:100%;justify-content:space-between}.TitleBlock_module_titleAndAdjacent__bf81bfa7{display:flex;min-width:0}.TitleBlock_module_titleAndAdjacentNotBreadcrumb__bf81bfa7{display:flex;transition:opacity .3s ease;min-width:0;align-items:center}.TitleBlock_module_breadcrumbTextLink__bf81bfa7:focus~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__bf81bfa7,.TitleBlock_module_breadcrumbTextLink__bf81bfa7:hover~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7:focus~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7:hover~.TitleBlock_module_titleAndAdjacentNotBreadcrumb__bf81bfa7{opacity:0}.TitleBlock_module_tag__bf81bfa7{display:none;align-items:center;margin-inline:var(--spacing-12) 0}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_tag__bf81bfa7{display:flex}}}@container (min-width: 1080px){.TitleBlock_module_tag__bf81bfa7{display:flex}}.TitleBlock_module_tag__bf81bfa7+.TitleBlock_module_pageSwitcherSelectNextToTitle__bf81bfa7{margin-inline-start:0}.TitleBlock_module_pageSwitcherSelectNextToTitle__bf81bfa7{flex-shrink:0;width:var(--spacing-240);margin-inline:var(--spacing-12) 0}.TitleBlock_module_pageSwitcherSelectUnderneathTitle__bf81bfa7{flex-shrink:0;max-width:var(--spacing-240)}.TitleBlock_module_navigationTabsContainer__bf81bfa7{height:4.5rem}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabsContainer__bf81bfa7{height:3.75rem}}.TitleBlock_module_navigationTabsContainerCollapsed__bf81bfa7{height:0}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_navigationTabsContainerCollapsed__bf81bfa7{height:0}}@container (max-width: calc(768px - 1px)){.TitleBlock_module_hasNavigationTabs__bf81bfa7 .TitleBlock_module_navigationTabScrollerContainer__bf81bfa7{height:3.75rem;display:block;overflow-x:scroll;scrollbar-width:none;width:100vw}.TitleBlock_module_hasNavigationTabs__bf81bfa7 .TitleBlock_module_navigationTabScrollerContainer__bf81bfa7::-webkit-scrollbar{display:none}}.TitleBlock_module_navigationTabsNav__bf81bfa7{height:100%}.TitleBlock_module_navigationTabsList__bf81bfa7{list-style:none;padding:0;margin:0;display:flex;height:100%}.TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7,.TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{display:none;pointer-events:none}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7,.TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{display:block;position:absolute;top:3.75rem;width:3.75rem;height:3.75rem;background:linear-gradient(0deg,var(--color-purple-600,#5f3361),rgba(var(--color-purple-600-rgb,95,51,97),0));z-index:1}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7,.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{background:linear-gradient(0deg,var(--color-gray-100,#f9f9f9),rgba(var(--color-gray-100-rgb,249,249,249),0))}.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{background:linear-gradient(0deg,var(--color-blue-200,#bde2f5),rgba(var(--color-blue-200-rgb,189,226,245),0))}}.TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7{transform:rotate(90deg);left:0;top:calc(100% - 4.5rem)}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowLeft__bf81bfa7{top:calc(100% - 3.75rem)}}.TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{transform:rotate(-90deg);right:0;top:calc(100% - 4.5rem)}@container (max-width: calc(768px - 1px)){.TitleBlock_module_navigationTabEdgeShadowRight__bf81bfa7{top:calc(100% - 3.75rem)}}.TitleBlock_module_secondaryActionsContainer__bf81bfa7{display:flex}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_secondaryActionsContainer__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_secondaryActionsContainer__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_secondaryActionsContainer__bf81bfa7{color:var(--color-blue-500,#0168b3)}.TitleBlock_module_secondaryActionsContainer__bf81bfa7 .TitleBlock_module_secondaryOverflowCombinedMenu__bf81bfa7{display:none}@container (max-width: calc(1080px - 1px)){.TitleBlock_module_secondaryActionsContainer__bf81bfa7 .TitleBlock_module_secondaryButtonContainer__bf81bfa7,.TitleBlock_module_secondaryActionsContainer__bf81bfa7 .TitleBlock_module_secondaryOverflowMenu__bf81bfa7{display:none}.TitleBlock_module_secondaryActionsContainer__bf81bfa7 .TitleBlock_module_secondaryOverflowCombinedMenu__bf81bfa7{display:flex}}.TitleBlock_module_breadcrumb__bf81bfa7{appearance:none;display:inline;background:transparent;color:inherit;font:inherit;margin:0;padding:0;border:none;cursor:pointer;position:absolute;align-items:center;top:50%;transform:translateY(-50%);text-decoration:none;inset-inline-end:auto;inset-inline-start:calc(-48px - 1.5rem);align-self:self-start;display:none}.TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_breadcrumbTextLink__bf81bfa7{text-decoration:underline}.TitleBlock_module_breadcrumb__bf81bfa7:focus{outline:none}.TitleBlock_module_breadcrumb__bf81bfa7:focus:after{content:"";position:absolute;background:transparent;border-color:var(--color-blue-200,#bde2f5);border-radius:50%;border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - var(--border-focus-ring-border-width, 2px))}@media (min-width:1080px) and (max-width:1095px){@container (min-width: 1065px){.TitleBlock_module_breadcrumb__bf81bfa7{display:flex;position:relative;transform:translateY(0);margin-inline:0 var(--spacing-12);inset-inline-end:auto;inset-inline-start:0}}}@container (min-width: 1080px){.TitleBlock_module_breadcrumb__bf81bfa7{display:flex;position:relative;transform:translateY(0);margin-inline:0 var(--spacing-12);inset-inline-end:auto;inset-inline-start:0}}.TitleBlock_module_breadcrumbTextLink__bf81bfa7{clip-path:rect(0 0 0 0);height:1px;overflow:hidden;white-space:nowrap;width:1px;inset-inline-end:auto;inset-inline-start:-3rem;position:absolute}@container (max-width: 1644px){.TitleBlock_module_breadcrumbTextLink__bf81bfa7{inset-inline-end:auto;inset-inline-start:1.5rem}}@media only screen{@container (min-width: 1644px){.TitleBlock_module_breadcrumbTextLink__bf81bfa7{inset-inline-end:auto;inset-inline-start:calc(48px - 1.5rem)}}}.TitleBlock_module_breadcrumbTextLink__bf81bfa7:focus,.TitleBlock_module_breadcrumbTextLink__bf81bfa7:hover,.TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_breadcrumbTextLink__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_breadcrumbTextLink__bf81bfa7{clip-path:none;height:auto;overflow:initial;position:static;white-space:normal;width:auto;position:absolute;display:block;animation:TitleBlock_module_slideFade__bf81bfa7 .4s}[dir=rtl] .TitleBlock_module_breadcrumbTextLink__bf81bfa7:focus,[dir=rtl] .TitleBlock_module_breadcrumbTextLink__bf81bfa7:hover,[dir=rtl] .TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_breadcrumbTextLink__bf81bfa7,[dir=rtl] .TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_breadcrumbTextLink__bf81bfa7{animation:TitleBlock_module_reverseSlideFade__bf81bfa7 .4s}.TitleBlock_module_breadcrumbText__bf81bfa7{margin-inline-start:var(--spacing-xl,3rem);white-space:nowrap;font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);font-size:var(--typography-heading-5-font-size,1rem);line-height:var(--typography-heading-5-line-height,1.5rem);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.TitleBlock_module_breadcrumbText__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7:hover{color:var(--color-white,#fff)}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_breadcrumbText__bf81bfa7,.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7,.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_breadcrumbText__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_breadcrumbText__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover{color:var(--color-purple-800,#2f2438)}.TitleBlock_module_circle__bf81bfa7{flex:0 0 48px;box-sizing:border-box;width:48px;height:48px;color:var(--color-white,#fff);border-color:rgba(var(--color-white-rgb,255,255,255),.5);border-width:2px;border-radius:50%;border-style:solid;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,transform .3s ease}.TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_circle__bf81bfa7{transform:scale(1.1);border-color:var(--color-white,#fff);color:var(--color-white,#fff);background-color:rgba(var(--color-white-rgb,255,255,255),.1)}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_circle__bf81bfa7{color:var(--color-blue-500,#0168b3);border-color:var(--color-blue-300,#73c0e8);border-width:3px}.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_adminVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_educationVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:focus .TitleBlock_module_circle__bf81bfa7,.TitleBlock_module_lightVariant__bf81bfa7 .TitleBlock_module_breadcrumb__bf81bfa7:hover .TitleBlock_module_circle__bf81bfa7{border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3);background-color:rgba(var(--color-blue-500-rgb,1,104,179),.1)}}@keyframes TitleBlock_module_slideFade__bf81bfa7{0%{display:none;opacity:0}1%{display:block;opacity:0;transform:translateX(-30px)}to{opacity:100%;transform:translateX(0)}}@keyframes TitleBlock_module_reverseSlideFade__bf81bfa7{0%{display:none;opacity:0}1%{display:block;opacity:0;transform:translateX(30px)}to{opacity:100%;transform:translateX(0)}}
 @layer kz-components{.NavigationTabs_module_container__4922a6ad{display:flex;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.NavigationTabs_module_linkAnchor__4922a6ad{display:flex;height:100%;align-items:center;padding:0 var(--spacing-sm,.75rem);position:relative;color:rgba(var(--color-white-rgb,255,255,255),.7);font-family:var(--typography-heading-4-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-4-font-weight,600);font-size:var(--typography-heading-4-font-size,1.125rem);line-height:var(--typography-heading-4-line-height,1.5rem);letter-spacing:var(--typography-heading-4-letter-spacing,normal);text-decoration:none;white-space:nowrap;margin-inline-end:var(--spacing-md,1.5rem)}.NavigationTabs_module_linkAnchor__4922a6ad:hover{color:var(--color-white,#fff);text-decoration:none}@container (max-width: 1365px){.NavigationTabs_module_linkAnchor__4922a6ad{font-family:var(--typography-heading-5-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-weight:var(--typography-heading-5-font-weight,600);font-size:var(--typography-heading-5-font-size,1rem);line-height:var(--typography-heading-5-line-height,1.5rem);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}}@container (max-width: 1439px){.NavigationTabs_module_linkAnchor__4922a6ad{margin-inline-end:var(--spacing-xs,.375rem)}}@media (max-width:1189px){.NavigationTabs_module_linkAnchor__4922a6ad{margin:0}}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_active__4922a6ad,.NavigationTabs_module_linkAnchor__4922a6ad:focus{color:var(--color-white,#fff)}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_active__4922a6ad:before,.NavigationTabs_module_linkAnchor__4922a6ad:focus:before{content:"";display:block;height:5px;position:absolute;top:0;left:0;right:0;background-color:var(--color-white,#fff);transition:transform .15s cubic-bezier(.55,.085,.68,.53);border-radius:0 0 var(--border-solid-border-radius,7px) var(--border-solid-border-radius,7px)}@container (max-width: calc(1080px - 1px)){.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_active__4922a6ad:before,.NavigationTabs_module_linkAnchor__4922a6ad:focus:before{top:auto;bottom:0;border-radius:var(--border-solid-border-radius,7px) var(--border-solid-border-radius,7px) 0 0}}.NavigationTabs_module_linkAnchor__4922a6ad:focus{outline:none}.NavigationTabs_module_linkAnchor__4922a6ad:focus:before{background-color:var(--color-blue-200,#bde2f5)}.NavigationTabs_module_linkAnchor__4922a6ad:focus:after{content:"";position:absolute;background:transparent;border-color:var(--color-blue-200,#bde2f5);border-radius:0 0 var(--border-focus-ring-border-radius,10px) var(--border-focus-ring-border-radius,10px);border-width:var(--border-focus-ring-border-width,2px);border-style:var(--border-focus-ring-border-style,solid);inset:0 calc(var(--border-focus-ring-border-width, 2px)*-1) 5px}@container (max-width: calc(1080px - 1px)){.NavigationTabs_module_linkAnchor__4922a6ad:focus:after{border-radius:var(--border-focus-ring-border-radius,10px) var(--border-focus-ring-border-radius,10px) 0 0;inset:5px calc(var(--border-focus-ring-border-width, 2px)*-1) 0 calc(var(--border-focus-ring-border-width, 2px)*-1)}}@media (forced-colors:active){.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_active__4922a6ad:before,.NavigationTabs_module_linkAnchor__4922a6ad:focus:before{background:transparent;border:5px solid transparent;height:0}}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_lightBackground__4922a6ad{color:rgba(var(--color-purple-800-rgb,47,36,56),.75)}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_lightBackground__4922a6ad:hover{color:var(--color-blue-500,#0168b3)}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_lightBackground__4922a6ad.NavigationTabs_module_active__4922a6ad{color:var(--color-blue-500,#0168b3)}.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_lightBackground__4922a6ad.NavigationTabs_module_active__4922a6ad:before{background-color:var(--color-blue-500,#0168b3)}@container (max-width: calc(1080px - 1px)){.NavigationTabs_module_linkAnchor__4922a6ad.NavigationTabs_module_lightBackground__4922a6ad.NavigationTabs_module_active__4922a6ad:before{top:auto;bottom:0;border-radius:var(--border-solid-border-radius,7px) var(--border-solid-border-radius,7px) 0 0}}}
 @layer kz-components{:root{--animation-timing:var(--animation-duration-immediate) var(--animation-easing-function-linear);--focus-ring-offset:1px}.ToggleSwitch_module_checkbox__798b80e2{opacity:0;position:absolute;.ideal-sans &{position:absolute}}.ToggleSwitch_module_track__798b80e2{position:relative;background-color:var(--color-gray-500);border:var(--border-borderless-border-width) var(--border-borderless-border-style) var(--border-borderless-border-color);border-radius:var(--spacing-md);box-sizing:content-box;width:calc((var(--spacing-md)*1.05)*2);height:calc(var(--spacing-md)*1.25);padding:0 calc(var(--spacing-md)*.15);display:flex;align-items:center;transition:background-color var(--animation-timing);.ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2):focus+&,.ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2):hover:focus+&{border-color:transparent;outline:2px solid var(--color-blue-500);outline-offset:var(--focus-ring-offset);background-color:var(--color-gray-600)}.ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+&:hover,label:hover .ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+&{background-color:var(--color-gray-600)}}.ToggleSwitch_module_thumb__798b80e2{display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:var(--border-borderless-border-width) var(--border-borderless-border-style) var(--border-borderless-border-color);border-radius:var(--spacing-md);transition:left var(--animation-timing),right var(--animation-timing);cursor:default}.ToggleSwitch_module_checkIcon__798b80e2{color:var(--color-green-500);opacity:0;transition-duration:var(--animation-duration-rapid)}.ToggleSwitch_module_on__798b80e2{.ToggleSwitch_module_checkbox__798b80e2+.ToggleSwitch_module_track__798b80e2{border-color:var(--border-borderless-border-color);background-color:var(--color-green-500)}.ToggleSwitch_module_checkbox__798b80e2:focus+.ToggleSwitch_module_track__798b80e2{border-color:transparent;background-color:var(--color-green-600)}.ToggleSwitch_module_thumb__798b80e2{position:relative;right:auto;inset-inline-start:calc(var(--spacing-md)*1.1)}.ToggleSwitch_module_checkIcon__798b80e2{opacity:1;transition-delay:var(--animation-duration-immediate);transition-duration:var(--animation-duration-fast)}.ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+.ToggleSwitch_module_track__798b80e2:hover,label:hover & .ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+.ToggleSwitch_module_track__798b80e2{background-color:var(--color-green-600)}}.ToggleSwitch_module_off__798b80e2{.ToggleSwitch_module_thumb__798b80e2{position:relative;right:auto;inset-inline-start:calc(var(--spacing-md)*-.05)}}.ToggleSwitch_module_reversed__798b80e2{.ToggleSwitch_module_checkbox__798b80e2:focus+.ToggleSwitch_module_track__798b80e2,.ToggleSwitch_module_checkbox__798b80e2:hover:focus+.ToggleSwitch_module_track__798b80e2{outline-color:var(--color-blue-300)}&.ToggleSwitch_module_off__798b80e2{.ToggleSwitch_module_track__798b80e2{background-color:rgb(var(--color-white-rgb),.2)}.ToggleSwitch_module_checkbox__798b80e2:focus+.ToggleSwitch_module_track__798b80e2,.ToggleSwitch_module_checkbox__798b80e2:hover:focus+.ToggleSwitch_module_track__798b80e2{background-color:rgb(var(--color-white-rgb),.65)}.ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+.ToggleSwitch_module_track__798b80e2:hover,label:hover & .ToggleSwitch_module_checkbox__798b80e2:not(.ToggleSwitch_module_disabled__798b80e2)+.ToggleSwitch_module_track__798b80e2{background-color:rgb(var(--color-white-rgb),.65)}}}label .ToggleSwitch_module_disabled__798b80e2.ToggleSwitch_module_track__798b80e2{opacity:1}.ToggleSwitch_module_disabled__798b80e2.ToggleSwitch_module_track__798b80e2{opacity:.3}}
 @layer kz-components{.ToggleSwitchField_module_container__30498bc6{display:flex}.ToggleSwitchField_module_fullWidth__30498bc6{.ToggleSwitchField_module_inner__30498bc6{width:100%}}.ToggleSwitchField_module_on__30498bc6 label{font-weight:var(--typography-paragraph-bold-font-weight)}}

package/dist/types/TitleBlock/TitleBlock.d.ts CHANGED Viewed

@@ -4,6 +4,6 @@ import { type TitleBlockProps } from './types';
  * {@link https://cultureamp.design/?path=/docs/components-titleblock-api-specification--docs Storybook}
  */
 export declare const TitleBlock: {
-    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
+    ({ title, variant, breadcrumb, avatar, subtitle, sectionTitle, sectionTitleDescription, renderSectionTitle, pageSwitcherSelect, handleHamburgerClick, primaryAction, defaultAction, secondaryActions, secondaryOverflowMenuItems, navigationTabs, collapseNavigationAreaWhenPossible, sticky, textDirection, surveyStatus, id, titleAutomationId, avatarAutomationId, subtitleAutomationId, sectionTitleAutomationId, sectionTitleDescriptionAutomationId, breadcrumbAutomationId, breadcrumbTextAutomationId, }: TitleBlockProps): JSX.Element;
     displayName: string;
 };

package/dist/types/TitleBlock/types.d.ts CHANGED Viewed

@@ -31,6 +31,17 @@ export type TitleBlockProps = {
     secondaryOverflowMenuItems?: TitleBlockMenuItemProps[];
     navigationTabs?: NavigationTabs;
     collapseNavigationAreaWhenPossible?: boolean;
+    /**
+     * Makes the top strip stick to the top of its scrollable container as the
+     * content scrolls. The TitleBlock must be rendered inside a scrollable
+     * ancestor. When enabled the root becomes `display: contents` so the strip
+     * pins as a sibling of the scrolling content; its offset is
+     * `--app-chrome-sticky-offset` (owned by AppChrome, read-only) plus the
+     * opt-in `--titleblock-sticky-offset` a consumer sets to reserve space for a
+     * banner above it. Below 1080px the app-chrome offset is dropped to match the
+     * collapsed hamburger nav.
+     */
+    sticky?: boolean;
     textDirection?: TextDirection;
     surveyStatus?: SurveyStatus;
     id?: string;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kaizen/components",
-  "version": "3.3.4",
+  "version": "3.3.6",
   "description": "Kaizen component library",
   "author": "Geoffrey Chong <geoff.chong@cultureamp.com>",
   "homepage": "https://cultureamp.design",

package/src/Select/Select.module.scss CHANGED Viewed

@@ -51,6 +51,18 @@ $focus-border-color: $color-blue-500;
   .multiValue {
     margin: 0.2375rem;
     z-index: 1;
+    max-width: 100%;
+    min-width: 0;
+    > div {
+      max-width: 100%;
+      overflow: hidden;
+      span {
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    }
   }
   .dropdownIndicator {

package/src/Select/Select.tsx CHANGED Viewed

@@ -216,7 +216,7 @@ const SingleValue: typeof components.SingleValue = (props) => (
 )
 const MultiValue: typeof components.MultiValue = (props) => (
-  <div className={styles.multiValue}>
+  <div className={styles.multiValue} title={String(props.children)}>
     <Tag variant="default" dismissible inline onDismiss={props.removeProps.onClick}>
       {props.children}
     </Tag>

package/src/TitleBlock/TitleBlock.module.scss CHANGED Viewed

@@ -61,6 +61,35 @@
     display: flex;
     width: 100%;
     justify-content: center;
+    position: relative;
+  }
+  .sticky {
+    display: contents;
+    .titleRow {
+      z-index: 5;
+      position: sticky;
+      top: calc(var(--app-chrome-sticky-offset, 72px) + var(--titleblock-sticky-offset, 0px));
+      @media (width < 1080px) {
+        top: var(--titleblock-sticky-offset, 0);
+      }
+    }
+    .rowBelowSeparator {
+      z-index: 0;
+    }
+  }
+  .sticky .titleRow,
+  .sticky .rowBelowSeparator {
+    background-color: $dt-color-background-color-default;
+  }
+  .sticky.lightVariant .titleRow,
+  .sticky.lightVariant .rowBelowSeparator {
+    background-color: $color-white;
   }
   .lightVariant .titleRow {
@@ -71,6 +100,19 @@
     background-color: $color-white;
   }
+  .sticky.adminVariant .titleRow {
+    background-color: $color-white;
+  }
+  .sticky.adminVariant .rowBelowSeparator {
+    background-color: $dt-color-background-color-admin;
+  }
+  .sticky.educationVariant .titleRow,
+  .sticky.educationVariant .rowBelowSeparator {
+    background-color: $dt-color-background-color-eduction;
+  }
   %titleBlockInner {
     box-sizing: border-box;
     max-width: $layout-content-max-width;

package/src/TitleBlock/TitleBlock.tsx CHANGED Viewed

@@ -248,6 +248,7 @@ export const TitleBlock = ({
   secondaryOverflowMenuItems,
   navigationTabs,
   collapseNavigationAreaWhenPossible = false,
+  sticky = false,
   textDirection,
   surveyStatus,
   id,
@@ -280,6 +281,7 @@ export const TitleBlock = ({
           collapseNavigationArea &&
             !(sectionTitle ?? sectionTitleDescription ?? renderSectionTitle) &&
             styles.collapseNavigationArea,
+          sticky && styles.sticky,
           title && title.length >= 30 && styles.hasLongTitle,
           subtitle &&
             typeof subtitle === 'string' &&

package/src/TitleBlock/_docs/TitleBlock--sticky-banner-guidelines.mdx ADDED Viewed

@@ -0,0 +1,192 @@
+import { Canvas, Meta } from '@storybook/blocks'
+import { ResourceLinks } from '~storybook/components'
+import * as TitleBlockStories from './TitleBlock.stories'
+<Meta title="Components/TitleBlock/Sticky Banner" />
+# Sticky banner above a sticky TitleBlock
+How to reserve sticky space for a banner above a Kaizen `TitleBlock` — using an
+**additive** CSS variable.
+📌 **The rule.** The banner and the TitleBlock strip both pin to the top of the
+scroll container. TitleBlock exposes an additive offset
+`--titleblock-sticky-offset` that your app sets to the banner's height, so the
+strip pins directly below the banner.
+<Canvas of={TitleBlockStories.WithGlobalNotificationAbove} />
+## 1. The mechanism (@kaizen/components)
+Passing `sticky` sets the TitleBlock root to `display: contents` (so it generates
+no box and its strip becomes a sibling of your content in the scroll container)
+and makes the top strip `position: sticky`. The strip's `top` is the sum of two
+variables:
+```scss
+/* @kaizen/components — TitleBlock strip */
+.titleRow {
+  position: sticky;
+  top: calc(
+    var(--app-chrome-sticky-offset, 72px) /* owned by AppChrome */ +
+      var(--titleblock-sticky-offset, 0px) /* opt-in, per consumer */
+  );
+}
+@media (width < 1080px) {
+  /* nav collapses to a hamburger: no top bar */
+  .titleRow {
+    top: var(--titleblock-sticky-offset, 0);
+  }
+}
+```
+**Additive = safe by default.** `--titleblock-sticky-offset` defaults to `0`, so
+every existing TitleBlock is byte-for-byte unchanged unless a consumer opts in.
+And because the shared `--app-chrome-sticky-offset` keeps its value, apps that
+read it for other things (e.g. public-api-ui's
+`min-h-[calc(100vh - var(--app-chrome-sticky-offset))]`) are unaffected.
+## 2. Structure (consuming apps)
+Render the banner and the TitleBlock as siblings in the scroll container. Set
+`--titleblock-sticky-offset` on a thin `display: contents` wrapper around the
+TitleBlock (it adds no box, so it doesn't affect sticky). The banner just reads
+the shared offset for its own pinned position — read-only, never reassigned.
+```
+scroll container  (AppChrome content / window)
+│
+├─ <banner>   position: sticky
+│                top: 0  →  var(--app-chrome-sticky-offset) at ≥1080px
+│
+└─ <div>  display: contents
+     --titleblock-sticky-offset: {bannerHeight}px
+     │
+     └─ <TitleBlock sticky />
+          └─ .titleRow  sticky, top = chromeOffset + bannerHeight
+│
+└─ page content  (scrolls beneath both)
+```
+## 3. The code (consuming apps)
+```tsx
+<div
+  ref={bannerRef}
+  // sticky at all widths: top:0 on mobile (no nav bar),
+  // below the app-chrome bar at >=1080px
+  className="sticky top-0 z-[7] flex items-center justify-center
+             min-[1080px]:top-[var(--app-chrome-sticky-offset)]"
+>
+  Banner content
+</div>
+<div
+  style={{
+    display: 'contents',
+    // reserve space for the banner; kaizen adds this to the strip's top
+    '--titleblock-sticky-offset': `${bannerHeight}px`,
+  }}
+>
+  <TitleBlock sticky … />
+</div>
+```
+No alias variable, no cyclic-reference workaround, no second wrapper, and no
+breakpoint gate on the banner — the additive var handles both breakpoints.
+## 4. Measure the banner height (consuming app)
+Feed a live height into `--titleblock-sticky-offset` so the strip stays flush no
+matter how tall the banner gets (wrapping text, responsive padding). A
+`ResizeObserver` keeps it accurate. If the banner is a fixed height, a constant
+is fine instead.
+```tsx
+const bannerRef = React.useRef<HTMLDivElement>(null)
+// set the initial bannerHeight to the height of the GlobalNotification banner on desktop with English text
+const [bannerHeight, setBannerHeight] = React.useState(48)
+React.useLayoutEffect(() => {
+  const el = bannerRef.current
+  if (!el) return
+  const update = () => setBannerHeight(el.offsetHeight)
+  update()
+  const observer = new ResizeObserver(update)
+  observer.observe(el)
+  return () => observer.disconnect()
+}, [])
+```
+> **⚠️ Server-side rendering.** With a **dynamic** banner height the measured
+> value is only known after hydration. In an SSR app, when a user navigates
+> back/forward the browser restores the saved scroll position (Chrome's default),
+> but the page's memory cache can be missed — so the banner (starting at its
+> initial `useState` value) can flash and shift the TitleBlock into place after
+> hydration. Two mitigations, in order of preference:
+>
+> - **Prefer a fixed/bounded banner height.** Before reaching for a dynamic
+>   height, ask whether the content can be bounded: overflow the scroll, move
+>   items into a dropdown, or trim excess text with a "read more" modal. A
+>   constant height needs no measurement and can't flash.
+> - **Seed a sensible initial height** (as above — the desktop/English
+>   GlobalNotification height, e.g. `48`). This matches most users on first
+>   paint; only smaller screens or longer translations (where the text wraps to
+>   more lines) will adjust after measuring.
+## 5. Result: verified both widths
+Banner and strip stack flush, with no overlap or gap, both pinned through
+scroll. `strip.top − banner.top` equals the banner height at every width
+(example: a 48px banner on desktop may turn into a 128px banner on mobile as
+content shifts to new lines).
+<table>
+  <thead>
+    <tr>
+      <th>Width</th>
+      <th>Banner top</th>
+      <th>Strip top</th>
+      <th>Gap</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>Desktop (≥1080px)</td>
+      <td>72px (chrome bar)</td>
+      <td>120px (72 + 48)</td>
+      <td>48px = banner height</td>
+    </tr>
+    <tr>
+      <td>Mobile (&lt;1080px)</td>
+      <td>0px (hamburger, no bar)</td>
+      <td>128px (0 + 128)</td>
+      <td>128px = banner height</td>
+    </tr>
+  </tbody>
+</table>
+Mobile pins the banner at `0` because the top nav collapses to a hamburger —
+there's no persistent bar to sit under. The `<1080px` rule drops the chrome
+offset and keeps only the additive banner offset, so the two stay in sync.
+## 6. Do & don't
+**Do**
+- Keep the banner and TitleBlock as **siblings** in the scroll container.
+- Set `--titleblock-sticky-offset` on a `display: contents` wrapper right around
+  the TitleBlock.
+- Feed a **measured** banner height into it (or a constant for a fixed banner).
+- Let the banner _read_ `--app-chrome-sticky-offset` for its own pin.
+**Don't**
+- Reassign `--app-chrome-sticky-offset` — it's a shared "app-chrome height"
+  signal other apps read; changing it resizes their layouts.
+- Wrap the TitleBlock in a box with height (e.g. a `<header>`) —
+  `display: contents` makes the strip's containing block that box, killing its
+  sticky travel.
+- Set `--titleblock-sticky-offset` on `:root`/`html` — scope it near the
+  TitleBlock so it can't leak to another nested one.
+- Hardcode `120px` — derive it from the banner height.