npm - @kaizen/components - Versions diffs - 1.37.0 → 1.38.0 - Mend

@kaizen/components 1.37.0 → 1.38.0

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 (920) hide show

package/dist/cjs/index.css CHANGED Viewed

@@ -1,16 +1,12 @@
 .Select-module_container__TaMKg{position:relative;width:100%}.Select-module_notFullWidth__Mr-3G{width:180px}
-.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
-.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
-.Popover-module_popover__B7k5I{background:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}
-.RemoveButton-module_removeButton__9yzxJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible{outline:none}.RemoveButton-module_removeButton__9yzxJ:focus-visible:after,.RemoveButton-module_removeButton__9yzxJ:focus:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-3px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:before{border-radius:50%;content:"";inset:-5px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible,.RemoveButton-module_removeButton__9yzxJ:hover{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.2);color:var(--color-purple-800,#2f2438);cursor:pointer}
 .Main-module_main__hMyB1{z-index:0}
 .Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
-.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
+.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
 .Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
 .Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
-.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
-.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
+.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
 .Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
 .SVG-module_icon__8J5Ev{display:inline-block;height:20px;width:20px}.SVG-module_icon__8J5Ev>use{pointer-events:none}@media screen and (-ms-high-contrast:active){.SVG-module_icon__8J5Ev{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__8J5Ev{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__8J5Ev{color:#000}}.SVG-module_inheritSize__Q8iam{display:block;height:inherit;width:inherit}
 .Avatar-module_wrapper__LY2q2{align-items:center;background:var(--color-gray-300,#eaeaec);border-radius:100%;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden}.Avatar-module_wrapper__LY2q2:not(.Avatar-module_small__PeksS){border:3px solid var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1))}.Avatar-module_wrapper__LY2q2.Avatar-module_personal__2U7--{background:var(--color-orange-100,#fff0e8)}.Avatar-module_wrapper__LY2q2.Avatar-module_otherUser__b-drl{background:var(--color-gray-300,#eaeaec)}.Avatar-module_wrapper__LY2q2.Avatar-module_company__2qtJE{background:var(--color-white,#fff);border:0;border-radius:var(--border-solid-border-radius,7px);padding:6px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS{height:1.25rem;width:1.25rem}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_small__PeksS.Avatar-module_company__2qtJE{padding:0}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8{height:3rem;width:3rem}.Avatar-module_wrapper__LY2q2.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{margin-bottom:-1px}.Avatar-module_wrapper__LY2q2.Avatar-module_large__qiNWs{height:4.5rem;width:4.5rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xlarge__Vx4IG{height:6rem;width:6rem}.Avatar-module_wrapper__LY2q2.Avatar-module_xxlarge__oOoGq{height:7.75rem;width:7.75rem}.Avatar-module_wrapper__LY2q2 .Avatar-module_initials__VDY2Q{speak-as:spell-out;border-bottom:none;text-decoration:none}.Avatar-module_avatarImage__FuULy{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.Avatar-module_loading__i9V-D .Avatar-module_avatarImage__FuULy{display:none}.Avatar-module_companyAvatarImage__7rlfG{border-radius:4px;box-sizing:border-box;-o-object-fit:contain;object-fit:contain}.Avatar-module_fallbackIcon__MPWxq{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);width:28px}.Avatar-module_xxlarge__oOoGq .Avatar-module_fallbackIcon__MPWxq{width:75px}.Avatar-module_xlarge__Vx4IG .Avatar-module_fallbackIcon__MPWxq{width:60px}.Avatar-module_large__qiNWs .Avatar-module_fallbackIcon__MPWxq{width:35px}.Avatar-module_medium__Vy3V8 .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:25px}.Avatar-module_small__PeksS .Avatar-module_fallbackIcon__MPWxq{margin-bottom:-1px;width:10px}.Avatar-module_initials__VDY2Q{box-sizing:border-box;color:var(--color-purple-800,#2f2438);font-family:var(--typography-heading-1-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:22px;font-weight:var(--typography-heading-1-font-weight,700);letter-spacing:var(--typography-heading-3-letter-spacing,normal);padding-left:5px;padding-right:5px;text-align:center;width:100%}.Avatar-module_initials__VDY2Q:not(.Avatar-module_longName__31Yuf):before{content:"";display:block;margin-top:-.001em}.Avatar-module_xlarge__Vx4IG .Avatar-module_initials__VDY2Q,.Avatar-module_xxlarge__oOoGq .Avatar-module_initials__VDY2Q{font-size:34px;letter-spacing:var(--typography-heading-1-letter-spacing,normal)}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q{font-size:16px}.Avatar-module_medium__Vy3V8 .Avatar-module_initials__VDY2Q,.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-weight:var(--typography-heading-5-font-weight,600);letter-spacing:var(--typography-heading-5-letter-spacing,normal)}.Avatar-module_small__PeksS .Avatar-module_initials__VDY2Q{font-size:8px}
@@ -108,6 +104,15 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .ConfirmationModal-module_defaultModalWidth__K3fje{max-width:600px;min-width:300px}.ConfirmationModal-module_backdropLayer__wvXnl{background-color:#000;bottom:0;left:0;opacity:50%;position:fixed;right:0;top:0;z-index:1040}.ConfirmationModal-module_backdropLayer__wvXnl[dir=rtl],[dir=rtl] .ConfirmationModal-module_backdropLayer__wvXnl{left:0;right:0}.ConfirmationModal-module_scrollLayer__x-yP4{align-items:center;bottom:0;display:flex;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1050}.ConfirmationModal-module_scrollLayer__x-yP4[dir=rtl],[dir=rtl] .ConfirmationModal-module_scrollLayer__x-yP4{left:0;right:0}.ConfirmationModal-module_modalLayer__MucTZ{margin:auto;padding:1.5rem 0;width:100%}.ConfirmationModal-module_modal__k3pXu{-webkit-font-smoothing:antialiased;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));color:var(--color-purple-800,#2f2438);margin:auto;position:relative;width:90%}@media (min-width:768px){.ConfirmationModal-module_modal__k3pXu{width:100%}}.ConfirmationModal-module_animatingEnter__4W4xh{transition-duration:var(--animation-duration-fast,.3s)}.ConfirmationModal-module_animatingEnter__4W4xh .ConfirmationModal-module_backdropLayer__wvXnl{animation-duration:201ms;animation-fill-mode:forwards;animation-name:ConfirmationModal-module_fade-0-to-0-5__353tZ}@keyframes ConfirmationModal-module_fade-0-to-0-5__353tZ{0%{opacity:0}to{opacity:.5}}.ConfirmationModal-module_animatingEnter__4W4xh [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:ConfirmationModal-module_custom-1__Ibcy-;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes ConfirmationModal-module_custom-1__Ibcy-{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ConfirmationModal-module_animatingLeave__n-S4X{transition-duration:var(--animation-duration-rapid,.2s)}.ConfirmationModal-module_animatingLeave__n-S4X .ConfirmationModal-module_backdropLayer__wvXnl{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ConfirmationModal-module_fade-0-5-to-0__pfhV-}@keyframes ConfirmationModal-module_fade-0-5-to-0__pfhV-{0%{opacity:.5}to{opacity:0}}.ConfirmationModal-module_animatingLeave__n-S4X [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ConfirmationModal-module_custom-3__MEO7v;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes ConfirmationModal-module_custom-3__MEO7v{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ConfirmationModal-module_unscrollable__wg2AZ{overflow:hidden!important}.ConfirmationModal-module_pseudoScrollbar__NqMuT{padding-right:15px!important}.ConfirmationModal-module_hide__jOdWV{opacity:0;pointer-events:none}.ConfirmationModal-module_modal__k3pXu{max-width:600px;min-width:300px}.ConfirmationModal-module_header__Ooy23{border-radius:var(--border-solid-border-radius,7px) var(--border-solid-border-radius,7px) 0 0;color:var(--color-white,#fff);text-align:left}.ConfirmationModal-module_header__Ooy23.ConfirmationModal-module_padded__nGa2-{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.ConfirmationModal-module_header__Ooy23.ConfirmationModal-module_padded__nGa2-{padding:var(--spacing-md,1.5rem)}}.ConfirmationModal-module_header__Ooy23 h1{color:var(--color-purple-800,#2f2438)}.ConfirmationModal-module_iconContainer__QjdGa{position:relative}.ConfirmationModal-module_positiveHeader__8Dmja{background-color:var(--color-green-100,#e8f8f4)}.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-green-500,#44a289)}.ConfirmationModal-module_assertiveHeader__3chNK{background-color:var(--color-orange-100,#fff0e8)}.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-orange-500,#e96c2f)}.ConfirmationModal-module_informativeHeader__lTv94{background-color:var(--color-blue-100,#e6f6ff)}.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-blue-500,#0168b3)}.ConfirmationModal-module_negativeHeader__Pmob9{background-color:var(--color-red-100,#fdeaee)}.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-red-500,#c93b55)}.ConfirmationModal-module_cautionaryHeader__ZnE4P{background-color:var(--color-yellow-100,#fff9e4)}.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-yellow-500,#ffb600)}.ConfirmationModal-module_assertiveHeader__3chNK,.ConfirmationModal-module_cautionaryHeader__ZnE4P,.ConfirmationModal-module_informativeHeader__lTv94,.ConfirmationModal-module_negativeHeader__Pmob9,.ConfirmationModal-module_positiveHeader__8Dmja{align-items:center;display:grid;grid-template-columns:.2fr 2fr}.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_iconContainer__QjdGa{align-self:flex-start}@media (min-width:768px){.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_iconContainer__QjdGa{align-self:center}}.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_svgIcon__f1ncQ>svg{height:30px;width:30px}@media (max-width:768px){.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_assertiveHeader__3chNK .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_cautionaryHeader__ZnE4P .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_informativeHeader__lTv94 .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_negativeHeader__Pmob9 .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_positiveHeader__8Dmja .ConfirmationModal-module_svgIcon__f1ncQ>svg{margin-right:.9375rem;position:relative;top:.125rem}}.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP{grid-template-columns:1.1fr 2fr}@media (max-width:768px){.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP{align-items:flex-start;display:flex;flex-direction:column;place-content:flex-start center}}.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa{position:absolute;top:8%}@media (max-width:768px){.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_iconContainer__QjdGa{margin-bottom:var(--spacing-sm,.75rem);position:relative;top:0}}.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg{color:var(--color-purple-800,#2f2438);height:155px;margin:0 auto;width:155px}@media (max-width:768px){.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_assertiveHeader__3chNK.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_cautionaryHeader__ZnE4P.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_informativeHeader__lTv94.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_negativeHeader__Pmob9.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_spotIcon__rFSHQ,.ConfirmationModal-module_positiveHeader__8Dmja.ConfirmationModal-module_prominent__8-gkP .ConfirmationModal-module_svgIcon__f1ncQ>svg{height:86px;width:86px}}.ConfirmationModal-module_prominent__8-gkP{align-items:center;display:grid;grid-template-columns:1.1fr 2fr}@media (max-width:768px){.ConfirmationModal-module_prominent__8-gkP{grid-template-columns:1fr}}.ConfirmationModal-module_padded__nGa2-{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem) var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.ConfirmationModal-module_padded__nGa2-{padding:var(--spacing-md,1.5rem)}}
 .ContextModal-module_defaultModalWidth__bgf7L{max-width:600px;min-width:300px}.ContextModal-module_backdropLayer__wuj3B{background-color:#000;bottom:0;left:0;opacity:50%;position:fixed;right:0;top:0;z-index:1040}.ContextModal-module_backdropLayer__wuj3B[dir=rtl],[dir=rtl] .ContextModal-module_backdropLayer__wuj3B{left:0;right:0}.ContextModal-module_scrollLayer__JANXA{align-items:center;bottom:0;display:flex;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1050}.ContextModal-module_scrollLayer__JANXA[dir=rtl],[dir=rtl] .ContextModal-module_scrollLayer__JANXA{left:0;right:0}.ContextModal-module_modalLayer__Cx6aX{margin:auto;padding:1.5rem 0;width:100%}.ContextModal-module_modal__wriV7{-webkit-font-smoothing:antialiased;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));color:var(--color-purple-800,#2f2438);margin:auto;position:relative;width:90%}@media (min-width:768px){.ContextModal-module_modal__wriV7{width:100%}}.ContextModal-module_animatingEnter__53BlF{transition-duration:var(--animation-duration-fast,.3s)}.ContextModal-module_animatingEnter__53BlF .ContextModal-module_backdropLayer__wuj3B{animation-duration:201ms;animation-fill-mode:forwards;animation-name:ContextModal-module_fade-0-to-0-5__vZx9M}@keyframes ContextModal-module_fade-0-to-0-5__vZx9M{0%{opacity:0}to{opacity:.5}}.ContextModal-module_animatingEnter__53BlF [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:ContextModal-module_custom-1__be8sO;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes ContextModal-module_custom-1__be8sO{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ContextModal-module_animatingLeave__-JR11{transition-duration:var(--animation-duration-rapid,.2s)}.ContextModal-module_animatingLeave__-JR11 .ContextModal-module_backdropLayer__wuj3B{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ContextModal-module_fade-0-5-to-0__R4eO-}@keyframes ContextModal-module_fade-0-5-to-0__R4eO-{0%{opacity:.5}to{opacity:0}}.ContextModal-module_animatingLeave__-JR11 [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ContextModal-module_custom-3__klp3m;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes ContextModal-module_custom-3__klp3m{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ContextModal-module_unscrollable__kF7MR{overflow:hidden!important}.ContextModal-module_pseudoScrollbar__6RfHj{padding-right:15px!important}.ContextModal-module_hide__Sdnsg{opacity:0;pointer-events:none}.ContextModal-module_modal__wriV7{max-width:840px;min-width:300px}@media (min-width:768px){.ContextModal-module_modal__wriV7{width:90%}}.ContextModal-module_animatingEnter__53BlF .ContextModal-module_modal__wriV7{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:ContextModal-module_custom-5__deZpl;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes ContextModal-module_custom-5__deZpl{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.ContextModal-module_animatingLeave__-JR11 .ContextModal-module_modal__wriV7{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:ContextModal-module_custom-7__rPmP4;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes ContextModal-module_custom-7__rPmP4{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.ContextModal-module_header__V4IRF{color:var(--color-purple-800,#2f2438);text-align:left}.ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1{padding:var(--spacing-md,1.5rem)}@media (min-width:768px){.ContextModal-module_header__V4IRF.ContextModal-module_padded__osmk1{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal-module_footerWithSecondaryAction__-5sq8,.ContextModal-module_footer__JIwF5{white-space:normal}@media (min-width:768px){.ContextModal-module_footerWithSecondaryAction__-5sq8,.ContextModal-module_footer__JIwF5{white-space:nowrap}}.ContextModal-module_footerWithSecondaryAction__-5sq8{margin-left:calc(var(--spacing-sm, .75rem)*-1)}.ContextModal-module_emptyFooter__UHWc-{height:var(--spacing-sm,.75rem)}.ContextModal-module_portraitContentlayout__kqUJG{box-sizing:content-box;display:block;padding:var(--spacing-md,1.5rem)}@media (min-width:768px){.ContextModal-module_portraitContentlayout__kqUJG{-moz-column-gap:var(--spacing-xl,3rem);column-gap:var(--spacing-xl,3rem);display:grid;grid-auto-columns:1fr;grid-auto-flow:column;max-width:800px;padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal-module_landscapeContentlayout__IFqQN{display:flex;flex-direction:column;padding:var(--spacing-md,1.5rem)}@media (min-width:768px){.ContextModal-module_landscapeContentlayout__IFqQN{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}}.ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_image__aEDvK{align-items:center;display:flex;flex-direction:column;justify-content:center}.ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF{padding-left:0}@media (min-width:768px){.ContextModal-module_landscapeContentlayout__IFqQN .ContextModal-module_content__-KrFF{max-width:100%}}
 .InputEditModal-module_defaultModalWidth__My9Eh{max-width:600px;min-width:300px}.InputEditModal-module_backdropLayer__aVLSb{background-color:#000;bottom:0;left:0;opacity:50%;position:fixed;right:0;top:0;z-index:1040}.InputEditModal-module_backdropLayer__aVLSb[dir=rtl],[dir=rtl] .InputEditModal-module_backdropLayer__aVLSb{left:0;right:0}.InputEditModal-module_scrollLayer__isygg{align-items:center;bottom:0;display:flex;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1050}.InputEditModal-module_scrollLayer__isygg[dir=rtl],[dir=rtl] .InputEditModal-module_scrollLayer__isygg{left:0;right:0}.InputEditModal-module_modalLayer__r5vqj{margin:auto;padding:1.5rem 0;width:100%}.InputEditModal-module_modal__SbQqp{-webkit-font-smoothing:antialiased;background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));color:var(--color-purple-800,#2f2438);margin:auto;position:relative;width:90%}@media (min-width:768px){.InputEditModal-module_modal__SbQqp{width:100%}}.InputEditModal-module_animatingEnter__qZgX2{transition-duration:var(--animation-duration-fast,.3s)}.InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_backdropLayer__aVLSb{animation-duration:201ms;animation-fill-mode:forwards;animation-name:InputEditModal-module_fade-0-to-0-5__ywvjR}@keyframes InputEditModal-module_fade-0-to-0-5__ywvjR{0%{opacity:0}to{opacity:.5}}.InputEditModal-module_animatingEnter__qZgX2 [data-modal]{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-1__wSZX6;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes InputEditModal-module_custom-1__wSZX6{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal-module_animatingLeave__S2HGz{transition-duration:var(--animation-duration-rapid,.2s)}.InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_backdropLayer__aVLSb{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_fade-0-5-to-0__s2WmG}@keyframes InputEditModal-module_fade-0-5-to-0__s2WmG{0%{opacity:.5}to{opacity:0}}.InputEditModal-module_animatingLeave__S2HGz [data-modal]{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-3__T3riv;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes InputEditModal-module_custom-3__T3riv{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal-module_unscrollable__GN1M2{overflow:hidden!important}.InputEditModal-module_pseudoScrollbar__WCHmn{padding-right:15px!important}.InputEditModal-module_hide__N88RW{opacity:0;pointer-events:none}.InputEditModal-module_modal__SbQqp{max-width:600px;min-width:300px}.InputEditModal-module_animatingEnter__qZgX2 .InputEditModal-module_modal__SbQqp{animation-duration:var(--animation-duration-fast,.3s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-5__trORr;animation-timing-function:var(--animation-easing-function-bounce-in,cubic-bezier(.485,.155,.24,1.245))}@keyframes InputEditModal-module_custom-5__trORr{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.InputEditModal-module_animatingLeave__S2HGz .InputEditModal-module_modal__SbQqp{animation-duration:var(--animation-duration-rapid,.2s);animation-fill-mode:forwards;animation-name:InputEditModal-module_custom-7__-98CZ;animation-timing-function:var(--animation-easing-function-bounce-out,cubic-bezier(.485,.155,.515,.845))}@keyframes InputEditModal-module_custom-7__-98CZ{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.InputEditModal-module_header__nivTf{color:var(--color-purple-800,#2f2438);text-align:left}.InputEditModal-module_header__nivTf.InputEditModal-module_textAlignRTL__5QQP8{text-align:right}.InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal-module_header__nivTf.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem)}}.InputEditModal-module_body__LyxBE{background:var(--color-gray-200,#f4f4f5)}.InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem) var(--spacing-md,1.5rem) var(--spacing-lg,2.25rem)}@media (max-width:768px){.InputEditModal-module_body__LyxBE.InputEditModal-module_padded__ZdEIS{padding:var(--spacing-md,1.5rem)}}
+.Checkbox-module_checkbox__0LHj5{background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-block;height:24px;min-width:24px;position:relative;width:24px}.Checkbox-module_checkbox__0LHj5:focus-within,.Checkbox-module_checkbox__0LHj5:hover{background:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.Checkbox-module_checkbox__0LHj5:focus-within:after{border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:26px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:26px}.Checkbox-module_selected__-Nd6E{background:var(--color-gray-500,#8c8c97);background-color:var(--color-gray-500,#8c8c97)}.Checkbox-module_selected__-Nd6E:focus-within,.Checkbox-module_selected__-Nd6E:hover{background:var(--color-gray-600,#524e56);border-color:var(--color-gray-600,#524e56)}.Checkbox-module_nativeCheckbox__BauKG{height:100%;opacity:0;position:absolute;width:100%}.Checkbox-module_iconContainer__Nsip6{display:inline-block;height:100%;pointer-events:none;position:relative;width:100%}.Checkbox-module_icon__2b48e{color:var(--color-white,#fff);height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}
+.MultiSelectOptionField-module_multiSelectOptionField__-PNh-{align-items:flex-start;border-radius:var(--border-solid-border-radius,7px);display:flex;gap:var(--spacing-6,.375rem);padding:var(--spacing-6,.375rem);position:relative}.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:focus-within,.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:hover{background:var(--color-blue-100,#e6f6ff)}.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:focus-within .MultiSelectOptionField-module_checkbox__rDOxI,.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:hover .MultiSelectOptionField-module_checkbox__rDOxI{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:focus-within .MultiSelectOptionField-module_checkbox__rDOxI.MultiSelectOptionField-module_checked__wo-TX,.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:hover .MultiSelectOptionField-module_checkbox__rDOxI.MultiSelectOptionField-module_checked__wo-TX{background-color:var(--color-gray-600,#524e56)}.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:focus-within:after{border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";height:calc(100% + 2px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 2px);z-index:2}.MultiSelectOptionField-module_multiSelectOptionField__-PNh-:focus-within .MultiSelectOptionField-module_checkbox__rDOxI:after{display:none}.MultiSelectOptionField-module_label__79KfB{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);overflow-wrap:anywhere}.MultiSelectOptionField-module_label__79KfB:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}
+.MultiSelectOptions-module_multiSelectOptions__b8hYg{border:none;display:flex;flex-direction:column;margin:0;padding:0}
+.Tag-module_tag__Ef8Iu{align-items:center;border-radius:28px;display:inline-flex;font-family:var(--typography-paragraph-intro-lede-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);gap:var(--spacing-4,.25rem);line-height:var(--typography-paragraph-small-line-height,1.125rem);padding:var(--spacing-4,.25rem) var(--spacing-8,.5rem);white-space:nowrap}.Tag-module_iconContainer__tEPTW{display:inline-flex}.Tag-module_gray__4YmDZ{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.Tag-module_blue__CjyTI{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-blue-700,#003157)}.Tag-module_blue__CjyTI .Tag-module_iconContainer__tEPTW{color:var(--color-blue-500,#0168b3)}.Tag-module_green__uC0TU{background-color:var(--color-green-100,#e8f8f4);color:var(--color-green-700,#22594a)}.Tag-module_green__uC0TU .Tag-module_iconContainer__tEPTW{color:var(--color-green-500,#44a289)}.Tag-module_yellow__wEk5Z{background-color:var(--color-yellow-100,#fff9e4);color:var(--color-yellow-700,#876400)}.Tag-module_yellow__wEk5Z .Tag-module_iconContainer__tEPTW{color:var(--color-yellow-500,#ffb600)}.Tag-module_orange__V-KdG{background-color:var(--color-orange-100,#fff0e8);color:var(--color-orange-700,#903c00)}.Tag-module_orange__V-KdG .Tag-module_iconContainer__tEPTW{color:var(--color-orange-500,#e96c2f)}.Tag-module_red__cg1Rf{background-color:var(--color-red-100,#fdeaee);color:var(--color-red-700,#6c1e20)}.Tag-module_red__cg1Rf .Tag-module_iconContainer__tEPTW{color:var(--color-red-500,#c93b55)}.Tag-module_purple__OR2Jt{background-color:var(--color-purple-100,#f4edf8);color:var(--color-purple-700,#4a234d)}.Tag-module_purple__OR2Jt .Tag-module_iconContainer__tEPTW{color:var(--color-purple-500,#844587)}
+.RemoveButton-module_removeButton__9yzxJ{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:50%;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible{outline:none}.RemoveButton-module_removeButton__9yzxJ:focus-visible:after,.RemoveButton-module_removeButton__9yzxJ:focus:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-3px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:before{border-radius:50%;content:"";inset:-5px;position:absolute}.RemoveButton-module_removeButton__9yzxJ:focus,.RemoveButton-module_removeButton__9yzxJ:focus-visible,.RemoveButton-module_removeButton__9yzxJ:hover{background-color:rgba(var(--color-gray-600-rgb,82,78,86),.2);color:var(--color-purple-800,#2f2438);cursor:pointer}
+.RemovableTag-module_removableTag__IwJHj{padding:var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-4,.25rem) var(--spacing-8,.5rem);padding-block:var(--spacing-4,.25rem);padding-inline:var(--spacing-8,.5rem) var(--spacing-4,.25rem)}
+.MultiSelectToggle-module_multiSelectToggle__CeR4G{border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;display:inline-flex;flex-direction:row-reverse;padding:calc(var(--spacing-12, .75rem) - var(--border-solid-border-width, 2px));position:relative;width:100%}.MultiSelectToggle-module_multiSelectToggle__CeR4G:focus-within,.MultiSelectToggle-module_multiSelectToggle__CeR4G:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.MultiSelectToggle-module_multiSelectToggle__CeR4G.MultiSelectToggle-module_error__LJZKT{border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-red-500,#c93b55)}.MultiSelectToggle-module_multiSelectToggle__CeR4G.MultiSelectToggle-module_caution__hFOzy{border:var(--border-solid-border-style,solid) var(--border-solid-border-width,2px) var(--color-yellow-600,#c68600)}.MultiSelectToggle-module_toggleButton__38-Qi{align-items:flex-start;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inline-flex;font:inherit;margin:3px 0;padding:0}.MultiSelectToggle-module_toggleButton__38-Qi:hover{color:var(--color-purple-800,#2f2438)}.MultiSelectToggle-module_toggleButton__38-Qi:focus{color:var(--color-purple-800,#2f2438);outline:none}.MultiSelectToggle-module_toggleButton__38-Qi:focus:after{border:var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px) var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*-1 + var(--border-solid-border-width, 2px)*-1 + -1px);pointer-events:none;position:absolute}.MultiSelectToggle-module_selectedItemsContainer__OawF7{align-items:flex-start;border-inline-end:1px solid transparent;display:flex;gap:var(--spacing-12,.75rem);margin-inline-end:var(--spacing-12,.75rem);padding-inline-end:var(--spacing-12,.75rem);width:100%}.MultiSelectToggle-module_selectedItemsContainer__OawF7.MultiSelectToggle-module_hasSelectedItems__S7KXg{border-inline-end-color:rgba(var(--color-gray-600-rgb,82,78,86),.2)}.MultiSelectToggle-module_selectedItems__R-byj{display:flex;flex-grow:1;flex-wrap:wrap;gap:var(--spacing-6,.375rem);list-style:none;margin:0;padding:0}.MultiSelectToggle-module_clearAllButton__yWNQi{margin:3px 0}
+.Popover-module_popover__B7k5I{background:var(--color-white,#fff);border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));box-sizing:border-box;overflow:auto}.Popover-module_popover__B7k5I:focus{border-color:var(--color-blue-500,#0168b3);outline:none}
+.MultiSelect-module_toggleContainer__AxNnf{margin-top:var(--spacing-6,.375rem)}.MultiSelect-module_popover__jI13O{padding:var(--spacing-12,.75rem)}
 .TruncateIndicator-module_truncateIndicatorWrapper__FgApk{align-items:center;background-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}
 .Pagination-module_container__JHnDH{align-items:center;display:flex;justify-content:center}.Pagination-module_pagesIndicatorWrapper__taluU{display:flex;flex-direction:row;justify-content:space-around}.Pagination-module_arrowIconWrapper__RMTET{align-items:center;background-color:transparent;border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-300,#73c0e8);border-radius:18px;box-sizing:border-box;color:var(--color-blue-500,#0168b3);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}.Pagination-module_arrowIconWrapper__RMTET:disabled{opacity:35%;pointer-events:none}.Pagination-module_arrowIconWrapper__RMTET:hover{background-color:var(--color-blue-100,#e6f6ff)}.Pagination-module_arrowIconWrapper__RMTET:focus{background-color:var(--color-blue-200,#bde2f5)}.Pagination-module_arrowIconWrapper__RMTET:focus:focus-visible{outline:none}.Pagination-module_arrowIconWrapper__RMTET:focus .Pagination-module_pageIndicatorFocusRing__57ku4{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3)}.Pagination-module_truncateIndicatorWrapper__bwywo{align-items:center;background-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:flex;height:36px;justify-content:center;margin:0 5px;width:36px}
 .Popover-module_root__OrmwT{left:50%;position:absolute;width:220px}.Popover-module_cautionaryBox__n7c9G,.Popover-module_defaultBox__X9FWm,.Popover-module_informativeBox__c0Pen,.Popover-module_negativeBox__dS4tj,.Popover-module_positiveBox__fUR-4{background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-300,#eaeaec);border-radius:var(--border-solid-border-radius,7px);color:var(--color-purple-800,#2f2438);filter:drop-shadow(0 0 7px rgba(0,0,0,.1));padding:var(--spacing-sm,.75rem) 1rem 1rem;text-align:left}.Popover-module_defaultArrow__6rN-3:after,.Popover-module_defaultArrow__6rN-3:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_defaultArrow__6rN-3:before{border-top:7px solid var(--color-gray-300,#eaeaec)}.Popover-module_defaultArrow__6rN-3:after{border-top:7px solid #fff;margin-top:-2px;z-index:1}.Popover-module_informativeBox__c0Pen{background:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-300,#73c0e8)}.Popover-module_informativeArrow__ZWiUz:after,.Popover-module_informativeArrow__ZWiUz:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_informativeArrow__ZWiUz:before{border-top:7px solid var(--color-blue-300,#73c0e8)}.Popover-module_informativeArrow__ZWiUz:after{border-top:7px solid var(--color-blue-100,#e6f6ff);margin-top:-2px;z-index:1}.Popover-module_positiveBox__fUR-4{background:var(--color-green-100,#e8f8f4);border-color:var(--color-green-300,#8fdbc7)}.Popover-module_positiveArrow__ApDyE:after,.Popover-module_positiveArrow__ApDyE:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_positiveArrow__ApDyE:before{border-top:7px solid var(--color-green-300,#8fdbc7)}.Popover-module_positiveArrow__ApDyE:after{border-top:7px solid var(--color-green-100,#e8f8f4);margin-top:-2px;z-index:1}.Popover-module_negativeBox__dS4tj{background:var(--color-red-100,#fdeaee);border-color:var(--color-red-300,#f597a8)}.Popover-module_negativeArrow__BpNUL:after,.Popover-module_negativeArrow__BpNUL:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_negativeArrow__BpNUL:before{border-top:7px solid var(--color-red-300,#f597a8)}.Popover-module_negativeArrow__BpNUL:after{border-top:7px solid var(--color-red-100,#fdeaee);margin-top:-2px;z-index:1}.Popover-module_cautionaryBox__n7c9G{background:var(--color-yellow-100,#fff9e4);border-color:var(--color-yellow-400,#ffca4d)}.Popover-module_cautionaryArrow__YRo-K:after,.Popover-module_cautionaryArrow__YRo-K:before{border-left:7px solid transparent;border-right:7px solid transparent;content:"";left:0;position:absolute;top:0}.Popover-module_cautionaryArrow__YRo-K:before{border-top:7px solid var(--color-yellow-400,#ffca4d)}.Popover-module_cautionaryArrow__YRo-K:after{border-top:7px solid var(--color-yellow-100,#fff9e4);margin-top:-2px;z-index:1}.Popover-module_header__b3DtD{align-items:center;display:flex;margin-bottom:var(--spacing-xs,.375rem);padding-right:var(--spacing-md,1.5rem);position:relative;white-space:nowrap}.Popover-module_container__JwR7Q{position:relative;white-space:pre-line}.Popover-module_icon__6S-3a{display:inherit;margin-right:var(--spacing-xs,.375rem)}.Popover-module_informativeIcon__WqmCv{color:var(--color-blue-500,#0168b3)}.Popover-module_positiveIcon__wyqmw{color:var(--color-green-400,#5dcbad)}.Popover-module_negativeIcon__Bb7-e{color:var(--color-red-500,#c93b55)}.Popover-module_cautionaryIcon__rptji{color:var(--color-yellow-500,#ffb600)}.Popover-module_close__8h4Rt{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);display:inline;display:inherit;font:inherit;margin:0 0 0 auto;padding:0;position:absolute;right:0}.Popover-module_close__8h4Rt:hover{color:var(--color-purple-800,#2f2438)}.Popover-module_close__8h4Rt:focus{outline:none}.Popover-module_close__8h4Rt:focus-visible{border-radius:var(--border-borderless-border-radius,7px);color:var(--color-purple-800,#2f2438);outline:var(--color-blue-500,#0168b3) var(--border-focus-ring-border-style,solid) var(--border-focus-ring-border-width,2px);outline-offset:calc(var(--border-focus-ring-border-width, 2px)*-1)}.Popover-module_arrowWrapper__DiE3-{height:7px;position:absolute;width:14px}.Popover-module_arrow__PS4V6{height:7px;width:14px}.Popover-module_arrowSideTop__JoORK,[data-popper-placement^=bottom] .Popover-module_arrowWrapper__DiE3-{bottom:100%;left:50%;margin-top:-9px}.Popover-module_arrowSideTop__JoORK .Popover-module_arrow__PS4V6,[data-popper-placement^=bottom] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(180deg)}.Popover-module_arrowSideLeft__2Zhqb,[data-popper-placement^=left] .Popover-module_arrowWrapper__DiE3-{margin-right:-10px;right:0}.Popover-module_arrowSideLeft__2Zhqb .Popover-module_arrow__PS4V6,[data-popper-placement^=left] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(270deg)}.Popover-module_arrowSideRight__fHKWI,[data-popper-placement^=right] .Popover-module_arrowWrapper__DiE3-{left:0;margin-left:-10px}.Popover-module_arrowSideRight__fHKWI .Popover-module_arrow__PS4V6,[data-popper-placement^=right] .Popover-module_arrowWrapper__DiE3- .Popover-module_arrow__PS4V6{transform:rotate(90deg)}.Popover-module_arrowSideBottom__mBr5k,[data-popper-placement^=top] .Popover-module_arrowWrapper__DiE3-{left:50%;top:100%}.Popover-module_arrowPositionCenter__l8V0-{transform:translateX(-50%)}.Popover-module_arrowPositionStart__eXyu0{left:var(--spacing-md,1.5rem);right:auto}.Popover-module_arrowPositionEnd__UY4MU{left:auto;right:var(--spacing-md,1.5rem)}.Popover-module_large__-LH0l{max-width:450px;width:auto}.Popover-module_singleLine__7il24{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@@ -126,7 +131,7 @@ input[type=range].InputRange-module_ratingScaleRange__gI-rs{all:unset;-webkit-ap
 .RichTextEditor-module_editor__pVKqW>.ProseMirror{border-radius:var(--border-solid-border-radius,7px);box-sizing:content-box;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);padding:var(--spacing-sm,.75rem) calc(var(--spacing-xs, .375rem)*3);position:relative;transition:background-color var(--animation-duration-immediate,.1s),border-color var(--animation-duration-immediate,.1s);white-space:pre-wrap}.RichTextEditor-module_editor__pVKqW>.ProseMirror>p{margin:0 0 var(--spacing-16,1rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child,.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child>li:last-of-type p{margin-bottom:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child,.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child>li:first-of-type p{margin-top:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror a{color:var(--color-blue-500,#0168b3)}.RichTextEditor-module_editor__pVKqW>.ProseMirror a:hover{text-decoration:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus,.RichTextEditor-module_editor__pVKqW>.ProseMirror:hover{background:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus{outline:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:2px 2px var(--border-focus-ring-border-radius,10px) var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-5px;pointer-events:none;position:absolute}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_hasToolbar__EBxnG>.ProseMirror{border-top-left-radius:0;border-top-right-radius:0}.RichTextEditor-module_editorWrapper__5q3mG{word-wrap:break-word;background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);position:relative}.RichTextEditor-module_editorWrapper__5q3mG:focus-within,.RichTextEditor-module_editorWrapper__5q3mG:hover{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG:focus-within .RichTextEditor-module_toolbar__ceLvw,.RichTextEditor-module_editorWrapper__5q3mG:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-500,#c93b55)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-600,#a82433)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-600,#c68600)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-700,#876400)}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows1__DDEf4>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*1 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows2__kzYgh>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*2 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows3__SA7Zu>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*3 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows4__gkZry>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*4 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows5__4Rq2z>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*5 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows6__SH-4R>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*6 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows7__z02vY>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*7 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows8__4j-9e>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*8 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows9__67hDj>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*9 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows10__qysh1>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*10 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows11__o5iYX>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*11 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows12__ug-Nv>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*12 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows13__tFBG7>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*13 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows14__xqS6h>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*14 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows15__dzeUM>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*15 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows16__GyRco>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*16 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows17__GyNby>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*17 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows18__fe-Rb>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*18 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows19__fc0-T>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*19 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows20__p9rwF>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*20 - var(--spacing-16, 1rem))}
 .SearchField-module_label__NxYfn{display:block;margin-bottom:var(--spacing-xs,.375rem)}
 .Tag-module_root__uRhoc{border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:calc(var(--spacing-md, 1.5rem)*.75);box-sizing:border-box;color:var(--color-purple-800,#2f2438);display:inline-block;font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);margin-inline-end:calc(var(--spacing-md, 1.5rem)*.5);padding:0 calc(var(--spacing-md, 1.5rem)*.4)}.Tag-module_root__uRhoc.Tag-module_profile__OoGsS{padding-left:calc(var(--spacing-md, 1.5rem)*.2)}.Tag-module_layoutContainer__pBLSz{align-items:center;display:flex;height:100%}.Tag-module_validationIcon__B-YLv{color:var(--color-white,#fff);display:flex}.Tag-module_profile__OoGsS,.Tag-module_validationIcon__B-YLv{align-items:center;margin-inline:calc(var(--spacing-md, 1.5rem)*-.15) var(--spacing-xs,.375rem)}.Tag-module_profile__OoGsS{display:inline-flex}.Tag-module_textContent__q76X-{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-small-font-weight,400);letter-spacing:var(--typography-paragraph-small-letter-spacing,normal);line-height:var(--typography-paragraph-small-line-height,1.125rem);margin-top:-1px;white-space:nowrap}.Tag-module_iconWrapper__aPrKH{height:16px;position:relative;width:16px}.Tag-module_dismissButton__rHv7r{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;color:rgba(var(--color-purple-800-rgb,47,36,56),.7);cursor:pointer;display:inline;display:flex;font:inherit;height:100%;margin:0;margin-inline:-.225rem -.6625rem;padding:0;padding:0 var(--spacing-xs,.375rem);position:relative}.Tag-module_dismissButton__rHv7r:active,.Tag-module_dismissButton__rHv7r:hover{color:var(--color-purple-800,#2f2438)}.Tag-module_dismissButton__rHv7r svg{position:relative}.Tag-module_dismissButton__rHv7r:focus{outline:none}.Tag-module_dismissButton__rHv7r:focus-visible .Tag-module_iconWrapper__aPrKH{color:var(--color-purple-800,#2f2438)}.Tag-module_dismissButton__rHv7r:focus-visible .Tag-module_iconWrapper__aPrKH:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc((var(--border-focus-ring-border-width, 2px))*-1);position:absolute}.Tag-module_background__LkzGB{background-color:#fff;display:inline-block;height:calc(var(--spacing-xs, .375rem) + .125rem);left:10px;position:absolute;top:10px;width:calc(var(--spacing-xs, .375rem) + .125rem)}.Tag-module_truncate__5w7HW{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.Tag-module_inline__pPM-d{margin:0}.Tag-module_medium__NkOrv{height:calc(var(--spacing-md, 1.5rem)*1.25)}.Tag-module_small__-xyNk{height:var(--spacing-md,1.5rem)}.Tag-module_default__6PVke{background-color:var(--color-gray-300,#eaeaec)}.Tag-module_sentimentPositive__nbqE1{background-color:var(--color-green-100,#e8f8f4)}.Tag-module_sentimentNeutral__8BtD8{background-color:var(--color-gray-300,#eaeaec)}.Tag-module_sentimentNegative__1J85t{background-color:var(--color-red-100,#fdeaee)}.Tag-module_sentimentNone__8BWjU{background-color:var(--color-white,#fff);border-color:var(--color-gray-300,#eaeaec)}.Tag-module_validationPositive__vgFUE{background-color:var(--color-green-100,#e8f8f4)}.Tag-module_validationPositive__vgFUE .Tag-module_validationIcon__B-YLv{color:var(--color-green-500,#44a289)}.Tag-module_validationInformative__bnJ4A{background-color:var(--color-blue-100,#e6f6ff)}.Tag-module_validationInformative__bnJ4A .Tag-module_validationIcon__B-YLv{color:var(--color-blue-500,#0168b3)}.Tag-module_validationNegative__lZgIY{background-color:var(--color-red-100,#fdeaee)}.Tag-module_validationNegative__lZgIY .Tag-module_validationIcon__B-YLv{color:var(--color-red-500,#c93b55)}.Tag-module_validationCautionary__ERS2t{background-color:var(--color-yellow-100,#fff9e4)}.Tag-module_validationCautionary__ERS2t .Tag-module_validationIcon__B-YLv{color:var(--color-yellow-500,#ffb600)}.Tag-module_statusLive__xG48w{background-color:var(--color-green-100,#e8f8f4);color:var(--color-purple-800,#2f2438)}.Tag-module_statusAction__woL-O{background-color:var(--color-orange-100,#fff0e8);color:var(--color-purple-800,#2f2438)}.Tag-module_statusClosed__VhZP-{background-color:var(--color-red-100,#fdeaee)}.Tag-module_statusDraft__9QZDv{background-color:var(--color-blue-100,#e6f6ff);color:var(--color-purple-800,#2f2438)}.Tag-module_liveIcon__URtak{color:var(--color-green-500,#44a289);display:inline-block;height:20px;margin-inline-start:.25rem;position:relative;width:20px}.Tag-module_liveIcon_base__Nk5um{display:block;opacity:30%}.Tag-module_liveIcon_1__STFJY,.Tag-module_liveIcon_2__rko-D,.Tag-module_liveIcon_3__fL71y{aspect-ratio:1;display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.Tag-module_liveIcon_1__STFJY{-webkit-clip-path:circle(16%);clip-path:circle(16%)}.Tag-module_liveIcon_2__rko-D,.Tag-module_liveIcon_3__fL71y{animation-delay:1s;animation-duration:3s;animation-iteration-count:3}.Tag-module_liveIcon_2__rko-D{animation-name:Tag-module_pulse-inner__0-JFL;-webkit-clip-path:circle(32%);clip-path:circle(32%)}.Tag-module_liveIcon_3__fL71y{animation-name:Tag-module_pulse-outer__f9Oox;-webkit-clip-path:circle(50%);clip-path:circle(50%)}@keyframes Tag-module_pulse-inner__0-JFL{0%{opacity:0}25%{opacity:0}50%{opacity:100%}75%{opacity:100%}to{opacity:100%}}@keyframes Tag-module_pulse-outer__f9Oox{0%{opacity:0}25%{opacity:0}50%{opacity:0}75%{opacity:100%}to{opacity:100%}}
-.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:focus-within:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px);position:absolute}.Select-module_specificityIncreaser__cZtQV .Select-module_multiValue__9XkYX{margin:.2375rem;z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);min-height:48px}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:hover{background-color:var(--color-gray-100,#f9f9f9);border-color:var(--color-gray-600,#524e56);cursor:pointer}.Select-module_specificityIncreaser__cZtQV .Select-module_valueContainer__MGkpr{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__cZtQV .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_loadingMessage__4Ej9T{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP:hover{box-shadow:none}.Select-module_specificityIncreaser__cZtQV .Select-module_placeholder__OAeGA{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.5}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL{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 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));z-index:3}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL>div{padding-bottom:0;padding-top:0}.Select-module_specificityIncreaser__cZtQV .Select-module_groupHeading__eNw6U{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem);text-transform:capitalize}.Select-module_specificityIncreaser__cZtQV .Select-module_option__EdP-F{border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438);cursor:pointer;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp.Select-module_disabledOption__TWVun{background:transparent;border-color:var(--color-gray-500,#8c8c97);border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp:active{background-color:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz:not(.Select-module_focusedOption__uwQwp){background-color:transparent}.Select-module_specificityIncreaser__cZtQV .Select-module_disabledOption__TWVun{cursor:not-allowed;opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_noOptionsMessage__DG5zw,.Select-module_specificityIncreaser__cZtQV .Select-module_singleValue__-cc8w{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_input__HAhy-,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValueOverrides__44Gby,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValue__-cc8w{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_clearIndicator__O6EuX,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP{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__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP:hover{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:rgba(var(--color-white-rgb,255,255,255),.1);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);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover{border-color:var(--color-blue-300,#73c0e8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:transparent}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP{height:auto;min-height:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP>div{height:24px;padding-left:0;padding-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_valueContainer__MGkpr{height:24px}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-extra-small-font-weight,400);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValueOverrides__44Gby{margin-left:0;margin-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ{padding-bottom:0;padding-top:0;transform:translateY(1px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ>svg{height:14px;width:14px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP{display:inline-flex;max-width:100%}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP>div{display:flex;flex-wrap:nowrap;height:44px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValueOverrides__44Gby{max-width:100%;overflow:hidden;position:static;top:0;transform:none;white-space:nowrap}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValue__-cc8w{max-width:100%}
+.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:focus-within:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px);position:absolute}.Select-module_specificityIncreaser__cZtQV .Select-module_multiValue__9XkYX{margin:.2375rem;z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#8c8c97);border-radius:var(--border-solid-border-radius,7px);min-height:48px}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:hover{background-color:var(--color-gray-100,#f9f9f9);border-color:var(--color-gray-600,#524e56);cursor:pointer}.Select-module_specificityIncreaser__cZtQV .Select-module_valueContainer__MGkpr{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__cZtQV .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_loadingMessage__4Ej9T{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP:hover{box-shadow:none}.Select-module_specificityIncreaser__cZtQV .Select-module_placeholder__OAeGA{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL{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 8px 40px rgba(0,0,0,.08),0 3px 9px rgba(0,0,0,.1));z-index:3}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL>div{padding-bottom:0;padding-top:0}.Select-module_specificityIncreaser__cZtQV .Select-module_groupHeading__eNw6U{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem);text-transform:capitalize}.Select-module_specificityIncreaser__cZtQV .Select-module_option__EdP-F{border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438);cursor:pointer;font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp.Select-module_disabledOption__TWVun{background:transparent;border-color:var(--color-gray-500,#8c8c97);border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp:active{background-color:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz:not(.Select-module_focusedOption__uwQwp){background-color:transparent}.Select-module_specificityIncreaser__cZtQV .Select-module_disabledOption__TWVun{cursor:not-allowed;opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_noOptionsMessage__DG5zw,.Select-module_specificityIncreaser__cZtQV .Select-module_singleValue__-cc8w{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_input__HAhy-,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValueOverrides__44Gby,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValue__-cc8w{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_clearIndicator__O6EuX,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP{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__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP:hover{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:rgba(var(--color-white-rgb,255,255,255),.1);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);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover{border-color:var(--color-blue-300,#73c0e8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:transparent}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP{height:auto;min-height:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP>div{height:24px;padding-left:0;padding-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_valueContainer__MGkpr{height:24px}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{font-family:var(--typography-paragraph-extra-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-extra-small-font-weight,400);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValueOverrides__44Gby{margin-left:0;margin-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ{padding-bottom:0;padding-top:0;transform:translateY(1px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ>svg{height:14px;width:14px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP{display:inline-flex;max-width:100%}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP>div{display:flex;flex-wrap:nowrap;height:44px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValueOverrides__44Gby{max-width:100%;overflow:hidden;position:static;top:0;transform:none;white-space:nowrap}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValue__-cc8w{max-width:100%}
 .Skirt-module_container__h4J-J{position:relative}.Skirt-module_underlay__isMuP{box-sizing:content-box;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.Skirt-module_defaultVariant__VLaHK{background-color:var(--color-purple-600,#5f3361)}.Skirt-module_educationVariant__12yxk{background-color:var(--color-blue-100,#e6f6ff)}.Skirt-module_content__218H1{position:relative;z-index:2}
 @media (max-width:1080px){.SkirtCard-module_wrapper__05vkl{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:-12px;margin-right:-12px}}@media (max-width:768px){.SkirtCard-module_wrapper__05vkl{border-radius:0;margin-left:-12px;margin-right:-12px}}
 .Slider-module_wrapper__zVX6g{display:flex;flex-direction:column}.Slider-module_labelWrapper__WuUIw{margin-bottom:var(--spacing-sm,.75rem)}@media (min-width:768px){.Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g{align-items:center;flex-direction:row}.Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw{flex:1}.Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj{flex-basis:50%}}.Slider-module_descriptionDisabled__8GwiS{opacity:30%}.Slider-module_readOnlyMessage__Zscoa{font-family:var(--typography-paragraph-small-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);text-align:center}

package/dist/cjs/utils/useMediaQueries.cjs CHANGED Viewed

@@ -67,6 +67,7 @@ var useMediaQueries = function (propQueries) {
       isLarge: isLarge,
       isMediumOrSmaller: !isLarge,
       isMediumOrLarger: !isSmall
+      // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints
     }),
     kaizenMatches = _a[0],
     setKaizenMatches = _a[1];

package/dist/cjs/utils/useMediaQueries.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMediaQueries.cjs","sources":["../../../src/utils/useMediaQueries.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode, useMemo } from \"react\"\n\ntype Props = { [key: string]: string }\ntype GenericChildrenType = { children?: ReactNode }\n\nexport const subtractOnePixel = (breakpoint: string): string =>\n `${parseInt(breakpoint, 10) - 1}px`\n\nexport const useMediaQueries = (\n propQueries: Props = {}\n): {\n queries: {\n [key: string]: boolean\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isMediumOrSmaller: boolean\n isMediumOrLarger: boolean\n }\n components: {\n [key: string]: (props: GenericChildrenType) => JSX.Element\n SmallOnly: (props: GenericChildrenType) => JSX.Element\n MediumOnly: (props: GenericChildrenType) => JSX.Element\n LargeOnly: (props: GenericChildrenType) => JSX.Element\n MediumOrSmaller: (props: GenericChildrenType) => JSX.Element\n MediumOrLarger: (props: GenericChildrenType) => JSX.Element\n }\n} => {\n if (typeof window === \"undefined\") {\n return {\n queries: {\n isSmall: false,\n isMedium: false,\n isLarge: false,\n isMediumOrSmaller: false,\n isMediumOrLarger: true,\n },\n components: {\n SmallOnly: () => <></>,\n MediumOnly: () => <></>,\n LargeOnly: () => <></>,\n MediumOrSmaller: () => <></>,\n MediumOrLarger: (props: HelperComponentProps) => <>{props.children}</>,\n },\n }\n }\n\n // Ensure these match the tokens in @kaizen/design-tokens\n const breakpoints = { medium: \"768px\", large: \"1080px\" }\n\n // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),\n // so we disable the functionality of updating after page load.\n const isLegacyEdge = navigator.userAgent.match(/Edge/)\n const isUnsupportedSafari =\n window.matchMedia(\"\").addEventListener === undefined\n\n // ---------------------------------------\n // Create Kaizen breakpoint matches for initial state\n // ---------------------------------------\n const smallMatchMedia = useMemo(\n () =>\n window.matchMedia(`(max-width: ${subtractOnePixel(breakpoints.medium)})`),\n [breakpoints.medium]\n )\n\n const mediumMatchMedia = useMemo(\n () =>\n window.matchMedia(\n `(min-width: ${breakpoints.medium}) and (max-width: ${subtractOnePixel(\n breakpoints.large\n )})`\n ),\n [breakpoints.large]\n )\n const largeMatchMedia = useMemo(\n () => window.matchMedia(`(min-width: ${breakpoints.large})`),\n [breakpoints.large]\n )\n\n const isSmall = smallMatchMedia.matches \|\| false\n const isMedium = mediumMatchMedia.matches \|\| false\n const isLarge = largeMatchMedia.matches \|\| false\n\n const [kaizenMatches, setKaizenMatches] = useState<{\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isMediumOrSmaller: boolean\n isMediumOrLarger: boolean\n }>({\n isSmall,\n isMedium,\n isLarge,\n isMediumOrSmaller: !isLarge,\n isMediumOrLarger: !isSmall,\n // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints\n })\n\n // ---------------------------------------\n // Create an event listener based on the medium breakpoint and update state whenever it changes\n // ---------------------------------------\n useEffect(() => {\n if (isLegacyEdge \|\| isUnsupportedSafari) {\n return\n }\n\n const updateMatches = (): void => {\n const isSmallAfterUpdate = smallMatchMedia.matches \|\| false\n const isMediumAfterUpdate = mediumMatchMedia.matches \|\| false\n const isLargeAfterUpdate = largeMatchMedia.matches \|\| false\n\n setKaizenMatches({\n isSmall: isSmallAfterUpdate,\n isMedium: isMediumAfterUpdate,\n isLarge: isLargeAfterUpdate,\n isMediumOrSmaller: !isLargeAfterUpdate,\n isMediumOrLarger: !isSmallAfterUpdate,\n })\n }\n\n mediumMatchMedia.addEventListener(\"change\", updateMatches, true)\n\n return () => {\n mediumMatchMedia.removeEventListener(\"change\", updateMatches)\n }\n }, [])\n\n // ---------------------------------------\n // Create custom queries matches for initial state\n // ---------------------------------------\n const customQueryMatchMedias = new Map()\n const customQueryMatches: Record<string, boolean> = {}\n new Map(Object.entries(propQueries)).forEach((queryString, queryName) => {\n const matchMedia = window.matchMedia(queryString)\n customQueryMatches[queryName] = matchMedia.matches \|\| false\n\n // Store this matchMedia so that we can loop over it later and add event listeners\n customQueryMatchMedias.set(queryName, matchMedia)\n })\n\n const [customMatches, setCustomMatches] =\n useState<Record<string, boolean>>(customQueryMatches)\n\n // ---------------------------------------\n // Create an event listener for each custom query\n // ---------------------------------------\n useEffect(() => {\n if (isLegacyEdge \|\| isUnsupportedSafari) {\n return\n }\n\n const updateCustomMatches = (\n matchMedia: MediaQueryList,\n queryName: string\n ): void =>\n setCustomMatches({\n ...customQueryMatches,\n [queryName]: matchMedia.matches \|\| false,\n })\n\n const allEventListeners = new Map()\n customQueryMatchMedias.forEach((matchMedia, queryName) => {\n // Store this method so that we can reference it in the cleanup function below\n const updateCustomMatchesForQuery = (): void => {\n updateCustomMatches(matchMedia, queryName)\n }\n allEventListeners.set(matchMedia, updateCustomMatchesForQuery)\n\n // Add the event listener\n matchMedia.addEventListener(\"change\", updateCustomMatchesForQuery, true)\n })\n\n return () => {\n allEventListeners.forEach((eventListener, matchMedia) => {\n matchMedia.removeEventListener(\"change\", eventListener)\n })\n }\n }, [])\n\n // ---------------------------------------\n // Create Kaizen helper components\n // ---------------------------------------\n type HelperComponentProps = {\n children?: ReactNode\n }\n\n const kaizenComponents = {\n SmallOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isSmall && props.children}</>\n ),\n MediumOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMedium && props.children}</>\n ),\n LargeOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isLarge && props.children}</>\n ),\n MediumOrSmaller: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMediumOrSmaller && props.children}</>\n ),\n MediumOrLarger: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMediumOrLarger && props.children}</>\n ),\n }\n\n // ---------------------------------------\n // Create custom query helper components\n // ---------------------------------------\n const customComponents: Record<\n string,\n (props: GenericChildrenType) => JSX.Element\n > = {}\n Object.keys(propQueries).map(key => {\n const componentName = key.charAt(0).toUpperCase() + key.slice(1)\n customComponents[componentName] = (\n props: HelperComponentProps\n ): JSX.Element => <>{customMatches[key] && props.children}</>\n })\n\n return {\n queries: { ...kaizenMatches, ...customQueryMatches },\n components: { ...kaizenComponents, ...customComponents },\n }\n}\n"],"names":["subtractOnePixel","breakpoint","concat","parseInt","useMediaQueries","propQueries","window","queries","isSmall","isMedium","isLarge","isMediumOrSmaller","isMediumOrLarger","components","SmallOnly","React","createElement","Fragment","MediumOnly","LargeOnly","MediumOrSmaller","MediumOrLarger","props","children","breakpoints","medium","large","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","matchMedia","addEventListener","undefined","smallMatchMedia","useMemo","mediumMatchMedia","largeMatchMedia","matches","_a","useState","kaizenMatches","setKaizenMatches","useEffect","updateMatches","isSmallAfterUpdate","isMediumAfterUpdate","isLargeAfterUpdate","removeEventListener","customQueryMatchMedias","Map","customQueryMatches","Object","entries","forEach","queryString","queryName","set","_b","customMatches","setCustomMatches","updateCustomMatches","__assign","allEventListeners","updateCustomMatchesForQuery","eventListener","kaizenComponents","customComponents","keys","map","key","componentName","charAt","toUpperCase","slice"],"mappings":"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"}
1	+ {"version":3,"file":"useMediaQueries.cjs","sources":["../../../src/utils/useMediaQueries.tsx"],"sourcesContent":["import React, { useEffect, useState, ReactNode, useMemo } from \"react\"\n\ntype Props = { [key: string]: string }\ntype GenericChildrenType = { children?: ReactNode }\n\nexport const subtractOnePixel = (breakpoint: string): string =>\n `${parseInt(breakpoint, 10) - 1}px`\n\nexport const useMediaQueries = (\n propQueries: Props = {}\n): {\n queries: {\n [key: string]: boolean\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isMediumOrSmaller: boolean\n isMediumOrLarger: boolean\n }\n components: {\n [key: string]: (props: GenericChildrenType) => JSX.Element\n SmallOnly: (props: GenericChildrenType) => JSX.Element\n MediumOnly: (props: GenericChildrenType) => JSX.Element\n LargeOnly: (props: GenericChildrenType) => JSX.Element\n MediumOrSmaller: (props: GenericChildrenType) => JSX.Element\n MediumOrLarger: (props: GenericChildrenType) => JSX.Element\n }\n} => {\n if (typeof window === \"undefined\") {\n return {\n queries: {\n isSmall: false,\n isMedium: false,\n isLarge: false,\n isMediumOrSmaller: false,\n isMediumOrLarger: true,\n },\n components: {\n SmallOnly: () => <></>,\n MediumOnly: () => <></>,\n LargeOnly: () => <></>,\n MediumOrSmaller: () => <></>,\n MediumOrLarger: (props: HelperComponentProps) => <>{props.children}</>,\n },\n }\n }\n\n // Ensure these match the tokens in @kaizen/design-tokens\n const breakpoints = { medium: \"768px\", large: \"1080px\" }\n\n // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),\n // so we disable the functionality of updating after page load.\n const isLegacyEdge = navigator.userAgent.match(/Edge/)\n const isUnsupportedSafari =\n window.matchMedia(\"\").addEventListener === undefined\n\n // ---------------------------------------\n // Create Kaizen breakpoint matches for initial state\n // ---------------------------------------\n const smallMatchMedia = useMemo(\n () =>\n window.matchMedia(`(max-width: ${subtractOnePixel(breakpoints.medium)})`),\n [breakpoints.medium]\n )\n\n const mediumMatchMedia = useMemo(\n () =>\n window.matchMedia(\n `(min-width: ${breakpoints.medium}) and (max-width: ${subtractOnePixel(\n breakpoints.large\n )})`\n ),\n [breakpoints.large]\n )\n const largeMatchMedia = useMemo(\n () => window.matchMedia(`(min-width: ${breakpoints.large})`),\n [breakpoints.large]\n )\n\n const isSmall = smallMatchMedia.matches \|\| false\n const isMedium = mediumMatchMedia.matches \|\| false\n const isLarge = largeMatchMedia.matches \|\| false\n\n const [kaizenMatches, setKaizenMatches] = useState<{\n isSmall: boolean\n isMedium: boolean\n isLarge: boolean\n isMediumOrSmaller: boolean\n isMediumOrLarger: boolean\n }>({\n isSmall,\n isMedium,\n isLarge,\n isMediumOrSmaller: !isLarge,\n isMediumOrLarger: !isSmall,\n // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints\n })\n\n // ---------------------------------------\n // Create an event listener based on the medium breakpoint and update state whenever it changes\n // ---------------------------------------\n useEffect(() => {\n if (isLegacyEdge \|\| isUnsupportedSafari) {\n return\n }\n\n const updateMatches = (): void => {\n const isSmallAfterUpdate = smallMatchMedia.matches \|\| false\n const isMediumAfterUpdate = mediumMatchMedia.matches \|\| false\n const isLargeAfterUpdate = largeMatchMedia.matches \|\| false\n\n setKaizenMatches({\n isSmall: isSmallAfterUpdate,\n isMedium: isMediumAfterUpdate,\n isLarge: isLargeAfterUpdate,\n isMediumOrSmaller: !isLargeAfterUpdate,\n isMediumOrLarger: !isSmallAfterUpdate,\n })\n }\n\n mediumMatchMedia.addEventListener(\"change\", updateMatches, true)\n\n return () => {\n mediumMatchMedia.removeEventListener(\"change\", updateMatches)\n }\n }, [])\n\n // ---------------------------------------\n // Create custom queries matches for initial state\n // ---------------------------------------\n const customQueryMatchMedias = new Map()\n const customQueryMatches: Record<string, boolean> = {}\n new Map(Object.entries(propQueries)).forEach((queryString, queryName) => {\n const matchMedia = window.matchMedia(queryString)\n customQueryMatches[queryName] = matchMedia.matches \|\| false\n\n // Store this matchMedia so that we can loop over it later and add event listeners\n customQueryMatchMedias.set(queryName, matchMedia)\n })\n\n const [customMatches, setCustomMatches] =\n useState<Record<string, boolean>>(customQueryMatches)\n\n // ---------------------------------------\n // Create an event listener for each custom query\n // ---------------------------------------\n useEffect(() => {\n if (isLegacyEdge \|\| isUnsupportedSafari) {\n return\n }\n\n const updateCustomMatches = (\n matchMedia: MediaQueryList,\n queryName: string\n ): void =>\n setCustomMatches({\n ...customQueryMatches,\n [queryName]: matchMedia.matches \|\| false,\n })\n\n const allEventListeners = new Map()\n customQueryMatchMedias.forEach((matchMedia, queryName) => {\n // Store this method so that we can reference it in the cleanup function below\n const updateCustomMatchesForQuery = (): void => {\n updateCustomMatches(matchMedia, queryName)\n }\n allEventListeners.set(matchMedia, updateCustomMatchesForQuery)\n\n // Add the event listener\n matchMedia.addEventListener(\"change\", updateCustomMatchesForQuery, true)\n })\n\n return () => {\n allEventListeners.forEach((eventListener, matchMedia) => {\n matchMedia.removeEventListener(\"change\", eventListener)\n })\n }\n }, [])\n\n // ---------------------------------------\n // Create Kaizen helper components\n // ---------------------------------------\n type HelperComponentProps = {\n children?: ReactNode\n }\n\n const kaizenComponents = {\n SmallOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isSmall && props.children}</>\n ),\n MediumOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMedium && props.children}</>\n ),\n LargeOnly: (props: HelperComponentProps) => (\n <>{kaizenMatches.isLarge && props.children}</>\n ),\n MediumOrSmaller: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMediumOrSmaller && props.children}</>\n ),\n MediumOrLarger: (props: HelperComponentProps) => (\n <>{kaizenMatches.isMediumOrLarger && props.children}</>\n ),\n }\n\n // ---------------------------------------\n // Create custom query helper components\n // ---------------------------------------\n const customComponents: Record<\n string,\n (props: GenericChildrenType) => JSX.Element\n > = {}\n Object.keys(propQueries).map(key => {\n const componentName = key.charAt(0).toUpperCase() + key.slice(1)\n customComponents[componentName] = (\n props: HelperComponentProps\n ): JSX.Element => <>{customMatches[key] && props.children}</>\n })\n\n return {\n queries: { ...kaizenMatches, ...customQueryMatches },\n components: { ...kaizenComponents, ...customComponents },\n }\n}\n"],"names":["subtractOnePixel","breakpoint","concat","parseInt","useMediaQueries","propQueries","window","queries","isSmall","isMedium","isLarge","isMediumOrSmaller","isMediumOrLarger","components","SmallOnly","React","createElement","Fragment","MediumOnly","LargeOnly","MediumOrSmaller","MediumOrLarger","props","children","breakpoints","medium","large","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","matchMedia","addEventListener","undefined","smallMatchMedia","useMemo","mediumMatchMedia","largeMatchMedia","matches","_a","useState","kaizenMatches","setKaizenMatches","useEffect","updateMatches","isSmallAfterUpdate","isMediumAfterUpdate","isLargeAfterUpdate","removeEventListener","customQueryMatchMedias","Map","customQueryMatches","Object","entries","forEach","queryString","queryName","set","_b","customMatches","setCustomMatches","updateCustomMatches","__assign","allEventListeners","updateCustomMatchesForQuery","eventListener","kaizenComponents","customComponents","keys","map","key","componentName","charAt","toUpperCase","slice"],"mappings":"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"}

package/dist/cjs/utils/useResizeObserver.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useResizeObserver.cjs","sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import React, { Ref, useCallback, useEffect, useRef, useState } from \"react\"\nimport ResizeObserver from \"resize-observer-polyfill\"\n\nconst defaultCallback = (entry: ResizeObserverEntry): ResizeObserverEntry =>\n entry\n\nexport interface DOMRectReadOnly {\n readonly x: number\n readonly y: number\n readonly width: number\n readonly height: number\n readonly top: number\n readonly right: number\n readonly bottom: number\n readonly left: number\n}\n\n/*\n Hook for observing changes to a DOM element via ResizeObserver.\n \n @param {resolveEntryCallback} resolveEntry - Callback for resolving the\n * desired value from each ResizeObserverEntry emitted by ResizeObserver\n * @return {Array} An array containing a ref for binding to the observed DOM\n * element, and the current value of the callback-resolved ResizeObserverEntry\n * @callback resolveEntryCallback\n */\nexport const useResizeObserver = <T, E extends Element = HTMLElement>(\n resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback\n): [Ref<E>, T \| undefined] => {\n const destroyResizeObserverRef: React.MutableRefObject<\n undefined \| (() => void)\n > = useRef(undefined)\n const [dimensions, setDimensions] = useState<T \| undefined>(undefined)\n const resolveEntryRef: React.MutableRefObject<\n (entry: ResizeObserverEntry) => any\n > = useRef(resolveEntry)\n\n const ref: Ref<E> = useCallback(\n (node: E) => {\n if (node) {\n const resizeObserver = new ResizeObserver(\n (entries: ResizeObserverEntry[]) => {\n for (const entry of entries) {\n const value = resolveEntryRef.current(entry)\n if (value) {\n setDimensions(value)\n }\n }\n }\n )\n resizeObserver.observe(node)\n destroyResizeObserverRef.current = (): void => {\n resizeObserver.disconnect()\n }\n }\n },\n [destroyResizeObserverRef, setDimensions, resolveEntryRef]\n )\n\n // Ensure the resolveEntryRef has the latest value\n useEffect(() => {\n resolveEntryRef.current = resolveEntry\n }, [resolveEntry])\n\n // Destroy the observer on unmount\n useEffect(\n () => () => {\n if (destroyResizeObserverRef.current) {\n destroyResizeObserverRef.current()\n }\n },\n []\n )\n return [ref, dimensions]\n}\n"],"names":["defaultCallback","entry","useResizeObserver","resolveEntry","destroyResizeObserverRef","useRef","undefined","_a","useState","dimensions","setDimensions","resolveEntryRef","ref","useCallback","node","resizeObserver_1","ResizeObserver","entries","~~entries_1","~~_i","~~length~~","value","current","observe","disconnect","useEffect"],"mappings":";;;;AAGA,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAA0B,EAAA;EACjD,OAAAA,KAAK;AAAL,CAAK;AAaP;;;;;;;;AAQG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,YAAmE,EAAA;EAAnE,IAAAA,YAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,YAAmE,GAAAH,eAAA;EAAA;EAEnE,IAAMI,wBAAwB,GAE1BC,YAAM,CAACC,SAAS,CAAC;EACf,IAAAC,EAAA,GAA8BC,KAAAA,CAAAA,QAAQ,CAAgBF,SAAS,CAAC;IAA/DG,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAsC;EACtE,IAAMI,eAAe,GAEjBN,YAAM,CAACF,YAAY,CAAC;EAExB,IAAMS,GAAG,GAAWC,iBAAW,CAC7B,UAACC,IAAO,EAAA;IACN,IAAIA,IAAI,EAAE;MACR,IAAMC,gBAAc,GAAG,IAAIC,cAAc,CACvC,UAACC,OAA8B,EAAA;QAC7B,KAAoB,~~UAAO~~,~~EAAPC~~,~~SAAA~~,~~GAAAD~~,~~OAAO~~,~~EAAPE~~,~~EAAO~~,~~GAAAD~~,~~SAAA~~,~~CAAAE~~,~~MAAA~~,~~EAAPD~~,~~IAAO~~,EAAE;UAAxB,~~IAAMlB~~,KAAK,~~GAAAiB~~,SAAA,~~CAAAC~~,EAAA,CAAA;UACd,IAAME,KAAK,~~GAAGV~~,eAAe,~~CAACW~~,OAAO,~~CAACrB~~,KAAK,CAAC;UAC5C,~~IAAIoB~~,KAAK,EAAE;~~YACTX~~,aAAa,~~CAACW~~,KAAK,CAAC;UACrB;QACF;MACH,CAAC,CACF;~~MACDN~~,gBAAc,~~CAACQ~~,OAAO,~~CAACT~~,IAAI,CAAC;MAC5BV,wBAAwB,~~CAACkB~~,OAAO,GAAG,YAAA;~~QACjCP~~,gBAAc,~~CAACS~~,UAAU,CAAA,CAAE;MAC7B,CAAC;IACF;EACF,CAAA,EACD,~~CAACpB~~,wBAAwB,EAAEM,aAAa,EAAEC,eAAe,CAAC,CAC3D;;~~EAGDc~~,KAAAA,CAAAA,SAAS,CAAC,YAAA;~~IACRd~~,eAAe,~~CAACW~~,OAAO,~~GAAGnB~~,YAAY;EACxC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;;~~EAGlBsB~~,KAAS,CAAAA,SAAA,CACP;IAAM,OAAA,YAAA;MACJ,~~IAAIrB~~,wBAAwB,~~CAACkB~~,OAAO,EAAE;~~QACpClB~~,wBAAwB,~~CAACkB~~,OAAO,CAAA,CAAE;MACnC;IACH,CAAC;EAJK,CAIL,EACD,EAAE,CACH;EACD,OAAO,~~CAACV~~,GAAG,EAAEH,UAAU,CAAC;AAC1B,CAAA;"}
1	+ {"version":3,"file":"useResizeObserver.cjs","sources":["../../../src/utils/useResizeObserver.ts"],"sourcesContent":["import React, { Ref, useCallback, useEffect, useRef, useState } from \"react\"\nimport ResizeObserver from \"resize-observer-polyfill\"\n\nconst defaultCallback = (entry: ResizeObserverEntry): ResizeObserverEntry =>\n entry\n\nexport interface DOMRectReadOnly {\n readonly x: number\n readonly y: number\n readonly width: number\n readonly height: number\n readonly top: number\n readonly right: number\n readonly bottom: number\n readonly left: number\n}\n\n/*\n Hook for observing changes to a DOM element via ResizeObserver.\n \n @param {resolveEntryCallback} resolveEntry - Callback for resolving the\n * desired value from each ResizeObserverEntry emitted by ResizeObserver\n * @return {Array} An array containing a ref for binding to the observed DOM\n * element, and the current value of the callback-resolved ResizeObserverEntry\n * @callback resolveEntryCallback\n */\nexport const useResizeObserver = <T, E extends Element = HTMLElement>(\n resolveEntry: (entry: ResizeObserverEntry) => any = defaultCallback\n): [Ref<E>, T \| undefined] => {\n const destroyResizeObserverRef: React.MutableRefObject<\n undefined \| (() => void)\n > = useRef(undefined)\n const [dimensions, setDimensions] = useState<T \| undefined>(undefined)\n const resolveEntryRef: React.MutableRefObject<\n (entry: ResizeObserverEntry) => any\n > = useRef(resolveEntry)\n\n const ref: Ref<E> = useCallback(\n (node: E) => {\n if (node) {\n const resizeObserver = new ResizeObserver(\n (entries: ResizeObserverEntry[]) => {\n for (const entry of entries) {\n const value = resolveEntryRef.current(entry)\n if (value) {\n setDimensions(value)\n }\n }\n }\n )\n resizeObserver.observe(node)\n destroyResizeObserverRef.current = (): void => {\n resizeObserver.disconnect()\n }\n }\n },\n [destroyResizeObserverRef, setDimensions, resolveEntryRef]\n )\n\n // Ensure the resolveEntryRef has the latest value\n useEffect(() => {\n resolveEntryRef.current = resolveEntry\n }, [resolveEntry])\n\n // Destroy the observer on unmount\n useEffect(\n () => () => {\n if (destroyResizeObserverRef.current) {\n destroyResizeObserverRef.current()\n }\n },\n []\n )\n return [ref, dimensions]\n}\n"],"names":["defaultCallback","entry","useResizeObserver","resolveEntry","destroyResizeObserverRef","useRef","undefined","_a","useState","dimensions","setDimensions","resolveEntryRef","ref","useCallback","node","resizeObserver_1","ResizeObserver","entries","_i","entries_1","value","current","observe","disconnect","useEffect"],"mappings":";;;;AAGA,IAAMA,eAAe,GAAG,SAAAA,CAACC,KAA0B,EAAA;EACjD,OAAAA,KAAK;AAAL,CAAK;AAaP;;;;;;;;AAQG;AACI,IAAMC,iBAAiB,GAAG,SAAAA,CAC/BC,YAAmE,EAAA;EAAnE,IAAAA,YAAA,KAAA,KAAA,CAAA,EAAA;IAAAA,YAAmE,GAAAH,eAAA;EAAA;EAEnE,IAAMI,wBAAwB,GAE1BC,YAAM,CAACC,SAAS,CAAC;EACf,IAAAC,EAAA,GAA8BC,KAAAA,CAAAA,QAAQ,CAAgBF,SAAS,CAAC;IAA/DG,UAAU,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,aAAa,GAAAH,EAAA,CAAA,CAAA,CAAsC;EACtE,IAAMI,eAAe,GAEjBN,YAAM,CAACF,YAAY,CAAC;EAExB,IAAMS,GAAG,GAAWC,iBAAW,CAC7B,UAACC,IAAO,EAAA;IACN,IAAIA,IAAI,EAAE;MACR,IAAMC,gBAAc,GAAG,IAAIC,cAAc,CACvC,UAACC,OAA8B,EAAA;QAC7B,KAAoB,IAAAC,EAAA,GAAA,CAAO,EAAPC,SAAO,GAAAF,OAAA,EAAPC,qBAAO,EAAPA,EAAA,EAAO,EAAE;UAAxB,IAAMjB,KAAK,GAAAkB,SAAA,CAAAD,EAAA,CAAA;UACd,IAAME,KAAK,GAAGT,eAAe,CAACU,OAAO,CAACpB,KAAK,CAAC;UAC5C,IAAImB,KAAK,EAAE;YACTV,aAAa,CAACU,KAAK,CAAC;UACrB;QACF;MACH,CAAC,CACF;MACDL,gBAAc,CAACO,OAAO,CAACR,IAAI,CAAC;MAC5BV,wBAAwB,CAACiB,OAAO,GAAG,YAAA;QACjCN,gBAAc,CAACQ,UAAU,CAAA,CAAE;MAC7B,CAAC;IACF;EACF,CAAA,EACD,CAACnB,wBAAwB,EAAEM,aAAa,EAAEC,eAAe,CAAC,CAC3D;;EAGDa,KAAAA,CAAAA,SAAS,CAAC,YAAA;IACRb,eAAe,CAACU,OAAO,GAAGlB,YAAY;EACxC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;;EAGlBqB,KAAS,CAAAA,SAAA,CACP;IAAM,OAAA,YAAA;MACJ,IAAIpB,wBAAwB,CAACiB,OAAO,EAAE;QACpCjB,wBAAwB,CAACiB,OAAO,CAAA,CAAE;MACnC;IACH,CAAC;EAJK,CAIL,EACD,EAAE,CACH;EACD,OAAO,CAACT,GAAG,EAAEH,UAAU,CAAC;AAC1B,CAAA;"}

package/dist/esm/Avatar/Avatar.mjs CHANGED Viewed

@@ -42,18 +42,18 @@ var renderInitials = function (fullName, size, disableInitials) {
   var initials = getInitials(fullName);
   var isLongName = initials.length > 2 && size !== "small";
   var renderFallback = disableInitials || initials === "";
-  return renderFallback ? /*#__PURE__*/React.createElement("span", {
+  return renderFallback ? ( /*#__PURE__*/React.createElement("span", {
     className: styles.fallbackIcon
-  }, fallbackIcon(fullName)) : /*#__PURE__*/React.createElement("abbr", {
+  }, fallbackIcon(fullName))) : ( /*#__PURE__*/React.createElement("abbr", {
     className: classnames(styles.initials, isLongName && styles.longName),
     title: fullName || ""
-  }, isLongName ?
+  }, isLongName ? (
   /*#__PURE__*/
   // Only called if 3 or more initials, fits text width for long names
   React.createElement(Textfit, {
     mode: "single",
     max: getMaxFontSizePixels(size)
-  }, initials) : getInitials(fullName, size === "small"));
+  }, initials)) : getInitials(fullName, size === "small")));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
@@ -96,14 +96,14 @@ var Avatar = function (_a) {
   var isOtherUser = isNoneOrError && !isCurrentUser;
   return /*#__PURE__*/React.createElement("span", __assign({
     className: classnames(styles.wrapper, styles[size], classNameOverride, isCompany && styles.company, isPersonal && styles.personal, isOtherUser && styles.otherUser, (avatarState === "loading" || avatarState === "error") && styles.loading)
-  }, restProps), avatarState !== "none" && /*#__PURE__*/React.createElement("img", {
+  }, restProps), avatarState !== "none" && ( /*#__PURE__*/React.createElement("img", {
     ref: image,
     className: classnames(styles.avatarImage, isCompany && styles.companyAvatarImage),
     src: avatarSrc,
     onError: onImageFailure,
     onLoad: onImageSuccess,
     alt: fullName || ""
-  }), renderInitialAvatar && renderInitials(fullName, size, disableInitials));
+  })), renderInitialAvatar && renderInitials(fullName, size, disableInitials));
 };
 export { Avatar };
 //# sourceMappingURL=Avatar.mjs.map

package/dist/esm/Avatar/Avatar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.mjs","sources":["../../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Textfit } from \"react-textfit\"\nimport { UserIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Avatar.module.scss\"\n\nexport type AvatarSizes = \"small\" \| \"medium\" \| \"large\" \| \"xlarge\" \| \"xxlarge\"\n\ntype BaseAvatarProps = {\n /*\n We use this for the alt text of the avatar, and to derive intials when user has no avatar image.\n /\n fullName?: string\n /\n There are 5 fixed avatar sizes. `\"small\"` will remove border and box shadow to save space.\n /\n size?: AvatarSizes\n /\n Src for the avatar img tag - if not passed we will derive initials from the full name.\n * Note that the fullName prop will be used as the alt text.\n /\n avatarSrc?: string\n /\n Default behaviour when an avatarSrc is not provided is to generate initials from the username.\n * This disables this feature and shows the generic avatar.\n * Enable this prop when there is no specific individual or group identified.\n /\n disableInitials?: boolean\n /\n Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.\n /\n isCompany?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport type GenericAvatarProps = BaseAvatarProps & {\n isCompany?: false\n /\n Shows a different background colour if the avatar is the current user and does not have a avatar img.\n * @default \"true\"\n /\n isCurrentUser?: boolean\n}\n\nexport type CompanyAvatarProps = BaseAvatarProps & {\n fullName: string\n avatarSrc: string\n disableInitials?: undefined\n isCompany: true\n isCurrentUser?: undefined\n}\n\nexport type AvatarProps = GenericAvatarProps \| CompanyAvatarProps\n\nconst getInitials = (\n fullName?: string,\n max2Characters: boolean = false\n): string =>\n fullName == null\n ? \"\"\n : fullName\n .split(/\\s/)\n .reduce((acc, name) => `${acc}${name.slice(0, 1)}`, \"\")\n .toUpperCase()\n .substring(0, max2Characters ? 2 : 8)\n\nconst getMaxFontSizePixels: (size: AvatarSizes) => number = size => {\n if (size === \"small\") return 8\n if (size === \"medium\") return 16\n if (size === \"xlarge\" \|\| size === \"xxlarge\") return 34\n return 22\n}\n\nconst fallbackIcon = (fullName: string): JSX.Element => {\n if (fullName) {\n return <UserIcon inheritSize role=\"img\" aria-label={fullName} />\n }\n\n return <UserIcon inheritSize role=\"presentation\" />\n}\n\nconst renderInitials = (\n fullName = \"\",\n size: AvatarSizes,\n disableInitials = false\n): JSX.Element => {\n const initials = getInitials(fullName)\n const isLongName = initials.length > 2 && size !== \"small\"\n const renderFallback = disableInitials \|\| initials === \"\"\n\n return renderFallback ? (\n <span className={styles.fallbackIcon}>{fallbackIcon(fullName)}</span>\n ) : (\n <abbr\n className={classnames(styles.initials, isLongName && styles.longName)}\n title={fullName \|\| \"\"}\n >\n {isLongName ? (\n // Only called if 3 or more initials, fits text width for long names\n <Textfit mode=\"single\" max={getMaxFontSizePixels(size)}>\n {initials}\n </Textfit>\n ) : (\n getInitials(fullName, size === \"small\")\n )}\n </abbr>\n )\n}\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}\n */\nexport const Avatar = ({\n fullName,\n size = \"medium\",\n avatarSrc,\n disableInitials = false,\n isCompany = false,\n isCurrentUser = true,\n classNameOverride,\n ...restProps\n}: AvatarProps): JSX.Element => {\n const [avatarState, setAvatarState] = useState<\n \"none\" \| \"error\" \| \"loading\" \| \"success\"\n >(avatarSrc ? \"loading\" : \"none\")\n const image = useRef<HTMLImageElement>(null)\n const renderInitialAvatar =\n !isCompany && (avatarState === \"none\" \|\| avatarState === \"error\")\n\n useEffect(() => {\n setAvatarState(avatarSrc ? \"loading\" : \"none\")\n }, [avatarSrc])\n\n const onImageFailure = (): void => setAvatarState(\"error\")\n const onImageSuccess = (): void => setAvatarState(\"success\")\n\n // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184\n useEffect(() => {\n if (image?.current?.complete) onImageSuccess()\n }, [image])\n\n const isNoneOrError = avatarState === \"none\" \|\| avatarState === \"error\"\n const isPersonal = isNoneOrError && isCurrentUser\n const isOtherUser = isNoneOrError && !isCurrentUser\n\n return (\n <span\n className={classnames(\n styles.wrapper,\n styles[size],\n classNameOverride,\n isCompany && styles.company,\n isPersonal && styles.personal,\n isOtherUser && styles.otherUser,\n (avatarState === \"loading\" \|\| avatarState === \"error\") && styles.loading\n )}\n {...restProps}\n >\n {avatarState !== \"none\" && (\n <img\n ref={image}\n className={classnames(\n styles.avatarImage,\n isCompany && styles.companyAvatarImage\n )}\n src={avatarSrc}\n onError={onImageFailure}\n onLoad={onImageSuccess}\n alt={fullName \|\| \"\"}\n />\n )}\n {renderInitialAvatar && renderInitials(fullName, size, disableInitials)}\n </span>\n )\n}\n"],"names":["getInitials","fullName","max2Characters","split","reduce","acc","name","concat","slice","toUpperCase","substring","getMaxFontSizePixels","size","fallbackIcon","React","createElement","UserIcon","inheritSize","role","renderInitials","disableInitials","initials","isLongName","length","renderFallback","className","styles","classnames","longName","title","Textfit","mode","max","Avatar","_a","_b","avatarSrc","_c","_d","isCompany","_e","isCurrentUser","classNameOverride","restProps","__rest","_f","useState","avatarState","setAvatarState","image","useRef","renderInitialAvatar","useEffect","onImageFailure","onImageSuccess","current","complete","isNoneOrError","isPersonal","isOtherUser","wrapper","company","personal","otherUser","loading","ref","avatarImage","companyAvatarImage","src","onError","onLoad","alt"],"mappings":"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"}
1	+ {"version":3,"file":"Avatar.mjs","sources":["../../../src/Avatar/Avatar.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Textfit } from \"react-textfit\"\nimport { UserIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Avatar.module.scss\"\n\nexport type AvatarSizes = \"small\" \| \"medium\" \| \"large\" \| \"xlarge\" \| \"xxlarge\"\n\ntype BaseAvatarProps = {\n /*\n We use this for the alt text of the avatar, and to derive intials when user has no avatar image.\n /\n fullName?: string\n /\n There are 5 fixed avatar sizes. `\"small\"` will remove border and box shadow to save space.\n /\n size?: AvatarSizes\n /\n Src for the avatar img tag - if not passed we will derive initials from the full name.\n * Note that the fullName prop will be used as the alt text.\n /\n avatarSrc?: string\n /\n Default behaviour when an avatarSrc is not provided is to generate initials from the username.\n * This disables this feature and shows the generic avatar.\n * Enable this prop when there is no specific individual or group identified.\n /\n disableInitials?: boolean\n /\n Renders Company Avatar variant - If true `fullName` and `avatarSrc` will be strictly typed.\n /\n isCompany?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>\n\nexport type GenericAvatarProps = BaseAvatarProps & {\n isCompany?: false\n /\n Shows a different background colour if the avatar is the current user and does not have a avatar img.\n * @default \"true\"\n /\n isCurrentUser?: boolean\n}\n\nexport type CompanyAvatarProps = BaseAvatarProps & {\n fullName: string\n avatarSrc: string\n disableInitials?: undefined\n isCompany: true\n isCurrentUser?: undefined\n}\n\nexport type AvatarProps = GenericAvatarProps \| CompanyAvatarProps\n\nconst getInitials = (\n fullName?: string,\n max2Characters: boolean = false\n): string =>\n fullName == null\n ? \"\"\n : fullName\n .split(/\\s/)\n .reduce((acc, name) => `${acc}${name.slice(0, 1)}`, \"\")\n .toUpperCase()\n .substring(0, max2Characters ? 2 : 8)\n\nconst getMaxFontSizePixels: (size: AvatarSizes) => number = size => {\n if (size === \"small\") return 8\n if (size === \"medium\") return 16\n if (size === \"xlarge\" \|\| size === \"xxlarge\") return 34\n return 22\n}\n\nconst fallbackIcon = (fullName: string): JSX.Element => {\n if (fullName) {\n return <UserIcon inheritSize role=\"img\" aria-label={fullName} />\n }\n\n return <UserIcon inheritSize role=\"presentation\" />\n}\n\nconst renderInitials = (\n fullName = \"\",\n size: AvatarSizes,\n disableInitials = false\n): JSX.Element => {\n const initials = getInitials(fullName)\n const isLongName = initials.length > 2 && size !== \"small\"\n const renderFallback = disableInitials \|\| initials === \"\"\n\n return renderFallback ? (\n <span className={styles.fallbackIcon}>{fallbackIcon(fullName)}</span>\n ) : (\n <abbr\n className={classnames(styles.initials, isLongName && styles.longName)}\n title={fullName \|\| \"\"}\n >\n {isLongName ? (\n // Only called if 3 or more initials, fits text width for long names\n <Textfit mode=\"single\" max={getMaxFontSizePixels(size)}>\n {initials}\n </Textfit>\n ) : (\n getInitials(fullName, size === \"small\")\n )}\n </abbr>\n )\n}\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}\n */\nexport const Avatar = ({\n fullName,\n size = \"medium\",\n avatarSrc,\n disableInitials = false,\n isCompany = false,\n isCurrentUser = true,\n classNameOverride,\n ...restProps\n}: AvatarProps): JSX.Element => {\n const [avatarState, setAvatarState] = useState<\n \"none\" \| \"error\" \| \"loading\" \| \"success\"\n >(avatarSrc ? \"loading\" : \"none\")\n const image = useRef<HTMLImageElement>(null)\n const renderInitialAvatar =\n !isCompany && (avatarState === \"none\" \|\| avatarState === \"error\")\n\n useEffect(() => {\n setAvatarState(avatarSrc ? \"loading\" : \"none\")\n }, [avatarSrc])\n\n const onImageFailure = (): void => setAvatarState(\"error\")\n const onImageSuccess = (): void => setAvatarState(\"success\")\n\n // if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184\n useEffect(() => {\n if (image?.current?.complete) onImageSuccess()\n }, [image])\n\n const isNoneOrError = avatarState === \"none\" \|\| avatarState === \"error\"\n const isPersonal = isNoneOrError && isCurrentUser\n const isOtherUser = isNoneOrError && !isCurrentUser\n\n return (\n <span\n className={classnames(\n styles.wrapper,\n styles[size],\n classNameOverride,\n isCompany && styles.company,\n isPersonal && styles.personal,\n isOtherUser && styles.otherUser,\n (avatarState === \"loading\" \|\| avatarState === \"error\") && styles.loading\n )}\n {...restProps}\n >\n {avatarState !== \"none\" && (\n <img\n ref={image}\n className={classnames(\n styles.avatarImage,\n isCompany && styles.companyAvatarImage\n )}\n src={avatarSrc}\n onError={onImageFailure}\n onLoad={onImageSuccess}\n alt={fullName \|\| \"\"}\n />\n )}\n {renderInitialAvatar && renderInitials(fullName, size, disableInitials)}\n </span>\n )\n}\n"],"names":["getInitials","fullName","max2Characters","split","reduce","acc","name","concat","slice","toUpperCase","substring","getMaxFontSizePixels","size","fallbackIcon","React","createElement","UserIcon","inheritSize","role","renderInitials","disableInitials","initials","isLongName","length","renderFallback","className","styles","classnames","longName","title","Textfit","mode","max","Avatar","_a","_b","avatarSrc","_c","_d","isCompany","_e","isCurrentUser","classNameOverride","restProps","__rest","_f","useState","avatarState","setAvatarState","image","useRef","renderInitialAvatar","useEffect","onImageFailure","onImageSuccess","current","complete","isNoneOrError","isPersonal","isOtherUser","wrapper","company","personal","otherUser","loading","ref","avatarImage","companyAvatarImage","src","onError","onLoad","alt"],"mappings":"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"}

package/dist/esm/AvatarGroup/AvatarGroup.mjs CHANGED Viewed

@@ -15,12 +15,12 @@ var renderCounter = function (remainingAvatars) {
 };
 var renderAvatars = function (avatars, maxVisible, size) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, avatars === null || avatars === void 0 ? void 0 : avatars.map(function (avatarProps, index) {
-    return index < maxVisible && /*#__PURE__*/React.createElement("li", {
+    return index < maxVisible && ( /*#__PURE__*/React.createElement("li", {
       key: "avatar-".concat(index),
       className: styles.AvatarGroupItem
     }, /*#__PURE__*/React.createElement(Avatar, __assign({}, avatarProps, {
       size: size
-    })));
+    }))));
   }), renderCounter((avatars === null || avatars === void 0 ? void 0 : avatars.length) - maxVisible));
 };
 /**

package/dist/esm/AvatarGroup/AvatarGroup.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.mjs","sources":["../../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n Avatar,\n CompanyAvatarProps,\n GenericAvatarProps,\n} from \"~components/Avatar\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./AvatarGroup.module.scss\"\n\nexport type AvatarGroupAvatarProps =\n \| Omit<GenericAvatarProps, \"size\">\n \| Omit<CompanyAvatarProps, \"size\">\n\nexport type AvatarGroupSize = \"small\" \| \"medium\" \| \"large\"\nexport type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]]\n\nexport type AvatarGroupProps = {\n /*\n There are 3 fixed sizes available. `\"small\"` will remove border and box shadow to save space.\n * @default \"medium\"\n /\n size?: AvatarGroupSize\n /\n If the length of Avatars exceeds the `maxVisible` a counter token will render\n * @default 2\n /\n maxVisible: 2 \| 3 \| 4 \| 5 \| 6\n /\n Takes a array of `AvatarProps` that must have at least item.\n * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.\n * /\n avatars: AvatarList\n} & OverrideClassName<HTMLAttributes<HTMLUListElement>>\n\nconst renderCounter = (remainingAvatars: number): JSX.Element \| void => {\n if (remainingAvatars <= 0) return\n return (\n <li\n aria-label={`There ${\n remainingAvatars > 1\n ? `are ${remainingAvatars} other members`\n : `is ${remainingAvatars} other member`\n } of this group`}\n className={styles.AvatarGroupItem}\n >\n <span className={styles.AvatarCounter} aria-hidden={true}>\n {`+${remainingAvatars}`}\n </span>\n </li>\n )\n}\n\nconst renderAvatars = (\n avatars: AvatarList,\n maxVisible: number,\n size: AvatarGroupSize\n): JSX.Element => (\n <>\n {avatars?.map(\n (avatarProps, index) =>\n index < maxVisible && (\n <li key={`avatar-${index}`} className={styles.AvatarGroupItem}>\n <Avatar {...avatarProps} size={size} />\n </li>\n )\n )}\n {renderCounter(avatars?.length - maxVisible)}\n </>\n)\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}\n */\nexport const AvatarGroup = ({\n size = \"medium\",\n maxVisible = 2,\n avatars,\n classNameOverride,\n ...restProps\n}: AvatarGroupProps): JSX.Element => (\n <ul\n className={classnames(styles.AvatarGroup, styles[size], classNameOverride)}\n aria-label=\"Avatar Group\"\n {...restProps}\n >\n {renderAvatars(avatars, maxVisible, size)}\n </ul>\n)\n"],"names":["renderCounter","remainingAvatars","React","createElement","concat","className","styles","AvatarGroupItem","AvatarCounter","renderAvatars","avatars","maxVisible","size","Fragment","map","avatarProps","index","key","Avatar","length","AvatarGroup","_a","_b","_c","classNameOverride","restProps","__rest","__assign","classnames"],"mappings":";;;;;AAmCA,IAAMA,aAAa,GAAG,SAAAA,CAACC,gBAAwB,EAAA;EAC7C,IAAIA,gBAAgB,IAAI,CAAC,EAAE;EAC3B,oBACEC,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAA,YAAA,EACc,QACV,CAAAC,MAAA,CAAAH,gBAAgB,GAAG,CAAC,GAChB,MAAO,CAAAG,MAAA,CAAAH,gBAAgB,EAAgB,gBAAA,CAAA,GACvC,KAAM,CAAAG,MAAA,CAAAH,gBAAgB,EAAe,eAAA,CAAA,EAAA,gBAAA,CAC3B;IAChBI,SAAS,EAAEC,MAAM,CAACC;EAAe,CAAA,eAEjCL,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEC,MAAM,CAACE,aAAa;IAAe,aAAA,EAAA;EACjD,CAAA,EAAA,GAAA,CAAAJ,MAAA,CAAIH,gBAAgB,CAAE,CAClB,CACJ;AAET,CAAC;AAED,IAAMQ,aAAa,GAAG,SAAAA,CACpBC,OAAmB,EACnBC,UAAkB,EAClBC,IAAqB,EAAA;EACL,oBAChBV,KACG,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,EAAA,IAAA,EAAAH,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEI,GAAG,CACX,UAACC,WAAW,EAAEC,KAAK,EAAA;IACjB,OAAAA,KAAK,GAAGL,UAAU,~~iBAChBT~~;MAAIe,GAAG,EAAE,SAAU,CAAAb,MAAA,CAAAY,KAAK,CAAE;MAAEX,SAAS,EAAEC,MAAM,CAACC;IAAe,CAAA,eAC3DL,KAAC,CAAAC,aAAA,CAAAe,MAAM,eAAKH,WAAW,EAAA;MAAEH,IAAI,EAAEA;KAAQ,CAAA,CAAA,~~CAE1C~~;EAJD,CAIC,CACJ,EACAZ,aAAa,CAAC,CAAAU,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAES,MAAM,IAAGR,UAAU,CAAC,CAC3C;AACJ,CAAA;AAED;;;AAGG;AACI,IAAMS,WAAW,GAAG,SAAAA,CAACC,EAMT,EAAA;EALjB,IAAAC,EAAA,GAAAD,EAAA,CAAAT,IAAe;IAAfA,IAAI,GAAAU,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;IACfC,EAAc,GAAAF,EAAA,CAAAV,UAAA;IAAdA,UAAU,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAAA,EAAA;IACdb,OAAO,GAAAW,EAAA,CAAAX,OAAA;IACPc,iBAAiB,uBAAA;IACdC,SAAS,GALcC,MAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,SAAA,EAAA,mBAAA,CAM3B,CADa;EACuB,oBACnCnB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAwB,QAAA,CAAA;IACEtB,SAAS,EAAEuB,UAAU,CAACtB,MAAM,CAACc,WAAW,EAAEd,MAAM,CAACM,IAAI,CAAC,EAAEY,iBAAiB,CAAC;IAAA,YAAA,EAC/D;EAAc,CAAA,EACrBC,SAAS,CAAA,EAEZhB,aAAa,CAACC,OAAO,EAAEC,UAAU,EAAEC,IAAI,CAAC,CACtC;;"}
1	+ {"version":3,"file":"AvatarGroup.mjs","sources":["../../../src/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport {\n Avatar,\n CompanyAvatarProps,\n GenericAvatarProps,\n} from \"~components/Avatar\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./AvatarGroup.module.scss\"\n\nexport type AvatarGroupAvatarProps =\n \| Omit<GenericAvatarProps, \"size\">\n \| Omit<CompanyAvatarProps, \"size\">\n\nexport type AvatarGroupSize = \"small\" \| \"medium\" \| \"large\"\nexport type AvatarList = [AvatarGroupAvatarProps, ...AvatarGroupAvatarProps[]]\n\nexport type AvatarGroupProps = {\n /*\n There are 3 fixed sizes available. `\"small\"` will remove border and box shadow to save space.\n * @default \"medium\"\n /\n size?: AvatarGroupSize\n /\n If the length of Avatars exceeds the `maxVisible` a counter token will render\n * @default 2\n /\n maxVisible: 2 \| 3 \| 4 \| 5 \| 6\n /\n Takes a array of `AvatarProps` that must have at least item.\n * Note that 'size' is omitted from the `AvatarProps` type so it will throw a type error if size is provided.\n * /\n avatars: AvatarList\n} & OverrideClassName<HTMLAttributes<HTMLUListElement>>\n\nconst renderCounter = (remainingAvatars: number): JSX.Element \| void => {\n if (remainingAvatars <= 0) return\n return (\n <li\n aria-label={`There ${\n remainingAvatars > 1\n ? `are ${remainingAvatars} other members`\n : `is ${remainingAvatars} other member`\n } of this group`}\n className={styles.AvatarGroupItem}\n >\n <span className={styles.AvatarCounter} aria-hidden={true}>\n {`+${remainingAvatars}`}\n </span>\n </li>\n )\n}\n\nconst renderAvatars = (\n avatars: AvatarList,\n maxVisible: number,\n size: AvatarGroupSize\n): JSX.Element => (\n <>\n {avatars?.map(\n (avatarProps, index) =>\n index < maxVisible && (\n <li key={`avatar-${index}`} className={styles.AvatarGroupItem}>\n <Avatar {...avatarProps} size={size} />\n </li>\n )\n )}\n {renderCounter(avatars?.length - maxVisible)}\n </>\n)\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}\n */\nexport const AvatarGroup = ({\n size = \"medium\",\n maxVisible = 2,\n avatars,\n classNameOverride,\n ...restProps\n}: AvatarGroupProps): JSX.Element => (\n <ul\n className={classnames(styles.AvatarGroup, styles[size], classNameOverride)}\n aria-label=\"Avatar Group\"\n {...restProps}\n >\n {renderAvatars(avatars, maxVisible, size)}\n </ul>\n)\n"],"names":["renderCounter","remainingAvatars","React","createElement","concat","className","styles","AvatarGroupItem","AvatarCounter","renderAvatars","avatars","maxVisible","size","Fragment","map","avatarProps","index","key","Avatar","length","AvatarGroup","_a","_b","_c","classNameOverride","restProps","__rest","__assign","classnames"],"mappings":";;;;;AAmCA,IAAMA,aAAa,GAAG,SAAAA,CAACC,gBAAwB,EAAA;EAC7C,IAAIA,gBAAgB,IAAI,CAAC,EAAE;EAC3B,oBACEC,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;IAAA,YAAA,EACc,QACV,CAAAC,MAAA,CAAAH,gBAAgB,GAAG,CAAC,GAChB,MAAO,CAAAG,MAAA,CAAAH,gBAAgB,EAAgB,gBAAA,CAAA,GACvC,KAAM,CAAAG,MAAA,CAAAH,gBAAgB,EAAe,eAAA,CAAA,EAAA,gBAAA,CAC3B;IAChBI,SAAS,EAAEC,MAAM,CAACC;EAAe,CAAA,eAEjCL,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAME,SAAS,EAAEC,MAAM,CAACE,aAAa;IAAe,aAAA,EAAA;EACjD,CAAA,EAAA,GAAA,CAAAJ,MAAA,CAAIH,gBAAgB,CAAE,CAClB,CACJ;AAET,CAAC;AAED,IAAMQ,aAAa,GAAG,SAAAA,CACpBC,OAAmB,EACnBC,UAAkB,EAClBC,IAAqB,EAAA;EACL,oBAChBV,KACG,CAAAC,aAAA,CAAAD,KAAA,CAAAW,QAAA,EAAA,IAAA,EAAAH,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEI,GAAG,CACX,UAACC,WAAW,EAAEC,KAAK,EAAA;IACjB,OAAAA,KAAK,GAAGL,UAAU,mBAChBT;MAAIe,GAAG,EAAE,SAAU,CAAAb,MAAA,CAAAY,KAAK,CAAE;MAAEX,SAAS,EAAEC,MAAM,CAACC;IAAe,CAAA,eAC3DL,KAAC,CAAAC,aAAA,CAAAe,MAAM,eAAKH,WAAW,EAAA;MAAEH,IAAI,EAAEA;KAAQ,CAAA,CAAA,CACpC,CACN;EAJD,CAIC,CACJ,EACAZ,aAAa,CAAC,CAAAU,OAAO,KAAP,IAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAES,MAAM,IAAGR,UAAU,CAAC,CAC3C;AACJ,CAAA;AAED;;;AAGG;AACI,IAAMS,WAAW,GAAG,SAAAA,CAACC,EAMT,EAAA;EALjB,IAAAC,EAAA,GAAAD,EAAA,CAAAT,IAAe;IAAfA,IAAI,GAAAU,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;IACfC,EAAc,GAAAF,EAAA,CAAAV,UAAA;IAAdA,UAAU,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,CAAC,GAAAA,EAAA;IACdb,OAAO,GAAAW,EAAA,CAAAX,OAAA;IACPc,iBAAiB,uBAAA;IACdC,SAAS,GALcC,MAAA,CAAAL,EAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,SAAA,EAAA,mBAAA,CAM3B,CADa;EACuB,oBACnCnB,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAAwB,QAAA,CAAA;IACEtB,SAAS,EAAEuB,UAAU,CAACtB,MAAM,CAACc,WAAW,EAAEd,MAAM,CAACM,IAAI,CAAC,EAAEY,iBAAiB,CAAC;IAAA,YAAA,EAC/D;EAAc,CAAA,EACrBC,SAAS,CAAA,EAEZhB,aAAa,CAACC,OAAO,EAAEC,UAAU,EAAEC,IAAI,CAAC,CACtC;;"}

package/dist/esm/BrandMoment/BrandMoment.mjs CHANGED Viewed

@@ -43,30 +43,30 @@ const BrandMoment = /*#__PURE__*/function () {
       className: styles.right
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.rightInner
-    }, text.subtitle && /*#__PURE__*/React.createElement(Heading, {
+    }, text.subtitle && ( /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-3",
       tag: "h1",
       classNameOverride: styles.subtitle
-    }, text.subtitle), /*#__PURE__*/React.createElement(Heading, {
+    }, text.subtitle)), /*#__PURE__*/React.createElement(Heading, {
       variant: "display-0",
       tag: text.subtitle ? "h2" : "h1",
       classNameOverride: styles.title
-    }, text.title), text.body && /*#__PURE__*/React.createElement(Text, {
+    }, text.title), text.body && ( /*#__PURE__*/React.createElement(Text, {
       variant: "intro-lede",
       classNameOverride: styles.textBody
-    }, text.body), body && /*#__PURE__*/React.createElement("div", {
+    }, text.body)), body && /*#__PURE__*/React.createElement("div", {
       className: styles.textBody
     }, body), /*#__PURE__*/React.createElement("div", {
       className: styles.actions
-    }, primaryAction && /*#__PURE__*/React.createElement(Button, __assign({
+    }, primaryAction && ( /*#__PURE__*/React.createElement(Button, __assign({
       primary: true,
       fullWidth: queries.isSmall
-    }, primaryAction)), secondaryAction && /*#__PURE__*/React.createElement("div", {
+    }, primaryAction))), secondaryAction && ( /*#__PURE__*/React.createElement("div", {
       className: styles.secondaryAction
     }, /*#__PURE__*/React.createElement(Button, __assign({
       secondary: true,
       fullWidth: queries.isSmall
-    }, secondaryAction))))))))), text.footer && /*#__PURE__*/React.createElement("footer", {
+    }, secondaryAction)))))))))), text.footer && ( /*#__PURE__*/React.createElement("footer", {
       className: styles.footer
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.container
@@ -87,7 +87,7 @@ const BrandMoment = /*#__PURE__*/function () {
       className: styles.footerTextContainer
     }, /*#__PURE__*/React.createElement(Text, {
       variant: "extra-small"
-    }, text.footer))))));
+    }, text.footer)))))));
   };
   BrandMoment.displayName = "BrandMoment";
   return BrandMoment;