@stenajs-webui/modal 23.21.12 → 23.21.13

package/dist/declarative-modals/modal/Modal.d.ts

@@ -5,5 +5,26 @@ export interface ModalProps extends Omit<ReactModal.Props, "className" | "overla
     onRequestClose?: () => void;
     className?: string;
     overlayClassName?: string;
+    /**
+     * Whether content is allowed to stick out of the modal, instead of being
+     * clipped at its edges.
+     *
+     * A popover anchored to something inside the modal — a date picker, a
+     * dropdown — is positioned relative to what it belongs to, so it cannot be
+     * lifted out with z-index. Clipping is what cuts it off, and this turns the
+     * clipping off so it can be drawn in front of the modal, at whatever size it
+     * needs.
+     *
+     * The modal then cannot scroll its own content, so only use it for a modal
+     * whose content fits. It is also aligned to the top of the screen rather
+     * than centred, to leave room for whatever sticks out below it.
+     *
+     * Has no effect while the modal fills the screen, as it does on a phone.
+     * There is no outside to stick out into, and a fullscreen modal needs to
+     * keep its own scrolling to stay reachable.
+     *
+     * @default false
+     */
+    allowContentOverflow?: boolean;
 }
 export declare const Modal: React.FC<ModalProps>;

package/dist/dialog/UseDialog.d.ts

@@ -27,6 +27,22 @@ export interface DialogOptions {
     ref?: RefObject<HTMLDialogElement | null>;
     onResolve?: () => void;
     onReject?: () => void;
+    /**
+     * Whether content is allowed to stick out of the modal, instead of being
+     * clipped at its edges. Only has an effect together with
+     * `divInsteadOfDialog`.
+     *
+     * A popover anchored to something inside the modal — a date picker, a
+     * dropdown — is positioned relative to what it belongs to, so it cannot be
+     * lifted out with z-index. Clipping is what cuts it off.
+     *
+     * The modal then cannot scroll its own content, so only use it for a modal
+     * whose content fits. Has no effect while the modal fills the screen, as it
+     * does on a phone.
+     *
+     * @default false
+     */
+    allowContentOverflow?: boolean;
     /**
      * Sets aria-label on modal or dialog element.
      */
@@ -40,5 +56,5 @@ export interface DialogOptions {
      */
     describedby?: string;
 }
-export declare function useDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, { ref, modal, contentWrapperClassName, closingClassName, contentWrapperStyle, dialogStyle, divInsteadOfDialog, disableCloseOnClickOutside, blockScroll, elementId, onResolve, onReject, className, background, label, labelledby, describedby, }: DialogOptions): UseDialogResult<TProps, TPromiseResolve>;
+export declare function useDialog<TProps, TPromiseResolve = void>(component: React.FC<TProps>, { ref, modal, contentWrapperClassName, closingClassName, contentWrapperStyle, dialogStyle, divInsteadOfDialog, disableCloseOnClickOutside, blockScroll, elementId, onResolve, onReject, className, background, allowContentOverflow, label, labelledby, describedby, }: DialogOptions): UseDialogResult<TProps, TPromiseResolve>;
 export {};

package/dist/index.css

