@alfalab/core-components 48.26.0 → 48.27.0

package/universal-modal/modern/desktop/components/side-modal/index.js

@@ -2,14 +2,20 @@ export { SideModal } from './side-modal.js';
 import 'react';
 import 'classnames';
 import '../../../../../base-modal/modern';
-import '../../hooks/useModalHeight.js';
-import '../../../../../shared/modern';
 import '../../hooks/useModalWheel.js';
-import '../../hooks/useModalWidth.js';
-import '../../../ResponsiveContext.js';
 import '../../utils/get-full-size-modal-transitions.js';
-import '../../utils/get-margins.js';
-import '../base-universal-modal-content/base-universal-modal-content.js';
+import '../../../../../shared/modern';
+import '../../utils/get-height-style.js';
+import '../../utils/get-margin-styles.js';
+import '../../utils/get-max-height-style.js';
+import '../../utils/get-width-style.js';
+import '../modal-content/modal-content.js';
+import 'react-merge-refs';
 import '../../../../../scrollbar/modern';
+import '../../hooks/use-modal-highlighted.js';
+import '../../../context/universal-modal-context.js';
+import '../../hooks/use-outside-scroll.js';
+import '../../hooks/use-set-scrollbar-height.js';
 import '../../constants/index.js';
+import '../../utils/set-footer-and-header-refs.js';
 import './get-default-transition-props.js';