@@ -1 +1 @@
-html{scrollbar-gutter:stable}body.ReactModal__Body--open,body:has(dialog.swui-block-scroll[open]){overflow:hidden}._overlay_zoch3_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_zoch3_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_zoch3_1{background-color:#fff}}._overlay_zoch3_1 ._modal_zoch3_33{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_zoch3_1 ._modal_zoch3_33{width:100%}}._overlay_zoch3_1 ._content_zoch3_43{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_zoch3_1 ._content_zoch3_43{top:0;width:100%;max-width:100%}}._overlay_zoch3_1 ._content_zoch3_43{animation:_appear_zoch3_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_zoch3_1 ._content_zoch3_43{box-shadow:none;top:0}}._overlay_zoch3_1 ._content_zoch3_43:focus{outline:0}._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle{cursor:move}._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle .draggable-modal-cancel,._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_zoch3_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_zoch3_1{0%{opacity:0}to{opacity:1}}._footer_zoch3_103{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_zoch3_107{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_zoch3_107{position:static;box-shadow:none}}._portal_194oy_1{--drawer-width: 370px}._portal_194oy_1 ._overlay_194oy_4{position:fixed;inset:0}._portal_194oy_1 ._content_194oy_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out;overscroll-behavior:contain}._portal_194oy_1 ._content_194oy_9._floating_194oy_18{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_194oy_1 ._content_194oy_9._floating_194oy_18{margin:0;border-radius:0}}._portal_194oy_1 ._content_194oy_9:focus-visible{outline:unset}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32._afterOpen_194oy_39,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33._afterOpen_194oy_39{transform:translate(0)}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32._beforeClose_194oy_43,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33._beforeClose_194oy_43{transform:translate(var(--translate-x-outside-screen))}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48._afterOpen_194oy_39,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49._afterOpen_194oy_39{transform:translateY(0)}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48._beforeClose_194oy_43,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49._beforeClose_194oy_43{transform:translateY(var(--translate-y-outside-screen))}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_1xtk3_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1xtk3_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1xtk3_1{background-color:#fff}}._overlay_1xtk3_1 ._modal_1xtk3_33{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1xtk3_1 ._content_1xtk3_40{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_1xtk3_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1xtk3_1 ._content_1xtk3_40{box-shadow:none;top:0}}._overlay_1xtk3_1 ._content_1xtk3_40:focus{outline:0}._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle{cursor:move}._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle .draggable-modal-cancel,._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1xtk3_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1xtk3_1{0%{opacity:0}to{opacity:1}}._footer_1xtk3_94{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1xtk3_98{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1xtk3_98{position:static;box-shadow:none}}._overlay_20o05_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_20o05_1._afterOpen_20o05_29:not(._beforeClose_20o05_29){animation:_fadeIn_20o05_1 var(--swui-modal-animation-time) forwards}._overlay_20o05_1._beforeClose_20o05_29{animation:_fadeOut_20o05_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_20o05_1{background-color:#fff}}._overlay_20o05_1 ._modal_20o05_41{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_20o05_1 ._modal_20o05_41{padding:0;width:100%}}._overlay_20o05_1 ._modal_20o05_41._afterOpen_20o05_29:not(._beforeClose_20o05_29){animation:_slideIn_20o05_1 var(--swui-modal-animation-time) forwards}._overlay_20o05_1 ._modal_20o05_41._beforeClose_20o05_29{animation:_slideOut_20o05_1 var(--swui-modal-animation-time) forwards}._overlay_20o05_1 ._content_20o05_64{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}@media (max-width: 768px){._overlay_20o05_1 ._content_20o05_64{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_20o05_1 ._content_20o05_64{border-radius:var(--swui-border-radius-large)}._overlay_20o05_1 ._content_20o05_64::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._overlay_20o05_1 ._content_20o05_64::-webkit-scrollbar{width:16px}}@media print{._overlay_20o05_1 ._content_20o05_64{box-shadow:none;top:0}}._overlay_20o05_1 ._content_20o05_64:focus{outline:0}@keyframes _fadeIn_20o05_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_20o05_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_20o05_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_20o05_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_20o05_157{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_20o05_161{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_20o05_161{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;inset:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;inset:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_iw29e_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_iw29e_1{border-radius:var(--swui-border-radius-large)}._modalDialog_iw29e_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._modalDialog_iw29e_1::-webkit-scrollbar{width:16px}}._modalDialog_iw29e_1:not([open]){display:none}._modalDialog_iw29e_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37[open]{animation:_slideOut_iw29e_1 .25s forwards}@media (max-width: 768px){._modalDialog_iw29e_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_iw29e_1::backdrop{position:fixed;inset:0;background-color:#0d0e1080;animation:_fadeIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37::backdrop{animation:_fadeOut_iw29e_1 .25s forwards}@keyframes _fadeIn_iw29e_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_iw29e_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_iw29e_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_iw29e_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_iw29e_101{width:100%;height:100%}}._modalActionButtons_zeqa6_1{container-type:inline-size;display:flex;flex-wrap:wrap;flex-direction:row;gap:16px;justify-content:center}@container (max-width: 480px){._modalActionButtons_zeqa6_1:has(>:nth-child(2)){flex-direction:column;justify-content:stretch}._modalActionButtons_zeqa6_1:has(>:nth-child(2))>*{width:100%}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1ypno_1._modalFooter_1ypno_1{align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px 0 0;padding:calc((var(--swui-metrics-spacing) * 2)) calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_1ypno_1._modalFooter_1ypno_1._sticky_1ypno_10{position:-webkit-sticky;position:sticky;bottom:0}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notificationHeader_1rl25_1 ._timestamp_1rl25_2{padding-bottom:8px}._notification_tpz0j_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50);padding:calc(var(--swui-metrics-spacing) * 2) calc(var(--swui-metrics-indent) * 2);gap:calc(var(--swui-metrics-space) * 1)}._notification_tpz0j_1 ._body_tpz0j_10{padding-left:48px;padding-right:24px}._notification_tpz0j_1._standard_tpz0j_15._unread_tpz0j_16{background:var(--lhds-color-blue-50)}._notification_tpz0j_1._danger_tpz0j_21{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._toast_1ifzt_1 ._body_1ifzt_2{display:flex;padding-left:48px;padding-bottom:8px}._toastBox_1lvsy_1._toastBox_1lvsy_1{display:inline-block;padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);border-radius:var(--swui-border-radius);background:var(--lhds-color-ui-50);box-shadow:var(--swui-shadow-popover)}._toastBox_1lvsy_1._toastBox_1lvsy_1._clickable_1lvsy_8{border:1px solid transparent;cursor:pointer}._toastBox_1lvsy_1._toastBox_1lvsy_1._clickable_1lvsy_8:hover{border-color:var(--lhds-color-blue-300)}._toastContainer_1rek2_1 .Toastify__toast{align-items:flex-start}
+html{scrollbar-gutter:stable}body.ReactModal__Body--open,body:has(dialog.swui-block-scroll[open]){overflow:hidden}._overlay_zoch3_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_zoch3_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_zoch3_1{background-color:#fff}}._overlay_zoch3_1 ._modal_zoch3_33{max-width:100%;outline:none;pointer-events:none}@media (max-width: 768px){._overlay_zoch3_1 ._modal_zoch3_33{width:100%}}._overlay_zoch3_1 ._content_zoch3_43{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);pointer-events:all;top:calc(var(--swui-metrics-space) * 2);width:var(--swui-modal-width);max-width:var(--swui-modal-max-width)}@media (max-width: 768px){._overlay_zoch3_1 ._content_zoch3_43{top:0;width:100%;max-width:100%}}._overlay_zoch3_1 ._content_zoch3_43{animation:_appear_zoch3_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_zoch3_1 ._content_zoch3_43{box-shadow:none;top:0}}._overlay_zoch3_1 ._content_zoch3_43:focus{outline:0}._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle{cursor:move}._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle .draggable-modal-cancel,._overlay_zoch3_1 ._content_zoch3_43._isDraggable_zoch3_72 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_zoch3_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_zoch3_1{0%{opacity:0}to{opacity:1}}._footer_zoch3_103{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_zoch3_107{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_zoch3_107{position:static;box-shadow:none}}._portal_194oy_1{--drawer-width: 370px}._portal_194oy_1 ._overlay_194oy_4{position:fixed;inset:0}._portal_194oy_1 ._content_194oy_9{box-shadow:var(--swui-shadow-modal);background:#fff;position:absolute;transition:transform var(--swui-animation-time-medium) ease-in-out;overscroll-behavior:contain}._portal_194oy_1 ._content_194oy_9._floating_194oy_18{margin:var(--swui-metrics-space);border-radius:var(--swui-border-radius)}@media (max-width: 768px){._portal_194oy_1 ._content_194oy_9._floating_194oy_18{margin:0;border-radius:0}}._portal_194oy_1 ._content_194oy_9:focus-visible{outline:unset}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33{transform:translate(var(--translate-x-outside-screen, 0));overflow-y:auto;top:0;bottom:0}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32._afterOpen_194oy_39,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33._afterOpen_194oy_39{transform:translate(0)}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32._beforeClose_194oy_43,._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33._beforeClose_194oy_43{transform:translate(var(--translate-x-outside-screen))}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49{transform:translateY(var(--translate-y-outside-screen, 0));overflow-x:auto;left:0;right:0}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48._afterOpen_194oy_39,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49._afterOpen_194oy_39{transform:translateY(0)}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48._beforeClose_194oy_43,._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49._beforeClose_194oy_43{transform:translateY(var(--translate-y-outside-screen))}._portal_194oy_1 ._content_194oy_9._slideFromLeft_194oy_32{--translate-x-outside-screen: -100%;width:var(--drawer-width);left:0}._portal_194oy_1 ._content_194oy_9._slideFromRight_194oy_33{--translate-x-outside-screen: 100%;width:var(--drawer-width);right:0}._portal_194oy_1 ._content_194oy_9._slideFromTop_194oy_48{--translate-y-outside-screen: -100%;height:var(--drawer-width);top:0}._portal_194oy_1 ._content_194oy_9._slideFromBottom_194oy_49{--translate-y-outside-screen: 100%;height:var(--drawer-width);bottom:0}._overlay_1xtk3_1{--swui-modal-animation-time: var(--swui-animation-time-fast);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;animation:_fadeIn_1xtk3_1 var(--swui-modal-animation-time) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1xtk3_1{background-color:#fff}}._overlay_1xtk3_1 ._modal_1xtk3_33{max-width:100%;outline:none;pointer-events:none;padding:var(--swui-metrics-space)}._overlay_1xtk3_1 ._content_1xtk3_40{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);animation:_appear_1xtk3_1 var(--swui-animation-time-fast) cubic-bezier(.645,.045,.355,1) both}@media print{._overlay_1xtk3_1 ._content_1xtk3_40{box-shadow:none;top:0}}._overlay_1xtk3_1 ._content_1xtk3_40:focus{outline:0}._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle{cursor:move}._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle .draggable-modal-cancel,._overlay_1xtk3_1 ._content_1xtk3_40._isDraggable_1xtk3_63 .draggable-modal-handle [role=tooltip]{cursor:initial}@keyframes _fadeIn_1xtk3_1{0%{background-color:var(--swui-hidden)}to{background-color:var(--swui-modal-overlay-bg-color)}}@keyframes _appear_1xtk3_1{0%{opacity:0}to{opacity:1}}._footer_1xtk3_94{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_1xtk3_98{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_1xtk3_98{position:static;box-shadow:none}}._overlay_qz2d4_1{--swui-modal-animation-time: var(--swui-animation-time-medium);--swui-modal-overlay-bg-color: var(--swui-overlay-bg-color);--swui-modal-content-bg-color: var(--swui-white);--swui-modal-width: 960px;--swui-modal-max-width: 100%;--swui-modal-header-border-color: var(--lhds-color-ui-300);--swui-modal-shadow: var(--swui-shadow-modal);--swui-modal-footer-shadow: var(--swui-shadow-modal);position:fixed;z-index:10;inset:0;background-color:var(--swui-modal-overlay-bg-color);overflow:hidden;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;opacity:0}._overlay_qz2d4_1._afterOpen_qz2d4_29:not(._beforeClose_qz2d4_29){animation:_fadeIn_qz2d4_1 var(--swui-modal-animation-time) forwards}._overlay_qz2d4_1._beforeClose_qz2d4_29{animation:_fadeOut_qz2d4_1 var(--swui-modal-animation-time) forwards}@media print{._overlay_qz2d4_1{background-color:#fff}}._overlay_qz2d4_1 ._modal_qz2d4_41{max-width:100%;outline:none;pointer-events:none;padding:calc(var(--swui-metrics-space) * 2);box-sizing:border-box;max-height:100%;transform:translateY(-100%)}@media (max-width: 768px){._overlay_qz2d4_1 ._modal_qz2d4_41{padding:0;width:100%}}._overlay_qz2d4_1 ._modal_qz2d4_41._afterOpen_qz2d4_29:not(._beforeClose_qz2d4_29){animation:_slideIn_qz2d4_1 var(--swui-modal-animation-time) forwards}._overlay_qz2d4_1 ._modal_qz2d4_41._beforeClose_qz2d4_29{animation:_slideOut_qz2d4_1 var(--swui-modal-animation-time) forwards}._overlay_qz2d4_1 ._content_qz2d4_64{position:relative;display:block;background:var(--swui-modal-content-bg-color);box-shadow:var(--swui-modal-shadow);border-radius:var(--swui-border-radius-large);pointer-events:all;width:var(--swui-modal-width);max-width:var(--swui-modal-max-width);height:100%;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}@media (min-width: 769px){._overlay_qz2d4_1 ._content_qz2d4_64._contentOverflowVisible_qz2d4_95{overflow:visible}}@media (max-width: 768px){._overlay_qz2d4_1 ._content_qz2d4_64{border-radius:0;width:100%;max-width:100%;min-height:100dvh}}@media (min-width: 769px){._overlay_qz2d4_1 ._content_qz2d4_64{border-radius:var(--swui-border-radius-large)}._overlay_qz2d4_1 ._content_qz2d4_64::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._overlay_qz2d4_1 ._content_qz2d4_64::-webkit-scrollbar{width:16px}}@media print{._overlay_qz2d4_1 ._content_qz2d4_64{box-shadow:none;top:0}}._overlay_qz2d4_1 ._content_qz2d4_64:focus{outline:0}@keyframes _fadeIn_qz2d4_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_qz2d4_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_qz2d4_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_qz2d4_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._footer_qz2d4_175{background-color:var(--swui-modal-content-bg-color)}._stickyFooter_qz2d4_179{position:-webkit-sticky;position:sticky;bottom:0;box-shadow:var(--swui-modal-footer-shadow)}@media print{._stickyFooter_qz2d4_179{position:static;box-shadow:none}}._modal_4fwgb_1{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;background-color:transparent}._overlay_4fwgb_13{position:fixed;inset:0;background-color:var(--swui-overlay-bg-color)}._alertDialog_14t8t_1{border:0;outline:0;border-radius:var(--swui-border-radius-large);margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}._alertDialog_14t8t_1:not([open]){display:none}._alertDialog_14t8t_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22[open]{animation:_slideOut_14t8t_1 .25s forwards}._alertDialog_14t8t_1::backdrop{position:fixed;inset:0;background-color:#0d0e1080;animation:_fadeIn_14t8t_1 .25s forwards}._alertDialog_14t8t_1._closing_14t8t_22::backdrop{animation:_fadeOut_14t8t_1 .25s forwards}@keyframes _fadeIn_14t8t_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_14t8t_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_14t8t_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_14t8t_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._drawerDialog_11g6r_1{max-height:100%;max-width:100%;border:0;outline:0;margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:#0003 0 0 10px 4px;position:fixed}._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{height:100%;top:0;bottom:0}._drawerDialog_11g6r_1._left_11g6r_13 ._contentWrapper_11g6r_19,._drawerDialog_11g6r_1._right_11g6r_14 ._contentWrapper_11g6r_19{height:100%}@media (max-width: 768px){._drawerDialog_11g6r_1._left_11g6r_13,._drawerDialog_11g6r_1._right_11g6r_14{width:-webkit-fit-content;width:fit-content}}._drawerDialog_11g6r_1._left_11g6r_13{left:0;right:unset}._drawerDialog_11g6r_1._left_11g6r_13[open]{animation:_slideInLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._left_11g6r_13._closing_11g6r_36[open]{animation:_slideOutLeft_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14{left:unset;right:0}._drawerDialog_11g6r_1._right_11g6r_14[open]{animation:_slideInRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._right_11g6r_14._closing_11g6r_36[open]{animation:_slideOutRight_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{width:100%;left:0;right:0}@media (max-width: 768px){._drawerDialog_11g6r_1._top_11g6r_54,._drawerDialog_11g6r_1._bottom_11g6r_55{height:-webkit-fit-content;height:fit-content}}._drawerDialog_11g6r_1._top_11g6r_54{top:0;bottom:unset}._drawerDialog_11g6r_1._top_11g6r_54[open]{animation:_slideInTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._top_11g6r_54._closing_11g6r_36[open]{animation:_slideOutTop_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55{top:unset;bottom:0}._drawerDialog_11g6r_1._bottom_11g6r_55[open]{animation:_slideInBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1._bottom_11g6r_55._closing_11g6r_36[open]{animation:_slideOutBottom_11g6r_1 .25s forwards}._drawerDialog_11g6r_1[open]{opacity:1;pointer-events:auto}@keyframes _slideInLeft_11g6r_1{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutLeft_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(-100%);opacity:1}}@keyframes _slideInTop_11g6r_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(-100%);opacity:1}}@keyframes _slideInRight_11g6r_1{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutRight_11g6r_1{0%{transform:translate(0);opacity:0}to{transform:translate(100%);opacity:1}}@keyframes _slideInBottom_11g6r_1{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutBottom_11g6r_1{0%{transform:translateY(0);opacity:0}to{transform:translateY(100%);opacity:1}}._modalDialog_iw29e_1{border:0;outline:0;margin:auto;padding:0;overscroll-behavior:contain;opacity:0;pointer-events:none;box-shadow:#0003 0 0 10px 4px}@media (min-width: 769px){._modalDialog_iw29e_1{border-radius:var(--swui-border-radius-large)}._modalDialog_iw29e_1::-webkit-scrollbar-thumb{background-color:var(--lhds-color-ui-400);border:4px solid transparent;border-radius:8px;background-clip:padding-box;min-height:40px}._modalDialog_iw29e_1::-webkit-scrollbar{width:16px}}._modalDialog_iw29e_1:not([open]){display:none}._modalDialog_iw29e_1[open]{opacity:1;pointer-events:auto;animation:_slideIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37[open]{animation:_slideOut_iw29e_1 .25s forwards}@media (max-width: 768px){._modalDialog_iw29e_1{margin:0;width:100%;max-width:100%;height:100%;max-height:100%}}._modalDialog_iw29e_1::backdrop{position:fixed;inset:0;background-color:#0d0e1080;animation:_fadeIn_iw29e_1 .25s forwards}._modalDialog_iw29e_1._closing_iw29e_37::backdrop{animation:_fadeOut_iw29e_1 .25s forwards}@keyframes _fadeIn_iw29e_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_iw29e_1{0%{opacity:1}to{opacity:0}}@keyframes _slideIn_iw29e_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOut_iw29e_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@media (max-width: 768px){._contentWrapper_iw29e_101{width:100%;height:100%}}._modalActionButtons_zeqa6_1{container-type:inline-size;display:flex;flex-wrap:wrap;flex-direction:row;gap:16px;justify-content:center}@container (max-width: 480px){._modalActionButtons_zeqa6_1:has(>:nth-child(2)){flex-direction:column;justify-content:stretch}._modalActionButtons_zeqa6_1:has(>:nth-child(2))>*{width:100%}}@media (max-width: 768px){._modalBody_ozynq_1._modalBody_ozynq_1{padding:calc(var(--swui-metrics-space) * 2)}}._modalFooter_1uwtk_1._modalFooter_1uwtk_1{align-items:center;overflow:hidden;background:var(--silver-lighter);border-radius:24px 24px var(--swui-border-radius-large) var(--swui-border-radius-large)}@media (max-width: 768px){._modalFooter_1uwtk_1._modalFooter_1uwtk_1{border-bottom-left-radius:0;border-bottom-right-radius:0}}._modalFooter_1uwtk_1._modalFooter_1uwtk_1{padding:calc((var(--swui-metrics-spacing) * 2)) calc((var(--swui-metrics-indent) * 5));flex-shrink:0}._modalFooter_1uwtk_1._modalFooter_1uwtk_1._sticky_1uwtk_20{position:-webkit-sticky;position:sticky;bottom:0}._unreadDot_l8bni_1{position:relative}._unreadDot_l8bni_1 ._dot_l8bni_4{top:1px;right:1px;position:absolute;width:8px;height:8px;border-radius:var(--swui-max-border-radius);background:var(--lhds-color-blue-500)}._notificationHeader_1rl25_1 ._timestamp_1rl25_2{padding-bottom:8px}._notification_tpz0j_1{display:flex;flex-direction:column;width:100%;background:var(--lhds-color-ui-50);padding:calc(var(--swui-metrics-spacing) * 2) calc(var(--swui-metrics-indent) * 2);gap:calc(var(--swui-metrics-space) * 1)}._notification_tpz0j_1 ._body_tpz0j_10{padding-left:48px;padding-right:24px}._notification_tpz0j_1._standard_tpz0j_15._unread_tpz0j_16{background:var(--lhds-color-blue-50)}._notification_tpz0j_1._danger_tpz0j_21{background:var(--lhds-color-red-100)}._notificationList_1rkvu_1{display:flex;flex-direction:column;gap:2px;background:var(--lhds-color-ui-200)}._toast_1ifzt_1 ._body_1ifzt_2{display:flex;padding-left:48px;padding-bottom:8px}._toastBox_1lvsy_1._toastBox_1lvsy_1{display:inline-block;padding:var(--swui-metrics-spacing) calc(var(--swui-metrics-indent) * 2);border-radius:var(--swui-border-radius);background:var(--lhds-color-ui-50);box-shadow:var(--swui-shadow-popover)}._toastBox_1lvsy_1._toastBox_1lvsy_1._clickable_1lvsy_8{border:1px solid transparent;cursor:pointer}._toastBox_1lvsy_1._toastBox_1lvsy_1._clickable_1lvsy_8:hover{border-color:var(--lhds-color-blue-300)}._toastContainer_1rek2_1 .Toastify__toast{align-items:flex-start}