package/universal-modal/modern/desktop/components/side-modal/side-modal.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "open"> & Partial<Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & React.RefAttributes<HTMLDivElement>>;
+declare const SideModal: React.ForwardRefExoticComponent<import("../../types/props").BaseUniversalModalProps & Pick<import("../../../../../base-modal").BaseModalProps, "open"> & Partial<Pick<import("../../../../../base-modal").BaseModalProps, "children" | "className" | "dataTestId" | "backdropProps" | "wrapperClassName" | "transitionProps" | "onUnmount">> & {
+    scrollableContainerRef?: React.RefObject<HTMLDivElement> | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export { SideModal };

package/universal-modal/modern/desktop/components/side-modal/side-modal.js

@@ -1,41 +1,41 @@
 import React, { forwardRef, useRef } from 'react';
 import cn from 'classnames';
 import { BaseModal } from '../../../../../base-modal/modern';
-import { useModalHeight } from '../../hooks/useModalHeight.js';
 import { useModalWheel } from '../../hooks/useModalWheel.js';
-import { useModalWidth } from '../../hooks/useModalWidth.js';
 import { getFullSizeModalTransitions } from '../../utils/get-full-size-modal-transitions.js';
-import { getMargins } from '../../utils/get-margins.js';
-import { BaseUniversalModalContent } from '../base-universal-modal-content/base-universal-modal-content.js';
+import { getHeightStyle } from '../../utils/get-height-style.js';
+import { getMarginStyles } from '../../utils/get-margin-styles.js';
+import { getMaxHeightStyle } from '../../utils/get-max-height-style.js';
+import { getWidthStyle } from '../../utils/get-width-style.js';
+import { ModalContent } from '../modal-content/modal-content.js';
 import { getDefaultTransitionProps } from './get-default-transition-props.js';
 import '../../../../../shared/modern';
-import '../../../ResponsiveContext.js';
+import 'react-merge-refs';
 import '../../../../../scrollbar/modern';
+import '../../hooks/use-modal-highlighted.js';
+import '../../../context/universal-modal-context.js';
+import '../../hooks/use-outside-scroll.js';
+import '../../hooks/use-set-scrollbar-height.js';
 import '../../constants/index.js';
+import '../../utils/set-footer-and-header-refs.js';
 
-const styles = {"wrapper":"universal-modal__wrapper_x5crp","wrapperAlignStart":"universal-modal__wrapperAlignStart_x5crp","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_x5crp","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_x5crp","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_x5crp","component":"universal-modal__component_x5crp","overlayHidden":"universal-modal__overlayHidden_x5crp","container":"universal-modal__container_x5crp","marginTop-0":"universal-modal__marginTop-0_x5crp","marginTop-1":"universal-modal__marginTop-1_x5crp","marginTop-2":"universal-modal__marginTop-2_x5crp","marginTop-3":"universal-modal__marginTop-3_x5crp","marginTop-4":"universal-modal__marginTop-4_x5crp","marginTop-5":"universal-modal__marginTop-5_x5crp","marginTop-6":"universal-modal__marginTop-6_x5crp","marginTop-7":"universal-modal__marginTop-7_x5crp","marginTop-8":"universal-modal__marginTop-8_x5crp","marginTop-9":"universal-modal__marginTop-9_x5crp","marginTop-10":"universal-modal__marginTop-10_x5crp","marginTop-11":"universal-modal__marginTop-11_x5crp","marginTop-12":"universal-modal__marginTop-12_x5crp","marginTop-13":"universal-modal__marginTop-13_x5crp","marginTop-14":"universal-modal__marginTop-14_x5crp","marginTop-15":"universal-modal__marginTop-15_x5crp","marginTop-16":"universal-modal__marginTop-16_x5crp","marginTop-17":"universal-modal__marginTop-17_x5crp","marginTop-18":"universal-modal__marginTop-18_x5crp","marginTop-19":"universal-modal__marginTop-19_x5crp","marginTop-20":"universal-modal__marginTop-20_x5crp","marginTop-21":"universal-modal__marginTop-21_x5crp","marginTop-22":"universal-modal__marginTop-22_x5crp","marginTop-23":"universal-modal__marginTop-23_x5crp","marginTop-24":"universal-modal__marginTop-24_x5crp","marginTop-25":"universal-modal__marginTop-25_x5crp","marginTop-26":"universal-modal__marginTop-26_x5crp","marginTop-27":"universal-modal__marginTop-27_x5crp","marginTop-28":"universal-modal__marginTop-28_x5crp","marginTop-29":"universal-modal__marginTop-29_x5crp","marginTop-30":"universal-modal__marginTop-30_x5crp","marginTop-31":"universal-modal__marginTop-31_x5crp","marginTop-32":"universal-modal__marginTop-32_x5crp","marginTop-33":"universal-modal__marginTop-33_x5crp","marginTop-34":"universal-modal__marginTop-34_x5crp","marginTop-35":"universal-modal__marginTop-35_x5crp","marginTop-36":"universal-modal__marginTop-36_x5crp","marginTop-37":"universal-modal__marginTop-37_x5crp","marginTop-38":"universal-modal__marginTop-38_x5crp","marginTop-39":"universal-modal__marginTop-39_x5crp","marginTop-40":"universal-modal__marginTop-40_x5crp","marginTop-41":"universal-modal__marginTop-41_x5crp","marginTop-42":"universal-modal__marginTop-42_x5crp","marginTop-43":"universal-modal__marginTop-43_x5crp","marginTop-44":"universal-modal__marginTop-44_x5crp","marginTop-45":"universal-modal__marginTop-45_x5crp","marginTop-46":"universal-modal__marginTop-46_x5crp","marginTop-47":"universal-modal__marginTop-47_x5crp","marginTop-48":"universal-modal__marginTop-48_x5crp","marginTop-49":"universal-modal__marginTop-49_x5crp","marginTop-50":"universal-modal__marginTop-50_x5crp","marginTop-51":"universal-modal__marginTop-51_x5crp","marginTop-52":"universal-modal__marginTop-52_x5crp","marginTop-53":"universal-modal__marginTop-53_x5crp","marginTop-54":"universal-modal__marginTop-54_x5crp","marginTop-55":"universal-modal__marginTop-55_x5crp","marginTop-56":"universal-modal__marginTop-56_x5crp","marginTop-57":"universal-modal__marginTop-57_x5crp","marginTop-58":"universal-modal__marginTop-58_x5crp","marginTop-59":"universal-modal__marginTop-59_x5crp","marginTop-60":"universal-modal__marginTop-60_x5crp","marginTop-61":"universal-modal__marginTop-61_x5crp","marginTop-62":"universal-modal__marginTop-62_x5crp","marginTop-63":"universal-modal__marginTop-63_x5crp","marginTop-64":"universal-modal__marginTop-64_x5crp","marginTop-65":"universal-modal__marginTop-65_x5crp","marginTop-66":"universal-modal__marginTop-66_x5crp","marginTop-67":"universal-modal__marginTop-67_x5crp","marginTop-68":"universal-modal__marginTop-68_x5crp","marginTop-69":"universal-modal__marginTop-69_x5crp","marginTop-70":"universal-modal__marginTop-70_x5crp","marginTop-71":"universal-modal__marginTop-71_x5crp","marginTop-72":"universal-modal__marginTop-72_x5crp","marginTop-73":"universal-modal__marginTop-73_x5crp","marginTop-74":"universal-modal__marginTop-74_x5crp","marginTop-75":"universal-modal__marginTop-75_x5crp","marginTop-76":"universal-modal__marginTop-76_x5crp","marginTop-77":"universal-modal__marginTop-77_x5crp","marginTop-78":"universal-modal__marginTop-78_x5crp","marginTop-79":"universal-modal__marginTop-79_x5crp","marginTop-80":"universal-modal__marginTop-80_x5crp","marginTop-81":"universal-modal__marginTop-81_x5crp","marginTop-82":"universal-modal__marginTop-82_x5crp","marginTop-83":"universal-modal__marginTop-83_x5crp","marginTop-84":"universal-modal__marginTop-84_x5crp","marginTop-85":"universal-modal__marginTop-85_x5crp","marginTop-86":"universal-modal__marginTop-86_x5crp","marginTop-87":"universal-modal__marginTop-87_x5crp","marginTop-88":"universal-modal__marginTop-88_x5crp","marginTop-89":"universal-modal__marginTop-89_x5crp","marginTop-90":"universal-modal__marginTop-90_x5crp","marginTop-91":"universal-modal__marginTop-91_x5crp","marginTop-92":"universal-modal__marginTop-92_x5crp","marginTop-93":"universal-modal__marginTop-93_x5crp","marginTop-94":"universal-modal__marginTop-94_x5crp","marginTop-95":"universal-modal__marginTop-95_x5crp","marginTop-96":"universal-modal__marginTop-96_x5crp","marginTop-97":"universal-modal__marginTop-97_x5crp","marginTop-98":"universal-modal__marginTop-98_x5crp","marginTop-99":"universal-modal__marginTop-99_x5crp","marginTop-100":"universal-modal__marginTop-100_x5crp","marginTop-101":"universal-modal__marginTop-101_x5crp","marginTop-102":"universal-modal__marginTop-102_x5crp","marginTop-103":"universal-modal__marginTop-103_x5crp","marginTop-104":"universal-modal__marginTop-104_x5crp","marginTop-105":"universal-modal__marginTop-105_x5crp","marginTop-106":"universal-modal__marginTop-106_x5crp","marginTop-107":"universal-modal__marginTop-107_x5crp","marginTop-108":"universal-modal__marginTop-108_x5crp","marginTop-109":"universal-modal__marginTop-109_x5crp","marginTop-110":"universal-modal__marginTop-110_x5crp","marginTop-111":"universal-modal__marginTop-111_x5crp","marginTop-112":"universal-modal__marginTop-112_x5crp","marginTop-113":"universal-modal__marginTop-113_x5crp","marginTop-114":"universal-modal__marginTop-114_x5crp","marginTop-115":"universal-modal__marginTop-115_x5crp","marginTop-116":"universal-modal__marginTop-116_x5crp","marginTop-117":"universal-modal__marginTop-117_x5crp","marginTop-118":"universal-modal__marginTop-118_x5crp","marginTop-119":"universal-modal__marginTop-119_x5crp","marginTop-120":"universal-modal__marginTop-120_x5crp","marginTop-121":"universal-modal__marginTop-121_x5crp","marginTop-122":"universal-modal__marginTop-122_x5crp","marginTop-123":"universal-modal__marginTop-123_x5crp","marginTop-124":"universal-modal__marginTop-124_x5crp","marginTop-125":"universal-modal__marginTop-125_x5crp","marginTop-126":"universal-modal__marginTop-126_x5crp","marginTop-127":"universal-modal__marginTop-127_x5crp","marginTop-128":"universal-modal__marginTop-128_x5crp","marginRight-0":"universal-modal__marginRight-0_x5crp","marginRight-1":"universal-modal__marginRight-1_x5crp","marginRight-2":"universal-modal__marginRight-2_x5crp","marginRight-3":"universal-modal__marginRight-3_x5crp","marginRight-4":"universal-modal__marginRight-4_x5crp","marginRight-5":"universal-modal__marginRight-5_x5crp","marginRight-6":"universal-modal__marginRight-6_x5crp","marginRight-7":"universal-modal__marginRight-7_x5crp","marginRight-8":"universal-modal__marginRight-8_x5crp","marginRight-9":"universal-modal__marginRight-9_x5crp","marginRight-10":"universal-modal__marginRight-10_x5crp","marginRight-11":"universal-modal__marginRight-11_x5crp","marginRight-12":"universal-modal__marginRight-12_x5crp","marginRight-13":"universal-modal__marginRight-13_x5crp","marginRight-14":"universal-modal__marginRight-14_x5crp","marginRight-15":"universal-modal__marginRight-15_x5crp","marginRight-16":"universal-modal__marginRight-16_x5crp","marginRight-17":"universal-modal__marginRight-17_x5crp","marginRight-18":"universal-modal__marginRight-18_x5crp","marginRight-19":"universal-modal__marginRight-19_x5crp","marginRight-20":"universal-modal__marginRight-20_x5crp","marginRight-21":"universal-modal__marginRight-21_x5crp","marginRight-22":"universal-modal__marginRight-22_x5crp","marginRight-23":"universal-modal__marginRight-23_x5crp","marginRight-24":"universal-modal__marginRight-24_x5crp","marginRight-25":"universal-modal__marginRight-25_x5crp","marginRight-26":"universal-modal__marginRight-26_x5crp","marginRight-27":"universal-modal__marginRight-27_x5crp","marginRight-28":"universal-modal__marginRight-28_x5crp","marginRight-29":"universal-modal__marginRight-29_x5crp","marginRight-30":"universal-modal__marginRight-30_x5crp","marginRight-31":"universal-modal__marginRight-31_x5crp","marginRight-32":"universal-modal__marginRight-32_x5crp","marginRight-33":"universal-modal__marginRight-33_x5crp","marginRight-34":"universal-modal__marginRight-34_x5crp","marginRight-35":"universal-modal__marginRight-35_x5crp","marginRight-36":"universal-modal__marginRight-36_x5crp","marginRight-37":"universal-modal__marginRight-37_x5crp","marginRight-38":"universal-modal__marginRight-38_x5crp","marginRight-39":"universal-modal__marginRight-39_x5crp","marginRight-40":"universal-modal__marginRight-40_x5crp","marginRight-41":"universal-modal__marginRight-41_x5crp","marginRight-42":"universal-modal__marginRight-42_x5crp","marginRight-43":"universal-modal__marginRight-43_x5crp","marginRight-44":"universal-modal__marginRight-44_x5crp","marginRight-45":"universal-modal__marginRight-45_x5crp","marginRight-46":"universal-modal__marginRight-46_x5crp","marginRight-47":"universal-modal__marginRight-47_x5crp","marginRight-48":"universal-modal__marginRight-48_x5crp","marginRight-49":"universal-modal__marginRight-49_x5crp","marginRight-50":"universal-modal__marginRight-50_x5crp","marginRight-51":"universal-modal__marginRight-51_x5crp","marginRight-52":"universal-modal__marginRight-52_x5crp","marginRight-53":"universal-modal__marginRight-53_x5crp","marginRight-54":"universal-modal__marginRight-54_x5crp","marginRight-55":"universal-modal__marginRight-55_x5crp","marginRight-56":"universal-modal__marginRight-56_x5crp","marginRight-57":"universal-modal__marginRight-57_x5crp","marginRight-58":"universal-modal__marginRight-58_x5crp","marginRight-59":"universal-modal__marginRight-59_x5crp","marginRight-60":"universal-modal__marginRight-60_x5crp","marginRight-61":"universal-modal__marginRight-61_x5crp","marginRight-62":"universal-modal__marginRight-62_x5crp","marginRight-63":"universal-modal__marginRight-63_x5crp","marginRight-64":"universal-modal__marginRight-64_x5crp","marginRight-65":"universal-modal__marginRight-65_x5crp","marginRight-66":"universal-modal__marginRight-66_x5crp","marginRight-67":"universal-modal__marginRight-67_x5crp","marginRight-68":"universal-modal__marginRight-68_x5crp","marginRight-69":"universal-modal__marginRight-69_x5crp","marginRight-70":"universal-modal__marginRight-70_x5crp","marginRight-71":"universal-modal__marginRight-71_x5crp","marginRight-72":"universal-modal__marginRight-72_x5crp","marginRight-73":"universal-modal__marginRight-73_x5crp","marginRight-74":"universal-modal__marginRight-74_x5crp","marginRight-75":"universal-modal__marginRight-75_x5crp","marginRight-76":"universal-modal__marginRight-76_x5crp","marginRight-77":"universal-modal__marginRight-77_x5crp","marginRight-78":"universal-modal__marginRight-78_x5crp","marginRight-79":"universal-modal__marginRight-79_x5crp","marginRight-80":"universal-modal__marginRight-80_x5crp","marginRight-81":"universal-modal__marginRight-81_x5crp","marginRight-82":"universal-modal__marginRight-82_x5crp","marginRight-83":"universal-modal__marginRight-83_x5crp","marginRight-84":"universal-modal__marginRight-84_x5crp","marginRight-85":"universal-modal__marginRight-85_x5crp","marginRight-86":"universal-modal__marginRight-86_x5crp","marginRight-87":"universal-modal__marginRight-87_x5crp","marginRight-88":"universal-modal__marginRight-88_x5crp","marginRight-89":"universal-modal__marginRight-89_x5crp","marginRight-90":"universal-modal__marginRight-90_x5crp","marginRight-91":"universal-modal__marginRight-91_x5crp","marginRight-92":"universal-modal__marginRight-92_x5crp","marginRight-93":"universal-modal__marginRight-93_x5crp","marginRight-94":"universal-modal__marginRight-94_x5crp","marginRight-95":"universal-modal__marginRight-95_x5crp","marginRight-96":"universal-modal__marginRight-96_x5crp","marginRight-97":"universal-modal__marginRight-97_x5crp","marginRight-98":"universal-modal__marginRight-98_x5crp","marginRight-99":"universal-modal__marginRight-99_x5crp","marginRight-100":"universal-modal__marginRight-100_x5crp","marginRight-101":"universal-modal__marginRight-101_x5crp","marginRight-102":"universal-modal__marginRight-102_x5crp","marginRight-103":"universal-modal__marginRight-103_x5crp","marginRight-104":"universal-modal__marginRight-104_x5crp","marginRight-105":"universal-modal__marginRight-105_x5crp","marginRight-106":"universal-modal__marginRight-106_x5crp","marginRight-107":"universal-modal__marginRight-107_x5crp","marginRight-108":"universal-modal__marginRight-108_x5crp","marginRight-109":"universal-modal__marginRight-109_x5crp","marginRight-110":"universal-modal__marginRight-110_x5crp","marginRight-111":"universal-modal__marginRight-111_x5crp","marginRight-112":"universal-modal__marginRight-112_x5crp","marginRight-113":"universal-modal__marginRight-113_x5crp","marginRight-114":"universal-modal__marginRight-114_x5crp","marginRight-115":"universal-modal__marginRight-115_x5crp","marginRight-116":"universal-modal__marginRight-116_x5crp","marginRight-117":"universal-modal__marginRight-117_x5crp","marginRight-118":"universal-modal__marginRight-118_x5crp","marginRight-119":"universal-modal__marginRight-119_x5crp","marginRight-120":"universal-modal__marginRight-120_x5crp","marginRight-121":"universal-modal__marginRight-121_x5crp","marginRight-122":"universal-modal__marginRight-122_x5crp","marginRight-123":"universal-modal__marginRight-123_x5crp","marginRight-124":"universal-modal__marginRight-124_x5crp","marginRight-125":"universal-modal__marginRight-125_x5crp","marginRight-126":"universal-modal__marginRight-126_x5crp","marginRight-127":"universal-modal__marginRight-127_x5crp","marginRight-128":"universal-modal__marginRight-128_x5crp","marginBottom-0":"universal-modal__marginBottom-0_x5crp","marginBottom-1":"universal-modal__marginBottom-1_x5crp","marginBottom-2":"universal-modal__marginBottom-2_x5crp","marginBottom-3":"universal-modal__marginBottom-3_x5crp","marginBottom-4":"universal-modal__marginBottom-4_x5crp","marginBottom-5":"universal-modal__marginBottom-5_x5crp","marginBottom-6":"universal-modal__marginBottom-6_x5crp","marginBottom-7":"universal-modal__marginBottom-7_x5crp","marginBottom-8":"universal-modal__marginBottom-8_x5crp","marginBottom-9":"universal-modal__marginBottom-9_x5crp","marginBottom-10":"universal-modal__marginBottom-10_x5crp","marginBottom-11":"universal-modal__marginBottom-11_x5crp","marginBottom-12":"universal-modal__marginBottom-12_x5crp","marginBottom-13":"universal-modal__marginBottom-13_x5crp","marginBottom-14":"universal-modal__marginBottom-14_x5crp","marginBottom-15":"universal-modal__marginBottom-15_x5crp","marginBottom-16":"universal-modal__marginBottom-16_x5crp","marginBottom-17":"universal-modal__marginBottom-17_x5crp","marginBottom-18":"universal-modal__marginBottom-18_x5crp","marginBottom-19":"universal-modal__marginBottom-19_x5crp","marginBottom-20":"universal-modal__marginBottom-20_x5crp","marginBottom-21":"universal-modal__marginBottom-21_x5crp","marginBottom-22":"universal-modal__marginBottom-22_x5crp","marginBottom-23":"universal-modal__marginBottom-23_x5crp","marginBottom-24":"universal-modal__marginBottom-24_x5crp","marginBottom-25":"universal-modal__marginBottom-25_x5crp","marginBottom-26":"universal-modal__marginBottom-26_x5crp","marginBottom-27":"universal-modal__marginBottom-27_x5crp","marginBottom-28":"universal-modal__marginBottom-28_x5crp","marginBottom-29":"universal-modal__marginBottom-29_x5crp","marginBottom-30":"universal-modal__marginBottom-30_x5crp","marginBottom-31":"universal-modal__marginBottom-31_x5crp","marginBottom-32":"universal-modal__marginBottom-32_x5crp","marginBottom-33":"universal-modal__marginBottom-33_x5crp","marginBottom-34":"universal-modal__marginBottom-34_x5crp","marginBottom-35":"universal-modal__marginBottom-35_x5crp","marginBottom-36":"universal-modal__marginBottom-36_x5crp","marginBottom-37":"universal-modal__marginBottom-37_x5crp","marginBottom-38":"universal-modal__marginBottom-38_x5crp","marginBottom-39":"universal-modal__marginBottom-39_x5crp","marginBottom-40":"universal-modal__marginBottom-40_x5crp","marginBottom-41":"universal-modal__marginBottom-41_x5crp","marginBottom-42":"universal-modal__marginBottom-42_x5crp","marginBottom-43":"universal-modal__marginBottom-43_x5crp","marginBottom-44":"universal-modal__marginBottom-44_x5crp","marginBottom-45":"universal-modal__marginBottom-45_x5crp","marginBottom-46":"universal-modal__marginBottom-46_x5crp","marginBottom-47":"universal-modal__marginBottom-47_x5crp","marginBottom-48":"universal-modal__marginBottom-48_x5crp","marginBottom-49":"universal-modal__marginBottom-49_x5crp","marginBottom-50":"universal-modal__marginBottom-50_x5crp","marginBottom-51":"universal-modal__marginBottom-51_x5crp","marginBottom-52":"universal-modal__marginBottom-52_x5crp","marginBottom-53":"universal-modal__marginBottom-53_x5crp","marginBottom-54":"universal-modal__marginBottom-54_x5crp","marginBottom-55":"universal-modal__marginBottom-55_x5crp","marginBottom-56":"universal-modal__marginBottom-56_x5crp","marginBottom-57":"universal-modal__marginBottom-57_x5crp","marginBottom-58":"universal-modal__marginBottom-58_x5crp","marginBottom-59":"universal-modal__marginBottom-59_x5crp","marginBottom-60":"universal-modal__marginBottom-60_x5crp","marginBottom-61":"universal-modal__marginBottom-61_x5crp","marginBottom-62":"universal-modal__marginBottom-62_x5crp","marginBottom-63":"universal-modal__marginBottom-63_x5crp","marginBottom-64":"universal-modal__marginBottom-64_x5crp","marginBottom-65":"universal-modal__marginBottom-65_x5crp","marginBottom-66":"universal-modal__marginBottom-66_x5crp","marginBottom-67":"universal-modal__marginBottom-67_x5crp","marginBottom-68":"universal-modal__marginBottom-68_x5crp","marginBottom-69":"universal-modal__marginBottom-69_x5crp","marginBottom-70":"universal-modal__marginBottom-70_x5crp","marginBottom-71":"universal-modal__marginBottom-71_x5crp","marginBottom-72":"universal-modal__marginBottom-72_x5crp","marginBottom-73":"universal-modal__marginBottom-73_x5crp","marginBottom-74":"universal-modal__marginBottom-74_x5crp","marginBottom-75":"universal-modal__marginBottom-75_x5crp","marginBottom-76":"universal-modal__marginBottom-76_x5crp","marginBottom-77":"universal-modal__marginBottom-77_x5crp","marginBottom-78":"universal-modal__marginBottom-78_x5crp","marginBottom-79":"universal-modal__marginBottom-79_x5crp","marginBottom-80":"universal-modal__marginBottom-80_x5crp","marginBottom-81":"universal-modal__marginBottom-81_x5crp","marginBottom-82":"universal-modal__marginBottom-82_x5crp","marginBottom-83":"universal-modal__marginBottom-83_x5crp","marginBottom-84":"universal-modal__marginBottom-84_x5crp","marginBottom-85":"universal-modal__marginBottom-85_x5crp","marginBottom-86":"universal-modal__marginBottom-86_x5crp","marginBottom-87":"universal-modal__marginBottom-87_x5crp","marginBottom-88":"universal-modal__marginBottom-88_x5crp","marginBottom-89":"universal-modal__marginBottom-89_x5crp","marginBottom-90":"universal-modal__marginBottom-90_x5crp","marginBottom-91":"universal-modal__marginBottom-91_x5crp","marginBottom-92":"universal-modal__marginBottom-92_x5crp","marginBottom-93":"universal-modal__marginBottom-93_x5crp","marginBottom-94":"universal-modal__marginBottom-94_x5crp","marginBottom-95":"universal-modal__marginBottom-95_x5crp","marginBottom-96":"universal-modal__marginBottom-96_x5crp","marginBottom-97":"universal-modal__marginBottom-97_x5crp","marginBottom-98":"universal-modal__marginBottom-98_x5crp","marginBottom-99":"universal-modal__marginBottom-99_x5crp","marginBottom-100":"universal-modal__marginBottom-100_x5crp","marginBottom-101":"universal-modal__marginBottom-101_x5crp","marginBottom-102":"universal-modal__marginBottom-102_x5crp","marginBottom-103":"universal-modal__marginBottom-103_x5crp","marginBottom-104":"universal-modal__marginBottom-104_x5crp","marginBottom-105":"universal-modal__marginBottom-105_x5crp","marginBottom-106":"universal-modal__marginBottom-106_x5crp","marginBottom-107":"universal-modal__marginBottom-107_x5crp","marginBottom-108":"universal-modal__marginBottom-108_x5crp","marginBottom-109":"universal-modal__marginBottom-109_x5crp","marginBottom-110":"universal-modal__marginBottom-110_x5crp","marginBottom-111":"universal-modal__marginBottom-111_x5crp","marginBottom-112":"universal-modal__marginBottom-112_x5crp","marginBottom-113":"universal-modal__marginBottom-113_x5crp","marginBottom-114":"universal-modal__marginBottom-114_x5crp","marginBottom-115":"universal-modal__marginBottom-115_x5crp","marginBottom-116":"universal-modal__marginBottom-116_x5crp","marginBottom-117":"universal-modal__marginBottom-117_x5crp","marginBottom-118":"universal-modal__marginBottom-118_x5crp","marginBottom-119":"universal-modal__marginBottom-119_x5crp","marginBottom-120":"universal-modal__marginBottom-120_x5crp","marginBottom-121":"universal-modal__marginBottom-121_x5crp","marginBottom-122":"universal-modal__marginBottom-122_x5crp","marginBottom-123":"universal-modal__marginBottom-123_x5crp","marginBottom-124":"universal-modal__marginBottom-124_x5crp","marginBottom-125":"universal-modal__marginBottom-125_x5crp","marginBottom-126":"universal-modal__marginBottom-126_x5crp","marginBottom-127":"universal-modal__marginBottom-127_x5crp","marginBottom-128":"universal-modal__marginBottom-128_x5crp","marginLeft-0":"universal-modal__marginLeft-0_x5crp","marginLeft-1":"universal-modal__marginLeft-1_x5crp","marginLeft-2":"universal-modal__marginLeft-2_x5crp","marginLeft-3":"universal-modal__marginLeft-3_x5crp","marginLeft-4":"universal-modal__marginLeft-4_x5crp","marginLeft-5":"universal-modal__marginLeft-5_x5crp","marginLeft-6":"universal-modal__marginLeft-6_x5crp","marginLeft-7":"universal-modal__marginLeft-7_x5crp","marginLeft-8":"universal-modal__marginLeft-8_x5crp","marginLeft-9":"universal-modal__marginLeft-9_x5crp","marginLeft-10":"universal-modal__marginLeft-10_x5crp","marginLeft-11":"universal-modal__marginLeft-11_x5crp","marginLeft-12":"universal-modal__marginLeft-12_x5crp","marginLeft-13":"universal-modal__marginLeft-13_x5crp","marginLeft-14":"universal-modal__marginLeft-14_x5crp","marginLeft-15":"universal-modal__marginLeft-15_x5crp","marginLeft-16":"universal-modal__marginLeft-16_x5crp","marginLeft-17":"universal-modal__marginLeft-17_x5crp","marginLeft-18":"universal-modal__marginLeft-18_x5crp","marginLeft-19":"universal-modal__marginLeft-19_x5crp","marginLeft-20":"universal-modal__marginLeft-20_x5crp","marginLeft-21":"universal-modal__marginLeft-21_x5crp","marginLeft-22":"universal-modal__marginLeft-22_x5crp","marginLeft-23":"universal-modal__marginLeft-23_x5crp","marginLeft-24":"universal-modal__marginLeft-24_x5crp","marginLeft-25":"universal-modal__marginLeft-25_x5crp","marginLeft-26":"universal-modal__marginLeft-26_x5crp","marginLeft-27":"universal-modal__marginLeft-27_x5crp","marginLeft-28":"universal-modal__marginLeft-28_x5crp","marginLeft-29":"universal-modal__marginLeft-29_x5crp","marginLeft-30":"universal-modal__marginLeft-30_x5crp","marginLeft-31":"universal-modal__marginLeft-31_x5crp","marginLeft-32":"universal-modal__marginLeft-32_x5crp","marginLeft-33":"universal-modal__marginLeft-33_x5crp","marginLeft-34":"universal-modal__marginLeft-34_x5crp","marginLeft-35":"universal-modal__marginLeft-35_x5crp","marginLeft-36":"universal-modal__marginLeft-36_x5crp","marginLeft-37":"universal-modal__marginLeft-37_x5crp","marginLeft-38":"universal-modal__marginLeft-38_x5crp","marginLeft-39":"universal-modal__marginLeft-39_x5crp","marginLeft-40":"universal-modal__marginLeft-40_x5crp","marginLeft-41":"universal-modal__marginLeft-41_x5crp","marginLeft-42":"universal-modal__marginLeft-42_x5crp","marginLeft-43":"universal-modal__marginLeft-43_x5crp","marginLeft-44":"universal-modal__marginLeft-44_x5crp","marginLeft-45":"universal-modal__marginLeft-45_x5crp","marginLeft-46":"universal-modal__marginLeft-46_x5crp","marginLeft-47":"universal-modal__marginLeft-47_x5crp","marginLeft-48":"universal-modal__marginLeft-48_x5crp","marginLeft-49":"universal-modal__marginLeft-49_x5crp","marginLeft-50":"universal-modal__marginLeft-50_x5crp","marginLeft-51":"universal-modal__marginLeft-51_x5crp","marginLeft-52":"universal-modal__marginLeft-52_x5crp","marginLeft-53":"universal-modal__marginLeft-53_x5crp","marginLeft-54":"universal-modal__marginLeft-54_x5crp","marginLeft-55":"universal-modal__marginLeft-55_x5crp","marginLeft-56":"universal-modal__marginLeft-56_x5crp","marginLeft-57":"universal-modal__marginLeft-57_x5crp","marginLeft-58":"universal-modal__marginLeft-58_x5crp","marginLeft-59":"universal-modal__marginLeft-59_x5crp","marginLeft-60":"universal-modal__marginLeft-60_x5crp","marginLeft-61":"universal-modal__marginLeft-61_x5crp","marginLeft-62":"universal-modal__marginLeft-62_x5crp","marginLeft-63":"universal-modal__marginLeft-63_x5crp","marginLeft-64":"universal-modal__marginLeft-64_x5crp","marginLeft-65":"universal-modal__marginLeft-65_x5crp","marginLeft-66":"universal-modal__marginLeft-66_x5crp","marginLeft-67":"universal-modal__marginLeft-67_x5crp","marginLeft-68":"universal-modal__marginLeft-68_x5crp","marginLeft-69":"universal-modal__marginLeft-69_x5crp","marginLeft-70":"universal-modal__marginLeft-70_x5crp","marginLeft-71":"universal-modal__marginLeft-71_x5crp","marginLeft-72":"universal-modal__marginLeft-72_x5crp","marginLeft-73":"universal-modal__marginLeft-73_x5crp","marginLeft-74":"universal-modal__marginLeft-74_x5crp","marginLeft-75":"universal-modal__marginLeft-75_x5crp","marginLeft-76":"universal-modal__marginLeft-76_x5crp","marginLeft-77":"universal-modal__marginLeft-77_x5crp","marginLeft-78":"universal-modal__marginLeft-78_x5crp","marginLeft-79":"universal-modal__marginLeft-79_x5crp","marginLeft-80":"universal-modal__marginLeft-80_x5crp","marginLeft-81":"universal-modal__marginLeft-81_x5crp","marginLeft-82":"universal-modal__marginLeft-82_x5crp","marginLeft-83":"universal-modal__marginLeft-83_x5crp","marginLeft-84":"universal-modal__marginLeft-84_x5crp","marginLeft-85":"universal-modal__marginLeft-85_x5crp","marginLeft-86":"universal-modal__marginLeft-86_x5crp","marginLeft-87":"universal-modal__marginLeft-87_x5crp","marginLeft-88":"universal-modal__marginLeft-88_x5crp","marginLeft-89":"universal-modal__marginLeft-89_x5crp","marginLeft-90":"universal-modal__marginLeft-90_x5crp","marginLeft-91":"universal-modal__marginLeft-91_x5crp","marginLeft-92":"universal-modal__marginLeft-92_x5crp","marginLeft-93":"universal-modal__marginLeft-93_x5crp","marginLeft-94":"universal-modal__marginLeft-94_x5crp","marginLeft-95":"universal-modal__marginLeft-95_x5crp","marginLeft-96":"universal-modal__marginLeft-96_x5crp","marginLeft-97":"universal-modal__marginLeft-97_x5crp","marginLeft-98":"universal-modal__marginLeft-98_x5crp","marginLeft-99":"universal-modal__marginLeft-99_x5crp","marginLeft-100":"universal-modal__marginLeft-100_x5crp","marginLeft-101":"universal-modal__marginLeft-101_x5crp","marginLeft-102":"universal-modal__marginLeft-102_x5crp","marginLeft-103":"universal-modal__marginLeft-103_x5crp","marginLeft-104":"universal-modal__marginLeft-104_x5crp","marginLeft-105":"universal-modal__marginLeft-105_x5crp","marginLeft-106":"universal-modal__marginLeft-106_x5crp","marginLeft-107":"universal-modal__marginLeft-107_x5crp","marginLeft-108":"universal-modal__marginLeft-108_x5crp","marginLeft-109":"universal-modal__marginLeft-109_x5crp","marginLeft-110":"universal-modal__marginLeft-110_x5crp","marginLeft-111":"universal-modal__marginLeft-111_x5crp","marginLeft-112":"universal-modal__marginLeft-112_x5crp","marginLeft-113":"universal-modal__marginLeft-113_x5crp","marginLeft-114":"universal-modal__marginLeft-114_x5crp","marginLeft-115":"universal-modal__marginLeft-115_x5crp","marginLeft-116":"universal-modal__marginLeft-116_x5crp","marginLeft-117":"universal-modal__marginLeft-117_x5crp","marginLeft-118":"universal-modal__marginLeft-118_x5crp","marginLeft-119":"universal-modal__marginLeft-119_x5crp","marginLeft-120":"universal-modal__marginLeft-120_x5crp","marginLeft-121":"universal-modal__marginLeft-121_x5crp","marginLeft-122":"universal-modal__marginLeft-122_x5crp","marginLeft-123":"universal-modal__marginLeft-123_x5crp","marginLeft-124":"universal-modal__marginLeft-124_x5crp","marginLeft-125":"universal-modal__marginLeft-125_x5crp","marginLeft-126":"universal-modal__marginLeft-126_x5crp","marginLeft-127":"universal-modal__marginLeft-127_x5crp","marginLeft-128":"universal-modal__marginLeft-128_x5crp"};
-require('./styles/index.css');
+const styles = {"wrapper":"universal-modal__wrapper_kitm3","wrapperAlignStart":"universal-modal__wrapperAlignStart_kitm3","wrapperAlignEnd":"universal-modal__wrapperAlignEnd_kitm3","wrapperJustifyCenter":"universal-modal__wrapperJustifyCenter_kitm3","wrapperJustifyEnd":"universal-modal__wrapperJustifyEnd_kitm3","component":"universal-modal__component_kitm3","overlayHidden":"universal-modal__overlayHidden_kitm3","marginTop-0":"universal-modal__marginTop-0_kitm3","marginTop-1":"universal-modal__marginTop-1_kitm3","marginTop-2":"universal-modal__marginTop-2_kitm3","marginTop-3":"universal-modal__marginTop-3_kitm3","marginTop-4":"universal-modal__marginTop-4_kitm3","marginTop-5":"universal-modal__marginTop-5_kitm3","marginTop-6":"universal-modal__marginTop-6_kitm3","marginTop-7":"universal-modal__marginTop-7_kitm3","marginTop-8":"universal-modal__marginTop-8_kitm3","marginTop-9":"universal-modal__marginTop-9_kitm3","marginTop-10":"universal-modal__marginTop-10_kitm3","marginTop-11":"universal-modal__marginTop-11_kitm3","marginTop-12":"universal-modal__marginTop-12_kitm3","marginTop-13":"universal-modal__marginTop-13_kitm3","marginTop-14":"universal-modal__marginTop-14_kitm3","marginTop-15":"universal-modal__marginTop-15_kitm3","marginTop-16":"universal-modal__marginTop-16_kitm3","marginTop-17":"universal-modal__marginTop-17_kitm3","marginTop-18":"universal-modal__marginTop-18_kitm3","marginTop-19":"universal-modal__marginTop-19_kitm3","marginTop-20":"universal-modal__marginTop-20_kitm3","marginTop-21":"universal-modal__marginTop-21_kitm3","marginTop-22":"universal-modal__marginTop-22_kitm3","marginTop-23":"universal-modal__marginTop-23_kitm3","marginTop-24":"universal-modal__marginTop-24_kitm3","marginTop-25":"universal-modal__marginTop-25_kitm3","marginTop-26":"universal-modal__marginTop-26_kitm3","marginTop-27":"universal-modal__marginTop-27_kitm3","marginTop-28":"universal-modal__marginTop-28_kitm3","marginTop-29":"universal-modal__marginTop-29_kitm3","marginTop-30":"universal-modal__marginTop-30_kitm3","marginTop-31":"universal-modal__marginTop-31_kitm3","marginTop-32":"universal-modal__marginTop-32_kitm3","marginTop-33":"universal-modal__marginTop-33_kitm3","marginTop-34":"universal-modal__marginTop-34_kitm3","marginTop-35":"universal-modal__marginTop-35_kitm3","marginTop-36":"universal-modal__marginTop-36_kitm3","marginTop-37":"universal-modal__marginTop-37_kitm3","marginTop-38":"universal-modal__marginTop-38_kitm3","marginTop-39":"universal-modal__marginTop-39_kitm3","marginTop-40":"universal-modal__marginTop-40_kitm3","marginTop-41":"universal-modal__marginTop-41_kitm3","marginTop-42":"universal-modal__marginTop-42_kitm3","marginTop-43":"universal-modal__marginTop-43_kitm3","marginTop-44":"universal-modal__marginTop-44_kitm3","marginTop-45":"universal-modal__marginTop-45_kitm3","marginTop-46":"universal-modal__marginTop-46_kitm3","marginTop-47":"universal-modal__marginTop-47_kitm3","marginTop-48":"universal-modal__marginTop-48_kitm3","marginTop-49":"universal-modal__marginTop-49_kitm3","marginTop-50":"universal-modal__marginTop-50_kitm3","marginTop-51":"universal-modal__marginTop-51_kitm3","marginTop-52":"universal-modal__marginTop-52_kitm3","marginTop-53":"universal-modal__marginTop-53_kitm3","marginTop-54":"universal-modal__marginTop-54_kitm3","marginTop-55":"universal-modal__marginTop-55_kitm3","marginTop-56":"universal-modal__marginTop-56_kitm3","marginTop-57":"universal-modal__marginTop-57_kitm3","marginTop-58":"universal-modal__marginTop-58_kitm3","marginTop-59":"universal-modal__marginTop-59_kitm3","marginTop-60":"universal-modal__marginTop-60_kitm3","marginTop-61":"universal-modal__marginTop-61_kitm3","marginTop-62":"universal-modal__marginTop-62_kitm3","marginTop-63":"universal-modal__marginTop-63_kitm3","marginTop-64":"universal-modal__marginTop-64_kitm3","marginTop-65":"universal-modal__marginTop-65_kitm3","marginTop-66":"universal-modal__marginTop-66_kitm3","marginTop-67":"universal-modal__marginTop-67_kitm3","marginTop-68":"universal-modal__marginTop-68_kitm3","marginTop-69":"universal-modal__marginTop-69_kitm3","marginTop-70":"universal-modal__marginTop-70_kitm3","marginTop-71":"universal-modal__marginTop-71_kitm3","marginTop-72":"universal-modal__marginTop-72_kitm3","marginTop-73":"universal-modal__marginTop-73_kitm3","marginTop-74":"universal-modal__marginTop-74_kitm3","marginTop-75":"universal-modal__marginTop-75_kitm3","marginTop-76":"universal-modal__marginTop-76_kitm3","marginTop-77":"universal-modal__marginTop-77_kitm3","marginTop-78":"universal-modal__marginTop-78_kitm3","marginTop-79":"universal-modal__marginTop-79_kitm3","marginTop-80":"universal-modal__marginTop-80_kitm3","marginTop-81":"universal-modal__marginTop-81_kitm3","marginTop-82":"universal-modal__marginTop-82_kitm3","marginTop-83":"universal-modal__marginTop-83_kitm3","marginTop-84":"universal-modal__marginTop-84_kitm3","marginTop-85":"universal-modal__marginTop-85_kitm3","marginTop-86":"universal-modal__marginTop-86_kitm3","marginTop-87":"universal-modal__marginTop-87_kitm3","marginTop-88":"universal-modal__marginTop-88_kitm3","marginTop-89":"universal-modal__marginTop-89_kitm3","marginTop-90":"universal-modal__marginTop-90_kitm3","marginTop-91":"universal-modal__marginTop-91_kitm3","marginTop-92":"universal-modal__marginTop-92_kitm3","marginTop-93":"universal-modal__marginTop-93_kitm3","marginTop-94":"universal-modal__marginTop-94_kitm3","marginTop-95":"universal-modal__marginTop-95_kitm3","marginTop-96":"universal-modal__marginTop-96_kitm3","marginTop-97":"universal-modal__marginTop-97_kitm3","marginTop-98":"universal-modal__marginTop-98_kitm3","marginTop-99":"universal-modal__marginTop-99_kitm3","marginTop-100":"universal-modal__marginTop-100_kitm3","marginTop-101":"universal-modal__marginTop-101_kitm3","marginTop-102":"universal-modal__marginTop-102_kitm3","marginTop-103":"universal-modal__marginTop-103_kitm3","marginTop-104":"universal-modal__marginTop-104_kitm3","marginTop-105":"universal-modal__marginTop-105_kitm3","marginTop-106":"universal-modal__marginTop-106_kitm3","marginTop-107":"universal-modal__marginTop-107_kitm3","marginTop-108":"universal-modal__marginTop-108_kitm3","marginTop-109":"universal-modal__marginTop-109_kitm3","marginTop-110":"universal-modal__marginTop-110_kitm3","marginTop-111":"universal-modal__marginTop-111_kitm3","marginTop-112":"universal-modal__marginTop-112_kitm3","marginTop-113":"universal-modal__marginTop-113_kitm3","marginTop-114":"universal-modal__marginTop-114_kitm3","marginTop-115":"universal-modal__marginTop-115_kitm3","marginTop-116":"universal-modal__marginTop-116_kitm3","marginTop-117":"universal-modal__marginTop-117_kitm3","marginTop-118":"universal-modal__marginTop-118_kitm3","marginTop-119":"universal-modal__marginTop-119_kitm3","marginTop-120":"universal-modal__marginTop-120_kitm3","marginTop-121":"universal-modal__marginTop-121_kitm3","marginTop-122":"universal-modal__marginTop-122_kitm3","marginTop-123":"universal-modal__marginTop-123_kitm3","marginTop-124":"universal-modal__marginTop-124_kitm3","marginTop-125":"universal-modal__marginTop-125_kitm3","marginTop-126":"universal-modal__marginTop-126_kitm3","marginTop-127":"universal-modal__marginTop-127_kitm3","marginTop-128":"universal-modal__marginTop-128_kitm3","marginRight-0":"universal-modal__marginRight-0_kitm3","marginRight-1":"universal-modal__marginRight-1_kitm3","marginRight-2":"universal-modal__marginRight-2_kitm3","marginRight-3":"universal-modal__marginRight-3_kitm3","marginRight-4":"universal-modal__marginRight-4_kitm3","marginRight-5":"universal-modal__marginRight-5_kitm3","marginRight-6":"universal-modal__marginRight-6_kitm3","marginRight-7":"universal-modal__marginRight-7_kitm3","marginRight-8":"universal-modal__marginRight-8_kitm3","marginRight-9":"universal-modal__marginRight-9_kitm3","marginRight-10":"universal-modal__marginRight-10_kitm3","marginRight-11":"universal-modal__marginRight-11_kitm3","marginRight-12":"universal-modal__marginRight-12_kitm3","marginRight-13":"universal-modal__marginRight-13_kitm3","marginRight-14":"universal-modal__marginRight-14_kitm3","marginRight-15":"universal-modal__marginRight-15_kitm3","marginRight-16":"universal-modal__marginRight-16_kitm3","marginRight-17":"universal-modal__marginRight-17_kitm3","marginRight-18":"universal-modal__marginRight-18_kitm3","marginRight-19":"universal-modal__marginRight-19_kitm3","marginRight-20":"universal-modal__marginRight-20_kitm3","marginRight-21":"universal-modal__marginRight-21_kitm3","marginRight-22":"universal-modal__marginRight-22_kitm3","marginRight-23":"universal-modal__marginRight-23_kitm3","marginRight-24":"universal-modal__marginRight-24_kitm3","marginRight-25":"universal-modal__marginRight-25_kitm3","marginRight-26":"universal-modal__marginRight-26_kitm3","marginRight-27":"universal-modal__marginRight-27_kitm3","marginRight-28":"universal-modal__marginRight-28_kitm3","marginRight-29":"universal-modal__marginRight-29_kitm3","marginRight-30":"universal-modal__marginRight-30_kitm3","marginRight-31":"universal-modal__marginRight-31_kitm3","marginRight-32":"universal-modal__marginRight-32_kitm3","marginRight-33":"universal-modal__marginRight-33_kitm3","marginRight-34":"universal-modal__marginRight-34_kitm3","marginRight-35":"universal-modal__marginRight-35_kitm3","marginRight-36":"universal-modal__marginRight-36_kitm3","marginRight-37":"universal-modal__marginRight-37_kitm3","marginRight-38":"universal-modal__marginRight-38_kitm3","marginRight-39":"universal-modal__marginRight-39_kitm3","marginRight-40":"universal-modal__marginRight-40_kitm3","marginRight-41":"universal-modal__marginRight-41_kitm3","marginRight-42":"universal-modal__marginRight-42_kitm3","marginRight-43":"universal-modal__marginRight-43_kitm3","marginRight-44":"universal-modal__marginRight-44_kitm3","marginRight-45":"universal-modal__marginRight-45_kitm3","marginRight-46":"universal-modal__marginRight-46_kitm3","marginRight-47":"universal-modal__marginRight-47_kitm3","marginRight-48":"universal-modal__marginRight-48_kitm3","marginRight-49":"universal-modal__marginRight-49_kitm3","marginRight-50":"universal-modal__marginRight-50_kitm3","marginRight-51":"universal-modal__marginRight-51_kitm3","marginRight-52":"universal-modal__marginRight-52_kitm3","marginRight-53":"universal-modal__marginRight-53_kitm3","marginRight-54":"universal-modal__marginRight-54_kitm3","marginRight-55":"universal-modal__marginRight-55_kitm3","marginRight-56":"universal-modal__marginRight-56_kitm3","marginRight-57":"universal-modal__marginRight-57_kitm3","marginRight-58":"universal-modal__marginRight-58_kitm3","marginRight-59":"universal-modal__marginRight-59_kitm3","marginRight-60":"universal-modal__marginRight-60_kitm3","marginRight-61":"universal-modal__marginRight-61_kitm3","marginRight-62":"universal-modal__marginRight-62_kitm3","marginRight-63":"universal-modal__marginRight-63_kitm3","marginRight-64":"universal-modal__marginRight-64_kitm3","marginRight-65":"universal-modal__marginRight-65_kitm3","marginRight-66":"universal-modal__marginRight-66_kitm3","marginRight-67":"universal-modal__marginRight-67_kitm3","marginRight-68":"universal-modal__marginRight-68_kitm3","marginRight-69":"universal-modal__marginRight-69_kitm3","marginRight-70":"universal-modal__marginRight-70_kitm3","marginRight-71":"universal-modal__marginRight-71_kitm3","marginRight-72":"universal-modal__marginRight-72_kitm3","marginRight-73":"universal-modal__marginRight-73_kitm3","marginRight-74":"universal-modal__marginRight-74_kitm3","marginRight-75":"universal-modal__marginRight-75_kitm3","marginRight-76":"universal-modal__marginRight-76_kitm3","marginRight-77":"universal-modal__marginRight-77_kitm3","marginRight-78":"universal-modal__marginRight-78_kitm3","marginRight-79":"universal-modal__marginRight-79_kitm3","marginRight-80":"universal-modal__marginRight-80_kitm3","marginRight-81":"universal-modal__marginRight-81_kitm3","marginRight-82":"universal-modal__marginRight-82_kitm3","marginRight-83":"universal-modal__marginRight-83_kitm3","marginRight-84":"universal-modal__marginRight-84_kitm3","marginRight-85":"universal-modal__marginRight-85_kitm3","marginRight-86":"universal-modal__marginRight-86_kitm3","marginRight-87":"universal-modal__marginRight-87_kitm3","marginRight-88":"universal-modal__marginRight-88_kitm3","marginRight-89":"universal-modal__marginRight-89_kitm3","marginRight-90":"universal-modal__marginRight-90_kitm3","marginRight-91":"universal-modal__marginRight-91_kitm3","marginRight-92":"universal-modal__marginRight-92_kitm3","marginRight-93":"universal-modal__marginRight-93_kitm3","marginRight-94":"universal-modal__marginRight-94_kitm3","marginRight-95":"universal-modal__marginRight-95_kitm3","marginRight-96":"universal-modal__marginRight-96_kitm3","marginRight-97":"universal-modal__marginRight-97_kitm3","marginRight-98":"universal-modal__marginRight-98_kitm3","marginRight-99":"universal-modal__marginRight-99_kitm3","marginRight-100":"universal-modal__marginRight-100_kitm3","marginRight-101":"universal-modal__marginRight-101_kitm3","marginRight-102":"universal-modal__marginRight-102_kitm3","marginRight-103":"universal-modal__marginRight-103_kitm3","marginRight-104":"universal-modal__marginRight-104_kitm3","marginRight-105":"universal-modal__marginRight-105_kitm3","marginRight-106":"universal-modal__marginRight-106_kitm3","marginRight-107":"universal-modal__marginRight-107_kitm3","marginRight-108":"universal-modal__marginRight-108_kitm3","marginRight-109":"universal-modal__marginRight-109_kitm3","marginRight-110":"universal-modal__marginRight-110_kitm3","marginRight-111":"universal-modal__marginRight-111_kitm3","marginRight-112":"universal-modal__marginRight-112_kitm3","marginRight-113":"universal-modal__marginRight-113_kitm3","marginRight-114":"universal-modal__marginRight-114_kitm3","marginRight-115":"universal-modal__marginRight-115_kitm3","marginRight-116":"universal-modal__marginRight-116_kitm3","marginRight-117":"universal-modal__marginRight-117_kitm3","marginRight-118":"universal-modal__marginRight-118_kitm3","marginRight-119":"universal-modal__marginRight-119_kitm3","marginRight-120":"universal-modal__marginRight-120_kitm3","marginRight-121":"universal-modal__marginRight-121_kitm3","marginRight-122":"universal-modal__marginRight-122_kitm3","marginRight-123":"universal-modal__marginRight-123_kitm3","marginRight-124":"universal-modal__marginRight-124_kitm3","marginRight-125":"universal-modal__marginRight-125_kitm3","marginRight-126":"universal-modal__marginRight-126_kitm3","marginRight-127":"universal-modal__marginRight-127_kitm3","marginRight-128":"universal-modal__marginRight-128_kitm3","marginBottom-0":"universal-modal__marginBottom-0_kitm3","marginBottom-1":"universal-modal__marginBottom-1_kitm3","marginBottom-2":"universal-modal__marginBottom-2_kitm3","marginBottom-3":"universal-modal__marginBottom-3_kitm3","marginBottom-4":"universal-modal__marginBottom-4_kitm3","marginBottom-5":"universal-modal__marginBottom-5_kitm3","marginBottom-6":"universal-modal__marginBottom-6_kitm3","marginBottom-7":"universal-modal__marginBottom-7_kitm3","marginBottom-8":"universal-modal__marginBottom-8_kitm3","marginBottom-9":"universal-modal__marginBottom-9_kitm3","marginBottom-10":"universal-modal__marginBottom-10_kitm3","marginBottom-11":"universal-modal__marginBottom-11_kitm3","marginBottom-12":"universal-modal__marginBottom-12_kitm3","marginBottom-13":"universal-modal__marginBottom-13_kitm3","marginBottom-14":"universal-modal__marginBottom-14_kitm3","marginBottom-15":"universal-modal__marginBottom-15_kitm3","marginBottom-16":"universal-modal__marginBottom-16_kitm3","marginBottom-17":"universal-modal__marginBottom-17_kitm3","marginBottom-18":"universal-modal__marginBottom-18_kitm3","marginBottom-19":"universal-modal__marginBottom-19_kitm3","marginBottom-20":"universal-modal__marginBottom-20_kitm3","marginBottom-21":"universal-modal__marginBottom-21_kitm3","marginBottom-22":"universal-modal__marginBottom-22_kitm3","marginBottom-23":"universal-modal__marginBottom-23_kitm3","marginBottom-24":"universal-modal__marginBottom-24_kitm3","marginBottom-25":"universal-modal__marginBottom-25_kitm3","marginBottom-26":"universal-modal__marginBottom-26_kitm3","marginBottom-27":"universal-modal__marginBottom-27_kitm3","marginBottom-28":"universal-modal__marginBottom-28_kitm3","marginBottom-29":"universal-modal__marginBottom-29_kitm3","marginBottom-30":"universal-modal__marginBottom-30_kitm3","marginBottom-31":"universal-modal__marginBottom-31_kitm3","marginBottom-32":"universal-modal__marginBottom-32_kitm3","marginBottom-33":"universal-modal__marginBottom-33_kitm3","marginBottom-34":"universal-modal__marginBottom-34_kitm3","marginBottom-35":"universal-modal__marginBottom-35_kitm3","marginBottom-36":"universal-modal__marginBottom-36_kitm3","marginBottom-37":"universal-modal__marginBottom-37_kitm3","marginBottom-38":"universal-modal__marginBottom-38_kitm3","marginBottom-39":"universal-modal__marginBottom-39_kitm3","marginBottom-40":"universal-modal__marginBottom-40_kitm3","marginBottom-41":"universal-modal__marginBottom-41_kitm3","marginBottom-42":"universal-modal__marginBottom-42_kitm3","marginBottom-43":"universal-modal__marginBottom-43_kitm3","marginBottom-44":"universal-modal__marginBottom-44_kitm3","marginBottom-45":"universal-modal__marginBottom-45_kitm3","marginBottom-46":"universal-modal__marginBottom-46_kitm3","marginBottom-47":"universal-modal__marginBottom-47_kitm3","marginBottom-48":"universal-modal__marginBottom-48_kitm3","marginBottom-49":"universal-modal__marginBottom-49_kitm3","marginBottom-50":"universal-modal__marginBottom-50_kitm3","marginBottom-51":"universal-modal__marginBottom-51_kitm3","marginBottom-52":"universal-modal__marginBottom-52_kitm3","marginBottom-53":"universal-modal__marginBottom-53_kitm3","marginBottom-54":"universal-modal__marginBottom-54_kitm3","marginBottom-55":"universal-modal__marginBottom-55_kitm3","marginBottom-56":"universal-modal__marginBottom-56_kitm3","marginBottom-57":"universal-modal__marginBottom-57_kitm3","marginBottom-58":"universal-modal__marginBottom-58_kitm3","marginBottom-59":"universal-modal__marginBottom-59_kitm3","marginBottom-60":"universal-modal__marginBottom-60_kitm3","marginBottom-61":"universal-modal__marginBottom-61_kitm3","marginBottom-62":"universal-modal__marginBottom-62_kitm3","marginBottom-63":"universal-modal__marginBottom-63_kitm3","marginBottom-64":"universal-modal__marginBottom-64_kitm3","marginBottom-65":"universal-modal__marginBottom-65_kitm3","marginBottom-66":"universal-modal__marginBottom-66_kitm3","marginBottom-67":"universal-modal__marginBottom-67_kitm3","marginBottom-68":"universal-modal__marginBottom-68_kitm3","marginBottom-69":"universal-modal__marginBottom-69_kitm3","marginBottom-70":"universal-modal__marginBottom-70_kitm3","marginBottom-71":"universal-modal__marginBottom-71_kitm3","marginBottom-72":"universal-modal__marginBottom-72_kitm3","marginBottom-73":"universal-modal__marginBottom-73_kitm3","marginBottom-74":"universal-modal__marginBottom-74_kitm3","marginBottom-75":"universal-modal__marginBottom-75_kitm3","marginBottom-76":"universal-modal__marginBottom-76_kitm3","marginBottom-77":"universal-modal__marginBottom-77_kitm3","marginBottom-78":"universal-modal__marginBottom-78_kitm3","marginBottom-79":"universal-modal__marginBottom-79_kitm3","marginBottom-80":"universal-modal__marginBottom-80_kitm3","marginBottom-81":"universal-modal__marginBottom-81_kitm3","marginBottom-82":"universal-modal__marginBottom-82_kitm3","marginBottom-83":"universal-modal__marginBottom-83_kitm3","marginBottom-84":"universal-modal__marginBottom-84_kitm3","marginBottom-85":"universal-modal__marginBottom-85_kitm3","marginBottom-86":"universal-modal__marginBottom-86_kitm3","marginBottom-87":"universal-modal__marginBottom-87_kitm3","marginBottom-88":"universal-modal__marginBottom-88_kitm3","marginBottom-89":"universal-modal__marginBottom-89_kitm3","marginBottom-90":"universal-modal__marginBottom-90_kitm3","marginBottom-91":"universal-modal__marginBottom-91_kitm3","marginBottom-92":"universal-modal__marginBottom-92_kitm3","marginBottom-93":"universal-modal__marginBottom-93_kitm3","marginBottom-94":"universal-modal__marginBottom-94_kitm3","marginBottom-95":"universal-modal__marginBottom-95_kitm3","marginBottom-96":"universal-modal__marginBottom-96_kitm3","marginBottom-97":"universal-modal__marginBottom-97_kitm3","marginBottom-98":"universal-modal__marginBottom-98_kitm3","marginBottom-99":"universal-modal__marginBottom-99_kitm3","marginBottom-100":"universal-modal__marginBottom-100_kitm3","marginBottom-101":"universal-modal__marginBottom-101_kitm3","marginBottom-102":"universal-modal__marginBottom-102_kitm3","marginBottom-103":"universal-modal__marginBottom-103_kitm3","marginBottom-104":"universal-modal__marginBottom-104_kitm3","marginBottom-105":"universal-modal__marginBottom-105_kitm3","marginBottom-106":"universal-modal__marginBottom-106_kitm3","marginBottom-107":"universal-modal__marginBottom-107_kitm3","marginBottom-108":"universal-modal__marginBottom-108_kitm3","marginBottom-109":"universal-modal__marginBottom-109_kitm3","marginBottom-110":"universal-modal__marginBottom-110_kitm3","marginBottom-111":"universal-modal__marginBottom-111_kitm3","marginBottom-112":"universal-modal__marginBottom-112_kitm3","marginBottom-113":"universal-modal__marginBottom-113_kitm3","marginBottom-114":"universal-modal__marginBottom-114_kitm3","marginBottom-115":"universal-modal__marginBottom-115_kitm3","marginBottom-116":"universal-modal__marginBottom-116_kitm3","marginBottom-117":"universal-modal__marginBottom-117_kitm3","marginBottom-118":"universal-modal__marginBottom-118_kitm3","marginBottom-119":"universal-modal__marginBottom-119_kitm3","marginBottom-120":"universal-modal__marginBottom-120_kitm3","marginBottom-121":"universal-modal__marginBottom-121_kitm3","marginBottom-122":"universal-modal__marginBottom-122_kitm3","marginBottom-123":"universal-modal__marginBottom-123_kitm3","marginBottom-124":"universal-modal__marginBottom-124_kitm3","marginBottom-125":"universal-modal__marginBottom-125_kitm3","marginBottom-126":"universal-modal__marginBottom-126_kitm3","marginBottom-127":"universal-modal__marginBottom-127_kitm3","marginBottom-128":"universal-modal__marginBottom-128_kitm3","marginLeft-0":"universal-modal__marginLeft-0_kitm3","marginLeft-1":"universal-modal__marginLeft-1_kitm3","marginLeft-2":"universal-modal__marginLeft-2_kitm3","marginLeft-3":"universal-modal__marginLeft-3_kitm3","marginLeft-4":"universal-modal__marginLeft-4_kitm3","marginLeft-5":"universal-modal__marginLeft-5_kitm3","marginLeft-6":"universal-modal__marginLeft-6_kitm3","marginLeft-7":"universal-modal__marginLeft-7_kitm3","marginLeft-8":"universal-modal__marginLeft-8_kitm3","marginLeft-9":"universal-modal__marginLeft-9_kitm3","marginLeft-10":"universal-modal__marginLeft-10_kitm3","marginLeft-11":"universal-modal__marginLeft-11_kitm3","marginLeft-12":"universal-modal__marginLeft-12_kitm3","marginLeft-13":"universal-modal__marginLeft-13_kitm3","marginLeft-14":"universal-modal__marginLeft-14_kitm3","marginLeft-15":"universal-modal__marginLeft-15_kitm3","marginLeft-16":"universal-modal__marginLeft-16_kitm3","marginLeft-17":"universal-modal__marginLeft-17_kitm3","marginLeft-18":"universal-modal__marginLeft-18_kitm3","marginLeft-19":"universal-modal__marginLeft-19_kitm3","marginLeft-20":"universal-modal__marginLeft-20_kitm3","marginLeft-21":"universal-modal__marginLeft-21_kitm3","marginLeft-22":"universal-modal__marginLeft-22_kitm3","marginLeft-23":"universal-modal__marginLeft-23_kitm3","marginLeft-24":"universal-modal__marginLeft-24_kitm3","marginLeft-25":"universal-modal__marginLeft-25_kitm3","marginLeft-26":"universal-modal__marginLeft-26_kitm3","marginLeft-27":"universal-modal__marginLeft-27_kitm3","marginLeft-28":"universal-modal__marginLeft-28_kitm3","marginLeft-29":"universal-modal__marginLeft-29_kitm3","marginLeft-30":"universal-modal__marginLeft-30_kitm3","marginLeft-31":"universal-modal__marginLeft-31_kitm3","marginLeft-32":"universal-modal__marginLeft-32_kitm3","marginLeft-33":"universal-modal__marginLeft-33_kitm3","marginLeft-34":"universal-modal__marginLeft-34_kitm3","marginLeft-35":"universal-modal__marginLeft-35_kitm3","marginLeft-36":"universal-modal__marginLeft-36_kitm3","marginLeft-37":"universal-modal__marginLeft-37_kitm3","marginLeft-38":"universal-modal__marginLeft-38_kitm3","marginLeft-39":"universal-modal__marginLeft-39_kitm3","marginLeft-40":"universal-modal__marginLeft-40_kitm3","marginLeft-41":"universal-modal__marginLeft-41_kitm3","marginLeft-42":"universal-modal__marginLeft-42_kitm3","marginLeft-43":"universal-modal__marginLeft-43_kitm3","marginLeft-44":"universal-modal__marginLeft-44_kitm3","marginLeft-45":"universal-modal__marginLeft-45_kitm3","marginLeft-46":"universal-modal__marginLeft-46_kitm3","marginLeft-47":"universal-modal__marginLeft-47_kitm3","marginLeft-48":"universal-modal__marginLeft-48_kitm3","marginLeft-49":"universal-modal__marginLeft-49_kitm3","marginLeft-50":"universal-modal__marginLeft-50_kitm3","marginLeft-51":"universal-modal__marginLeft-51_kitm3","marginLeft-52":"universal-modal__marginLeft-52_kitm3","marginLeft-53":"universal-modal__marginLeft-53_kitm3","marginLeft-54":"universal-modal__marginLeft-54_kitm3","marginLeft-55":"universal-modal__marginLeft-55_kitm3","marginLeft-56":"universal-modal__marginLeft-56_kitm3","marginLeft-57":"universal-modal__marginLeft-57_kitm3","marginLeft-58":"universal-modal__marginLeft-58_kitm3","marginLeft-59":"universal-modal__marginLeft-59_kitm3","marginLeft-60":"universal-modal__marginLeft-60_kitm3","marginLeft-61":"universal-modal__marginLeft-61_kitm3","marginLeft-62":"universal-modal__marginLeft-62_kitm3","marginLeft-63":"universal-modal__marginLeft-63_kitm3","marginLeft-64":"universal-modal__marginLeft-64_kitm3","marginLeft-65":"universal-modal__marginLeft-65_kitm3","marginLeft-66":"universal-modal__marginLeft-66_kitm3","marginLeft-67":"universal-modal__marginLeft-67_kitm3","marginLeft-68":"universal-modal__marginLeft-68_kitm3","marginLeft-69":"universal-modal__marginLeft-69_kitm3","marginLeft-70":"universal-modal__marginLeft-70_kitm3","marginLeft-71":"universal-modal__marginLeft-71_kitm3","marginLeft-72":"universal-modal__marginLeft-72_kitm3","marginLeft-73":"universal-modal__marginLeft-73_kitm3","marginLeft-74":"universal-modal__marginLeft-74_kitm3","marginLeft-75":"universal-modal__marginLeft-75_kitm3","marginLeft-76":"universal-modal__marginLeft-76_kitm3","marginLeft-77":"universal-modal__marginLeft-77_kitm3","marginLeft-78":"universal-modal__marginLeft-78_kitm3","marginLeft-79":"universal-modal__marginLeft-79_kitm3","marginLeft-80":"universal-modal__marginLeft-80_kitm3","marginLeft-81":"universal-modal__marginLeft-81_kitm3","marginLeft-82":"universal-modal__marginLeft-82_kitm3","marginLeft-83":"universal-modal__marginLeft-83_kitm3","marginLeft-84":"universal-modal__marginLeft-84_kitm3","marginLeft-85":"universal-modal__marginLeft-85_kitm3","marginLeft-86":"universal-modal__marginLeft-86_kitm3","marginLeft-87":"universal-modal__marginLeft-87_kitm3","marginLeft-88":"universal-modal__marginLeft-88_kitm3","marginLeft-89":"universal-modal__marginLeft-89_kitm3","marginLeft-90":"universal-modal__marginLeft-90_kitm3","marginLeft-91":"universal-modal__marginLeft-91_kitm3","marginLeft-92":"universal-modal__marginLeft-92_kitm3","marginLeft-93":"universal-modal__marginLeft-93_kitm3","marginLeft-94":"universal-modal__marginLeft-94_kitm3","marginLeft-95":"universal-modal__marginLeft-95_kitm3","marginLeft-96":"universal-modal__marginLeft-96_kitm3","marginLeft-97":"universal-modal__marginLeft-97_kitm3","marginLeft-98":"universal-modal__marginLeft-98_kitm3","marginLeft-99":"universal-modal__marginLeft-99_kitm3","marginLeft-100":"universal-modal__marginLeft-100_kitm3","marginLeft-101":"universal-modal__marginLeft-101_kitm3","marginLeft-102":"universal-modal__marginLeft-102_kitm3","marginLeft-103":"universal-modal__marginLeft-103_kitm3","marginLeft-104":"universal-modal__marginLeft-104_kitm3","marginLeft-105":"universal-modal__marginLeft-105_kitm3","marginLeft-106":"universal-modal__marginLeft-106_kitm3","marginLeft-107":"universal-modal__marginLeft-107_kitm3","marginLeft-108":"universal-modal__marginLeft-108_kitm3","marginLeft-109":"universal-modal__marginLeft-109_kitm3","marginLeft-110":"universal-modal__marginLeft-110_kitm3","marginLeft-111":"universal-modal__marginLeft-111_kitm3","marginLeft-112":"universal-modal__marginLeft-112_kitm3","marginLeft-113":"universal-modal__marginLeft-113_kitm3","marginLeft-114":"universal-modal__marginLeft-114_kitm3","marginLeft-115":"universal-modal__marginLeft-115_kitm3","marginLeft-116":"universal-modal__marginLeft-116_kitm3","marginLeft-117":"universal-modal__marginLeft-117_kitm3","marginLeft-118":"universal-modal__marginLeft-118_kitm3","marginLeft-119":"universal-modal__marginLeft-119_kitm3","marginLeft-120":"universal-modal__marginLeft-120_kitm3","marginLeft-121":"universal-modal__marginLeft-121_kitm3","marginLeft-122":"universal-modal__marginLeft-122_kitm3","marginLeft-123":"universal-modal__marginLeft-123_kitm3","marginLeft-124":"universal-modal__marginLeft-124_kitm3","marginLeft-125":"universal-modal__marginLeft-125_kitm3","marginLeft-126":"universal-modal__marginLeft-126_kitm3","marginLeft-127":"universal-modal__marginLeft-127_kitm3","marginLeft-128":"universal-modal__marginLeft-128_kitm3"};
+require('./index.css');
 
 const SideModal = forwardRef((props, ref) => {
-    const { width = 500, height = 'fullHeight', horizontalAlign = 'center', verticalAlign = 'center', overlay = true, open, dataTestId, className, children, margin, onClose, ...restProps } = props;
+    const { width = 500, height = 'fullHeight', horizontalAlign = 'center', verticalAlign = 'center', overlay = true, open, dataTestId, className, children, margin, scrollableContainerRef, onClose, ...restProps } = props;
     const componentRef = useRef(null);
     const contentRef = useRef(null);
-    useModalWidth(width, open, componentRef);
-    useModalHeight(height, open, componentRef);
     const { wheelDeltaY, handleWheel } = useModalWheel(overlay);
-    const isHorizontalStart = horizontalAlign === 'start';
-    const isHorizontalEnd = horizontalAlign === 'end';
-    const isVerticalCenter = verticalAlign === 'center';
-    const isVerticalBottom = verticalAlign === 'bottom';
     const { isFullSizeModal, componentTransitions: fullSizeModalContentTransitions, backdropTransitions: fullSizeModalBackdropTransitions, } = getFullSizeModalTransitions({ verticalAlign, width, height });
     return (React.createElement(BaseModal, { ...restProps, open: open, dataTestId: dataTestId, ref: ref, componentRef: componentRef, contentElementRef: contentRef, scrollHandler: 'content', disableBlockingScroll: !overlay, wrapperClassName: cn(styles.wrapper, {
-            [styles.wrapperAlignStart]: isHorizontalStart,
-            [styles.wrapperAlignEnd]: isHorizontalEnd,
-            [styles.wrapperJustifyCenter]: isVerticalCenter,
-            [styles.wrapperJustifyEnd]: isVerticalBottom,
+            [styles.wrapperAlignStart]: horizontalAlign === 'start',
+            [styles.wrapperAlignEnd]: horizontalAlign === 'end',
+            [styles.wrapperJustifyCenter]: verticalAlign === 'center',
+            [styles.wrapperJustifyEnd]: verticalAlign === 'bottom',
         }), className: cn(styles.component, className, {
             [styles.overlayHidden]: !overlay,
-            ...getMargins({ styles, margin }),
+            ...getMarginStyles({ styles, margin }),
         }), contentClassName: styles.content, transitionProps: {
             ...getDefaultTransitionProps({
                 horizontalAlign,
@@ -47,9 +47,16 @@ const SideModal = forwardRef((props, ref) => {
             transparent: !overlay,
             ...(isFullSizeModal && fullSizeModalBackdropTransitions),
             ...restProps.backdropProps,
+        }, componentDivProps: {
+            style: {
+                width: getWidthStyle(width, margin),
+                height: getHeightStyle(height, margin),
+                ...(height === 'hugContent' && {
+                    maxHeight: getMaxHeightStyle(margin),
+                }),
+            },
         }, onWheel: handleWheel, onClose: onClose },
-        React.createElement("div", { className: styles.container },
-            React.createElement(BaseUniversalModalContent, { wheelDeltaY: wheelDeltaY }, children))));
+        React.createElement(ModalContent, { height: height, wheelDeltaY: wheelDeltaY, scrollableContainerRef: scrollableContainerRef }, children)));
 });
 
 export { SideModal };