npm - pds-dev-kit-web-test - Versions diffs - 2.7.314 → 2.7.316 - Mend

pds-dev-kit-web-test 2.7.314 → 2.7.316

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js CHANGED Viewed

@@ -1076,7 +1076,7 @@ var CompositionEditor = (0, react_1.forwardRef)(function CompositionEditorCanvas
                                     paddingBottom: padding.bottom,
                                     paddingRight: padding.right,
                                     paddingLeft: padding.left
-                                } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ sectionId: props.compositionData.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
+                                } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ selectedBlockId: selectedBlockId, sectionId: props.compositionData.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
                                         'selected-grid-layout': editingSectionId === props.compositionData.id
                                     }), allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [10, 10], style: {
                                         minWidth: customSectionStyles.minWidth,

package/dist/src/sub/DynamicLayout/gleStyles.js CHANGED Viewed

@@ -9,7 +9,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.S_gleStyles = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.S_gleStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  .outside-of-editing-group {\n    pointer-events: none;\n  }\n\n  .bulk-child-item {\n    pointer-events: ", ";\n  }\n\n  .grid-bulk-block {\n    z-index: ", ";\n  }\n\n  .react-grid-item-selected.react-draggable.react-resizable:not(.group) {\n    box-shadow: 0 0 0 3px #027aff;\n    position: relative;\n  }\n\n  .editable-grid-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n    position: relative;\n  }\n\n  .react-group-block:hover:not(.editing):not(.grid-bulk-block):not(.selected) {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.editing {\n    box-shadow: 0 0 0 2px #cacaca;\n  }\n\n  .outside-of-editing-group {\n    opacity: 0.3;\n  }\n\n  .bulk-child-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk-child-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.selected:not(.editing) {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .grid-bulk-block > .react-grid-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk,\n  .bulk.isDragging .bulk-placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n    z-index: 9999;\n  }\n\n  .not-editable-grid-item {\n    pointer-events: none;\n  }\n\n  .react-grid-layout {\n    position: relative;\n    z-index: 1;\n  }\n\n  .react-grid-layout .grid-placeholder {\n    box-sizing: border-box;\n  }\n\n  .react-grid-item {\n    left: 0;\n    position: absolute;\n    top: 0;\n    z-index: 1;\n  }\n\n  .react-grid-item.react-draggable.react-resizable:not(.react-grid-item-selected):not(.iamgroup):hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-grid-item-selected {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item img {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .react-grid-item.isResizing,\n  .react-grid-item.isResizing .cb-layout-box,\n  .react-grid-item.isResizing .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.react-draggable.isDragging,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.isResizing > .react-resizable-handle,\n  .react-grid-item.react-draggable.isDragging > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item.dropping {\n    visibility: hidden;\n  }\n\n  .react-grid-item.static::after {\n    color: red;\n    content: \"this is static, can't drag\";\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-grid-item.placeholder {\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n    -webkit-user-select: none;\n    user-select: none;\n    z-index: 9999;\n  }\n\n  .react-grid-item > .react-resizable-handle::after {\n    background: rgb(255, 255, 255);\n    border: 3px solid rgb(2, 122, 255);\n    content: '';\n    height: 5px;\n    position: absolute;\n    width: 5px;\n  }\n\n  .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item-selected > .react-resizable-handle {\n    visibility: visible;\n  }\n\n  /* NOTE: Resizable related */\n  .react-resizable {\n    position: relative;\n  }\n\n  .react-resizable-handle {\n    align-items: center;\n    background-origin: content-box;\n    background-repeat: no-repeat;\n    box-sizing: border-box;\n    display: flex;\n    height: 20px;\n    justify-content: center;\n    position: absolute;\n    width: 20px;\n  }\n\n  .react-resizable-handle-sw {\n    bottom: 0;\n    cursor: sw-resize;\n    left: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .react-resizable-handle-se[data-height-fit-content='true'] {\n    display: none;\n  }\n\n  .react-resizable-handle-se {\n    bottom: 0;\n    cursor: se-resize;\n    right: 0;\n    transform: translate(50%, 50%);\n  }\n\n  .react-resizable-handle-nw {\n    cursor: nw-resize;\n    left: 0;\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-ne {\n    cursor: ne-resize;\n    right: 0;\n    top: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    cursor: ew-resize;\n    top: 50%;\n  }\n\n  .react-resizable-handle-w {\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-e {\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    cursor: ns-resize;\n    left: 50%;\n  }\n\n  .react-resizable-handle-n {\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .grid-placeholder {\n    position: absolute;\n    z-index: 0;\n  }\n\n  .grid-pattern-rect {\n    fill: #0000001a;\n    stroke: #ffffff33;\n  }\n\n  .react-grid-item.placeholder .cb-layout-box,\n  .react-grid-item.placeholder .cb-layout-box .cb-divider {\n    animation: none;\n  }\n\n  .react-grid-item.placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item.placeholder > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .grid-guide-line-center {\n    border-color: #ff463aff;\n    border-style: dashed;\n    border-width: 1px;\n    height: 100%;\n    left: 50%;\n    position: absolute;\n    transform: translateX(-50%);\n    z-index: 99999;\n  }\n\n  /* NOTE: Effects */\n\n  @-webkit-keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-top {\n    0% {\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:36\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:52\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:53:50\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-top\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:47\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-right\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:28\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:52:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:47:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-cw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:52:54\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-ccw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:34:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:35:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:18\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:46\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:37:11\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-bottom-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  @keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:38:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:40:3\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:44:48\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation scale-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n  @keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:46:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bck-center\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:13:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation text-focus-in\n * ----------------------------------------\n */\n  @-webkit-keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:33:10\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation puff-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:29\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation focus-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:22:44\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-horizontal\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n  @keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:23:8\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-vertical\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n  @keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:24:19\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-top\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n  @keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:21:6\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation vibrate-1\n * ----------------------------------------\n */\n  @-webkit-keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n  @keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:27:38\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation blink-1\n * ----------------------------------------\n */\n  @-webkit-keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n  @keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:41:14\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * @animation flicker-in-2\n * ----------------------------------------\n */\n  @-webkit-keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n  @keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-24 16:9:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bounce-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n  @keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:29:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation heartbeat\n * ----------------------------------------\n */\n  @-webkit-keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n  @keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:30:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation kenburns-top\n * ----------------------------------------\n */\n  @-webkit-keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n  @keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:12\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n  @keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-right\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n  @keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:27\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n  @keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:26\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-left\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n  @keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n"], ["\n  * {\n    box-sizing: border-box;\n  }\n\n  ", "\n\n  .outside-of-editing-group {\n    pointer-events: none;\n  }\n\n  .bulk-child-item {\n    pointer-events: ", ";\n  }\n\n  .grid-bulk-block {\n    z-index: ", ";\n  }\n\n  .react-grid-item-selected.react-draggable.react-resizable:not(.group) {\n    box-shadow: 0 0 0 3px #027aff;\n    position: relative;\n  }\n\n  .editable-grid-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n    position: relative;\n  }\n\n  .react-group-block:hover:not(.editing):not(.grid-bulk-block):not(.selected) {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.editing {\n    box-shadow: 0 0 0 2px #cacaca;\n  }\n\n  .outside-of-editing-group {\n    opacity: 0.3;\n  }\n\n  .bulk-child-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk-child-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.selected:not(.editing) {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .grid-bulk-block > .react-grid-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk,\n  .bulk.isDragging .bulk-placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n    z-index: 9999;\n  }\n\n  .not-editable-grid-item {\n    pointer-events: none;\n  }\n\n  .react-grid-layout {\n    position: relative;\n    z-index: 1;\n  }\n\n  .react-grid-layout .grid-placeholder {\n    box-sizing: border-box;\n  }\n\n  .react-grid-item {\n    left: 0;\n    position: absolute;\n    top: 0;\n    z-index: 1;\n  }\n\n  .react-grid-item.react-draggable.react-resizable:not(.react-grid-item-selected):not(.iamgroup):hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-grid-item-selected {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item img {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .react-grid-item.isResizing,\n  .react-grid-item.isResizing .cb-layout-box,\n  .react-grid-item.isResizing .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.react-draggable.isDragging,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.isResizing > .react-resizable-handle,\n  .react-grid-item.react-draggable.isDragging > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item.dropping {\n    visibility: hidden;\n  }\n\n  .react-grid-item.static::after {\n    color: red;\n    content: \"this is static, can't drag\";\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-grid-item.placeholder {\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n    -webkit-user-select: none;\n    user-select: none;\n    z-index: 9999;\n  }\n\n  .react-grid-item > .react-resizable-handle::after {\n    background: rgb(255, 255, 255);\n    border: 3px solid rgb(2, 122, 255);\n    content: '';\n    height: 5px;\n    position: absolute;\n    width: 5px;\n  }\n\n  .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item-selected > .react-resizable-handle {\n    visibility: visible;\n  }\n\n  /* NOTE: Resizable related */\n  .react-resizable {\n    position: relative;\n  }\n\n  .react-resizable-handle {\n    align-items: center;\n    background-origin: content-box;\n    background-repeat: no-repeat;\n    box-sizing: border-box;\n    display: flex;\n    height: 20px;\n    justify-content: center;\n    position: absolute;\n    width: 20px;\n  }\n\n  .react-resizable-handle-sw {\n    bottom: 0;\n    cursor: sw-resize;\n    left: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .react-resizable-handle-se[data-height-fit-content='true'] {\n    display: none;\n  }\n\n  .react-resizable-handle-se {\n    bottom: 0;\n    cursor: se-resize;\n    right: 0;\n    transform: translate(50%, 50%);\n  }\n\n  .react-resizable-handle-nw {\n    cursor: nw-resize;\n    left: 0;\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-ne {\n    cursor: ne-resize;\n    right: 0;\n    top: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    cursor: ew-resize;\n    top: 50%;\n  }\n\n  .react-resizable-handle-w {\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-e {\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    cursor: ns-resize;\n    left: 50%;\n  }\n\n  .react-resizable-handle-n {\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .grid-placeholder {\n    position: absolute;\n    z-index: 0;\n  }\n\n  .grid-pattern-rect {\n    fill: #0000001a;\n    stroke: #ffffff33;\n  }\n\n  .react-grid-item.placeholder .cb-layout-box,\n  .react-grid-item.placeholder .cb-layout-box .cb-divider {\n    animation: none;\n  }\n\n  .react-grid-item.placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item.placeholder > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .grid-guide-line-center {\n    border-color: #ff463aff;\n    border-style: dashed;\n    border-width: 1px;\n    height: 100%;\n    left: 50%;\n    position: absolute;\n    transform: translateX(-50%);\n    z-index: 99999;\n  }\n\n  /* NOTE: Effects */\n\n  @-webkit-keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-top {\n    0% {\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:36\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:52\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:53:50\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-top\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:47\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-right\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:28\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:52:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:47:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-cw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:52:54\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-ccw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:34:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:35:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:18\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:46\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:37:11\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-bottom-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  @keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:38:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:40:3\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:44:48\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation scale-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n  @keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:46:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bck-center\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:13:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation text-focus-in\n * ----------------------------------------\n */\n  @-webkit-keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:33:10\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation puff-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:29\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation focus-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:22:44\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-horizontal\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n  @keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:23:8\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-vertical\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n  @keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:24:19\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-top\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n  @keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:21:6\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation vibrate-1\n * ----------------------------------------\n */\n  @-webkit-keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n  @keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:27:38\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation blink-1\n * ----------------------------------------\n */\n  @-webkit-keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n  @keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:41:14\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * @animation flicker-in-2\n * ----------------------------------------\n */\n  @-webkit-keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n  @keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-24 16:9:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bounce-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n  @keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:29:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation heartbeat\n * ----------------------------------------\n */\n  @-webkit-keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n  @keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:30:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation kenburns-top\n * ----------------------------------------\n */\n  @-webkit-keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n  @keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:12\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n  @keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-right\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n  @keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:27\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n  @keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:26\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-left\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n  @keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n"])), function (_a) {
+exports.S_gleStyles = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  * {\n    box-sizing: border-box;\n  }\n\n  .grid-active-cell-placeholder {\n    stroke: #ffffff33;\n    fill: #3bd4084f;\n  }\n\n  ", "\n\n  .outside-of-editing-group {\n    pointer-events: none;\n  }\n\n  .bulk-child-item {\n    pointer-events: ", ";\n  }\n\n  .grid-bulk-block {\n    z-index: ", ";\n  }\n\n  .react-grid-item-selected.react-draggable.react-resizable:not(.group) {\n    box-shadow: 0 0 0 3px #027aff;\n    position: relative;\n  }\n\n  .editable-grid-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n    position: relative;\n  }\n\n  .react-group-block:hover:not(.editing):not(.grid-bulk-block):not(.selected) {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.editing {\n    box-shadow: 0 0 0 2px #cacaca;\n  }\n\n  .outside-of-editing-group {\n    opacity: 0.3;\n  }\n\n  .bulk-child-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk-child-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.selected:not(.editing) {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .grid-bulk-block > .react-grid-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk,\n  .bulk.isDragging .bulk-placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n    z-index: 9999;\n  }\n\n  .not-editable-grid-item {\n    pointer-events: none;\n  }\n\n  .react-grid-layout {\n    position: relative;\n    z-index: 1;\n  }\n\n  .react-grid-layout .grid-placeholder {\n    box-sizing: border-box;\n  }\n\n  .react-grid-item {\n    left: 0;\n    position: absolute;\n    top: 0;\n    z-index: 1;\n  }\n\n  .react-grid-item.react-draggable.react-resizable:not(.react-grid-item-selected):not(.iamgroup):hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-grid-item-selected {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item img {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .react-grid-item.isResizing,\n  .react-grid-item.isResizing .cb-layout-box,\n  .react-grid-item.isResizing .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.react-draggable.isDragging,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.isResizing > .react-resizable-handle,\n  .react-grid-item.react-draggable.isDragging > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item.dropping {\n    visibility: hidden;\n  }\n\n  .react-grid-item.static::after {\n    color: red;\n    content: \"this is static, can't drag\";\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-grid-item.placeholder {\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n    -webkit-user-select: none;\n    user-select: none;\n    z-index: 9999;\n  }\n\n  .react-grid-item > .react-resizable-handle::after {\n    background: rgb(255, 255, 255);\n    border: 3px solid rgb(2, 122, 255);\n    content: '';\n    height: 5px;\n    position: absolute;\n    width: 5px;\n  }\n\n  .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item-selected > .react-resizable-handle {\n    visibility: visible;\n  }\n\n  /* NOTE: Resizable related */\n  .react-resizable {\n    position: relative;\n  }\n\n  .react-resizable-handle {\n    align-items: center;\n    background-origin: content-box;\n    background-repeat: no-repeat;\n    box-sizing: border-box;\n    display: flex;\n    height: 20px;\n    justify-content: center;\n    position: absolute;\n    width: 20px;\n  }\n\n  .react-resizable-handle-sw {\n    bottom: 0;\n    cursor: sw-resize;\n    left: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .react-resizable-handle-se[data-height-fit-content='true'] {\n    display: none;\n  }\n\n  .react-resizable-handle-se {\n    bottom: 0;\n    cursor: se-resize;\n    right: 0;\n    transform: translate(50%, 50%);\n  }\n\n  .react-resizable-handle-nw {\n    cursor: nw-resize;\n    left: 0;\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-ne {\n    cursor: ne-resize;\n    right: 0;\n    top: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    cursor: ew-resize;\n    top: 50%;\n  }\n\n  .react-resizable-handle-w {\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-e {\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    cursor: ns-resize;\n    left: 50%;\n  }\n\n  .react-resizable-handle-n {\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .grid-placeholder {\n    position: absolute;\n    z-index: 0;\n  }\n\n  .grid-pattern-rect {\n    fill: #0000001a;\n    stroke: #ffffff33;\n  }\n\n  .react-grid-item.placeholder .cb-layout-box,\n  .react-grid-item.placeholder .cb-layout-box .cb-divider {\n    animation: none;\n  }\n\n  .react-grid-item.placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item.placeholder > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .grid-guide-line-center {\n    border-color: #ff463aff;\n    border-style: dashed;\n    border-width: 1px;\n    height: 100%;\n    left: 50%;\n    position: absolute;\n    transform: translateX(-50%);\n    z-index: 99999;\n  }\n\n  /* NOTE: Effects */\n\n  @-webkit-keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-top {\n    0% {\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:36\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:52\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:53:50\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-top\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:47\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-right\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:28\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:52:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:47:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-cw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:52:54\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-ccw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:34:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:35:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:18\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:46\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:37:11\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-bottom-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  @keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:38:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:40:3\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:44:48\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation scale-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n  @keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:46:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bck-center\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:13:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation text-focus-in\n * ----------------------------------------\n */\n  @-webkit-keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:33:10\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation puff-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:29\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation focus-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:22:44\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-horizontal\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n  @keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:23:8\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-vertical\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n  @keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:24:19\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-top\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n  @keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:21:6\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation vibrate-1\n * ----------------------------------------\n */\n  @-webkit-keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n  @keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:27:38\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation blink-1\n * ----------------------------------------\n */\n  @-webkit-keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n  @keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:41:14\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * @animation flicker-in-2\n * ----------------------------------------\n */\n  @-webkit-keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n  @keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-24 16:9:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bounce-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n  @keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:29:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation heartbeat\n * ----------------------------------------\n */\n  @-webkit-keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n  @keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:30:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation kenburns-top\n * ----------------------------------------\n */\n  @-webkit-keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n  @keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:12\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n  @keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-right\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n  @keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:27\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n  @keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:26\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-left\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n  @keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n"], ["\n  * {\n    box-sizing: border-box;\n  }\n\n  .grid-active-cell-placeholder {\n    stroke: #ffffff33;\n    fill: #3bd4084f;\n  }\n\n  ", "\n\n  .outside-of-editing-group {\n    pointer-events: none;\n  }\n\n  .bulk-child-item {\n    pointer-events: ", ";\n  }\n\n  .grid-bulk-block {\n    z-index: ", ";\n  }\n\n  .react-grid-item-selected.react-draggable.react-resizable:not(.group) {\n    box-shadow: 0 0 0 3px #027aff;\n    position: relative;\n  }\n\n  .editable-grid-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n    position: relative;\n  }\n\n  .react-group-block:hover:not(.editing):not(.grid-bulk-block):not(.selected) {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.editing {\n    box-shadow: 0 0 0 2px #cacaca;\n  }\n\n  .outside-of-editing-group {\n    opacity: 0.3;\n  }\n\n  .bulk-child-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk-child-item:hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-group-block.selected:not(.editing) {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .grid-bulk-block > .react-grid-item {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .bulk,\n  .bulk.isDragging .bulk-placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n    z-index: 9999;\n  }\n\n  .not-editable-grid-item {\n    pointer-events: none;\n  }\n\n  .react-grid-layout {\n    position: relative;\n    z-index: 1;\n  }\n\n  .react-grid-layout .grid-placeholder {\n    box-sizing: border-box;\n  }\n\n  .react-grid-item {\n    left: 0;\n    position: absolute;\n    top: 0;\n    z-index: 1;\n  }\n\n  .react-grid-item.react-draggable.react-resizable:not(.react-grid-item-selected):not(.iamgroup):hover {\n    box-shadow: 0 0 0 3px #d902ff;\n  }\n\n  .react-grid-item-selected {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item img {\n    pointer-events: none;\n    user-select: none;\n  }\n\n  .react-grid-item.isResizing,\n  .react-grid-item.isResizing .cb-layout-box,\n  .react-grid-item.isResizing .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.react-draggable.isDragging,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box,\n  .react-grid-item.react-draggable.isDragging .cb-layout-box .cb-divider {\n    visibility: hidden;\n  }\n\n  .react-grid-item.isResizing > .react-resizable-handle,\n  .react-grid-item.react-draggable.isDragging > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item.dropping {\n    visibility: hidden;\n  }\n\n  .react-grid-item.static::after {\n    color: red;\n    content: \"this is static, can't drag\";\n    left: 50%;\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-grid-item.placeholder {\n    -moz-user-select: none;\n    -ms-user-select: none;\n    -o-user-select: none;\n    -webkit-user-select: none;\n    user-select: none;\n    z-index: 9999;\n  }\n\n  .react-grid-item > .react-resizable-handle::after {\n    background: rgb(255, 255, 255);\n    border: 3px solid rgb(2, 122, 255);\n    content: '';\n    height: 5px;\n    position: absolute;\n    width: 5px;\n  }\n\n  .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .react-grid-item-selected > .react-resizable-handle {\n    visibility: visible;\n  }\n\n  /* NOTE: Resizable related */\n  .react-resizable {\n    position: relative;\n  }\n\n  .react-resizable-handle {\n    align-items: center;\n    background-origin: content-box;\n    background-repeat: no-repeat;\n    box-sizing: border-box;\n    display: flex;\n    height: 20px;\n    justify-content: center;\n    position: absolute;\n    width: 20px;\n  }\n\n  .react-resizable-handle-sw {\n    bottom: 0;\n    cursor: sw-resize;\n    left: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .react-resizable-handle-se[data-height-fit-content='true'] {\n    display: none;\n  }\n\n  .react-resizable-handle-se {\n    bottom: 0;\n    cursor: se-resize;\n    right: 0;\n    transform: translate(50%, 50%);\n  }\n\n  .react-resizable-handle-nw {\n    cursor: nw-resize;\n    left: 0;\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-ne {\n    cursor: ne-resize;\n    right: 0;\n    top: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-w,\n  .react-resizable-handle-e {\n    cursor: ew-resize;\n    top: 50%;\n  }\n\n  .react-resizable-handle-w {\n    left: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-e {\n    right: 0;\n    transform: translate(50%, -50%);\n  }\n\n  .react-resizable-handle-n,\n  .react-resizable-handle-s {\n    cursor: ns-resize;\n    left: 50%;\n  }\n\n  .react-resizable-handle-n {\n    top: 0;\n    transform: translate(-50%, -50%);\n  }\n\n  .react-resizable-handle-s {\n    bottom: 0;\n    transform: translate(-50%, 50%);\n  }\n\n  .grid-placeholder {\n    position: absolute;\n    z-index: 0;\n  }\n\n  .grid-pattern-rect {\n    fill: #0000001a;\n    stroke: #ffffff33;\n  }\n\n  .react-grid-item.placeholder .cb-layout-box,\n  .react-grid-item.placeholder .cb-layout-box .cb-divider {\n    animation: none;\n  }\n\n  .react-grid-item.placeholder {\n    box-shadow: 0 0 0 3px #027aff;\n  }\n\n  .react-grid-item.placeholder > .react-resizable-handle {\n    visibility: hidden;\n  }\n\n  .grid-guide-line-center {\n    border-color: #ff463aff;\n    border-style: dashed;\n    border-width: 1px;\n    height: 100%;\n    left: 50%;\n    position: absolute;\n    transform: translateX(-50%);\n    z-index: 99999;\n  }\n\n  /* NOTE: Effects */\n\n  @-webkit-keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in {\n    0% {\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-fwd {\n    0% {\n      -webkit-transform: translateZ(-80px);\n      transform: translateZ(-80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @-webkit-keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      opacity: 0;\n      pointer-events: none;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  @keyframes fade-in-bck {\n    0% {\n      -webkit-transform: translateZ(80px);\n      transform: translateZ(80px);\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-top {\n    0% {\n      -webkit-transform: translateY(-50px);\n      transform: translateY(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  @-webkit-keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-right {\n    0% {\n      -webkit-transform: translateX(50px);\n      transform: translateX(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:36\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-bottom {\n    0% {\n      -webkit-transform: translateY(50px);\n      transform: translateY(50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:29:52\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation fade-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes fade-in-left {\n    0% {\n      -webkit-transform: translateX(-50px);\n      transform: translateX(-50px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:53:50\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-top\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-top {\n    0% {\n      -webkit-transform: translateY(-1000px);\n      transform: translateY(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:47\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-right\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-right {\n    0% {\n      -webkit-transform: translateX(1000px);\n      transform: translateX(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bottom {\n    0% {\n      -webkit-transform: translateY(1000px);\n      transform: translateY(1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:54:28\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-left\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-left {\n    0% {\n      -webkit-transform: translateX(-1000px);\n      transform: translateX(-1000px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:52:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract {\n    0% {\n      letter-spacing: 1em;\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      letter-spacing: normal;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:47:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-cw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-cw {\n    0% {\n      -webkit-transform: rotate(-45deg);\n      transform: rotate(-45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:52:54\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation rotate-in-2-ccw\n * ----------------------------------------\n */\n  @-webkit-keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n  @keyframes rotate-in-2-ccw {\n    0% {\n      -webkit-transform: rotate(45deg);\n      transform: rotate(45deg);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotate(0);\n      transform: rotate(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:34:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-fwd {\n    0% {\n      -webkit-transform: rotateX(-100deg);\n      transform: rotateX(-100deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:35:56\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-top-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-top-bck {\n    0% {\n      -webkit-transform: rotateX(70deg);\n      transform: rotateX(70deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0deg);\n      transform: rotateX(0deg);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:18\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-fwd {\n    0% {\n      -webkit-transform: rotateY(-100deg);\n      transform: rotateY(-100deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:36:46\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-right-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-right-bck {\n    0% {\n      -webkit-transform: rotateY(70deg);\n      transform: rotateY(70deg);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: right;\n      transform-origin: right;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:37:11\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-bottom-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  @keyframes swing-in-bottom-fwd {\n    0% {\n      -webkit-transform: rotateX(100deg);\n      transform: rotateX(100deg);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateX(0);\n      transform: rotateX(0);\n      -webkit-transform-origin: bottom;\n      transform-origin: bottom;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:38:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-fwd\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-fwd {\n    0% {\n      -webkit-transform: rotateY(100deg);\n      transform: rotateY(100deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:40:3\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation swing-in-left-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n  @keyframes swing-in-left-bck {\n    0% {\n      -webkit-transform: rotateY(-70deg);\n      transform: rotateY(-70deg);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: rotateY(0);\n      transform: rotateY(0);\n      -webkit-transform-origin: left;\n      transform-origin: left;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:44:48\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation scale-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n  @keyframes scale-in-center {\n    0% {\n      -webkit-transform: scale(0);\n      transform: scale(0);\n      opacity: 1;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:46:1\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation slide-in-bck-center\n * ----------------------------------------\n */\n  @-webkit-keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes slide-in-bck-center {\n    0% {\n      -webkit-transform: translateZ(600px);\n      transform: translateZ(600px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:13:59\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation tracking-in-contract-bck\n * ----------------------------------------\n */\n  @-webkit-keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n  @keyframes tracking-in-contract-bck {\n    0% {\n      letter-spacing: 1em;\n      -webkit-transform: translateZ(400px);\n      transform: translateZ(400px);\n      opacity: 0;\n    }\n    40% {\n      opacity: 0.6;\n    }\n    100% {\n      -webkit-transform: translateZ(0);\n      transform: translateZ(0);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation text-focus-in\n * ----------------------------------------\n */\n  @-webkit-keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes text-focus-in {\n    0% {\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:33:10\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation puff-in-center\n * ----------------------------------------\n */\n  @-webkit-keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes puff-in-center {\n    0% {\n      -webkit-transform: scale(2);\n      transform: scale(2);\n      -webkit-filter: blur(4px);\n      filter: blur(4px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:11:29\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation focus-in-contract\n * ----------------------------------------\n */\n  @-webkit-keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n  @keyframes focus-in-contract {\n    0% {\n      letter-spacing: 1em;\n      -webkit-filter: blur(12px);\n      filter: blur(12px);\n      opacity: 0;\n    }\n    100% {\n      -webkit-filter: blur(0px);\n      filter: blur(0px);\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:22:44\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-horizontal\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n  @keyframes shake-horizontal {\n    0%,\n    100% {\n      -webkit-transform: translateX(0);\n      transform: translateX(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateX(-10px);\n      transform: translateX(-10px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateX(10px);\n      transform: translateX(10px);\n    }\n    80% {\n      -webkit-transform: translateX(8px);\n      transform: translateX(8px);\n    }\n    90% {\n      -webkit-transform: translateX(-8px);\n      transform: translateX(-8px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:23:8\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-vertical\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n  @keyframes shake-vertical {\n    0%,\n    100% {\n      -webkit-transform: translateY(0);\n      transform: translateY(0);\n    }\n    10%,\n    30%,\n    50%,\n    70% {\n      -webkit-transform: translateY(-8px);\n      transform: translateY(-8px);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: translateY(8px);\n      transform: translateY(8px);\n    }\n    80% {\n      -webkit-transform: translateY(6.4px);\n      transform: translateY(6.4px);\n    }\n    90% {\n      -webkit-transform: translateY(-6.4px);\n      transform: translateY(-6.4px);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:24:19\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation shake-top\n * ----------------------------------------\n */\n  @-webkit-keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n  @keyframes shake-top {\n    0%,\n    100% {\n      -webkit-transform: rotate(0deg);\n      transform: rotate(0deg);\n      -webkit-transform-origin: 50% 0;\n      transform-origin: 50% 0;\n    }\n    10% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n    20%,\n    40%,\n    60% {\n      -webkit-transform: rotate(-4deg);\n      transform: rotate(-4deg);\n    }\n    30%,\n    50%,\n    70% {\n      -webkit-transform: rotate(4deg);\n      transform: rotate(4deg);\n    }\n    80% {\n      -webkit-transform: rotate(-2deg);\n      transform: rotate(-2deg);\n    }\n    90% {\n      -webkit-transform: rotate(2deg);\n      transform: rotate(2deg);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:21:6\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation vibrate-1\n * ----------------------------------------\n */\n  @-webkit-keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n  @keyframes vibrate-1 {\n    0% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n    20% {\n      -webkit-transform: translate(-2px, 2px);\n      transform: translate(-2px, 2px);\n    }\n    40% {\n      -webkit-transform: translate(-2px, -2px);\n      transform: translate(-2px, -2px);\n    }\n    60% {\n      -webkit-transform: translate(2px, 2px);\n      transform: translate(2px, 2px);\n    }\n    80% {\n      -webkit-transform: translate(2px, -2px);\n      transform: translate(2px, -2px);\n    }\n    100% {\n      -webkit-transform: translate(0);\n      transform: translate(0);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:27:38\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation blink-1\n * ----------------------------------------\n */\n  @-webkit-keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n  @keyframes blink-1 {\n    0%,\n    50%,\n    100% {\n      opacity: 1;\n    }\n    25%,\n    75% {\n      opacity: 0;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 0:41:14\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * @animation flicker-in-2\n * ----------------------------------------\n */\n  @-webkit-keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n  @keyframes flicker-in-2 {\n    0% {\n      opacity: 0;\n    }\n    10% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.1% {\n      opacity: 1;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    10.2% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    20.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);\n    }\n    20.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    30.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.5% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    30.6% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    45.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    50% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);\n    }\n    55.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    57.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3);\n    }\n    60.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    65.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.3),\n        0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    75.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    77.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.4),\n        0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    85.1% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86% {\n      opacity: 0;\n      -webkit-box-shadow: none;\n      box-shadow: none;\n    }\n    86.1% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n    100% {\n      opacity: 1;\n      -webkit-box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n      box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45),\n        0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-24 16:9:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bounce-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n  @keyframes bounce-top {\n    0% {\n      -webkit-transform: translateY(-45px);\n      transform: translateY(-45px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n      opacity: 1;\n    }\n    24% {\n      opacity: 1;\n    }\n    40% {\n      -webkit-transform: translateY(-24px);\n      transform: translateY(-24px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    65% {\n      -webkit-transform: translateY(-12px);\n      transform: translateY(-12px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    82% {\n      -webkit-transform: translateY(-6px);\n      transform: translateY(-6px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    93% {\n      -webkit-transform: translateY(-4px);\n      transform: translateY(-4px);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    25%,\n    55%,\n    75%,\n    87% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    100% {\n      -webkit-transform: translateY(0px);\n      transform: translateY(0px);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n      opacity: 1;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:29:16\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation heartbeat\n * ----------------------------------------\n */\n  @-webkit-keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n  @keyframes heartbeat {\n    from {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-transform-origin: center center;\n      transform-origin: center center;\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    10% {\n      -webkit-transform: scale(0.91);\n      transform: scale(0.91);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    17% {\n      -webkit-transform: scale(0.98);\n      transform: scale(0.98);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n    33% {\n      -webkit-transform: scale(0.87);\n      transform: scale(0.87);\n      -webkit-animation-timing-function: ease-in;\n      animation-timing-function: ease-in;\n    }\n    45% {\n      -webkit-transform: scale(1);\n      transform: scale(1);\n      -webkit-animation-timing-function: ease-out;\n      animation-timing-function: ease-out;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:30:57\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation kenburns-top\n * ----------------------------------------\n */\n  @-webkit-keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n  @keyframes kenburns-top {\n    0% {\n      -webkit-transform: scale(1) translateY(0);\n      transform: scale(1) translateY(0);\n      -webkit-transform-origin: 50% 16%;\n      transform-origin: 50% 16%;\n    }\n    100% {\n      -webkit-transform: scale(1.25) translateY(-15px);\n      transform: scale(1.25) translateY(-15px);\n      -webkit-transform-origin: top;\n      transform-origin: top;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:12\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-top\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n  @keyframes bg-pan-top {\n    0% {\n      background-position: 50% 100%;\n    }\n    100% {\n      background-position: 50% 0%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:5\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-right\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n  @keyframes bg-pan-right {\n    0% {\n      background-position: 0% 50%;\n    }\n    100% {\n      background-position: 100% 50%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:33:27\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-bottom\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n  @keyframes bg-pan-bottom {\n    0% {\n      background-position: 50% 0%;\n    }\n    100% {\n      background-position: 50% 100%;\n    }\n  }\n\n  /* ----------------------------------------------\n * Generated by Animista on 2023-7-4 1:34:26\n * Licensed under FreeBSD License.\n * See http://animista.net/license for more info. \n * w: http://animista.net, t: @cssanimista\n * ---------------------------------------------- */\n\n  /**\n * ----------------------------------------\n * animation bg-pan-left\n * ----------------------------------------\n */\n  @-webkit-keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n  @keyframes bg-pan-left {\n    0% {\n      background-position: 100% 50%;\n    }\n    100% {\n      background-position: 0% 50%;\n    }\n  }\n"])), function (_a) {
     var isEditMode = _a.isEditMode;
     return isEditMode
         ? "\n    & * {\n      pointer-events: none !important;\n    }\n  "

package/dist/src/sub/DynamicLayout/mock_section.json CHANGED Viewed

@@ -5114,10 +5114,10 @@
                                         "CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE": null,
                                         "CB_STYLE_PROP_BORDER_SPEC_COLOR:MOBILE:HOVER": null,
                                         "CB_STYLE_PROP_BORDER_SPEC_RADIUS": {
-                                            "bl": 0,
-                                            "br": 0,
-                                            "tl": 0,
-                                            "tr": 0
+                                            "bl": 16,
+                                            "br": 16,
+                                            "tl": 16,
+                                            "tr": 16
                                         },
                                         "CB_STYLE_PROP_BORDER_SPEC_RADIUS:HOVER": null,
                                         "CB_STYLE_PROP_BORDER_SPEC_RADIUS:MOBILE": null,
@@ -5260,7 +5260,7 @@
                                         "CB_STYLE_PROP_SHADOW_SPEC_SPREAD:HOVER": null,
                                         "CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE": null,
                                         "CB_STYLE_PROP_SHADOW_SPEC_SPREAD:MOBILE:HOVER": null,
-                                        "CB_STYLE_PROP_SHADOW_SPEC_TYPE": "NONE",
+                                        "CB_STYLE_PROP_SHADOW_SPEC_TYPE": "OUTSET",
                                         "CB_STYLE_PROP_SHADOW_SPEC_TYPE:HOVER": null,
                                         "CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE": null,
                                         "CB_STYLE_PROP_SHADOW_SPEC_TYPE:MOBILE:HOVER": null,
@@ -5708,8 +5708,8 @@
                         "CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE": "VALUE"
                     },
                     "CB_CONTENT_PROP_VISIBILITY": {
-                        "CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP": true,
-                        "CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB": true
+                        "CB_CONTENT_PROP_VISIBILITY_SPEC_DESKTOP": false,
+                        "CB_CONTENT_PROP_VISIBILITY_SPEC_MOBILEWEB": false
                     },
                     "CB_EFFECT_PROP_ENTANIM": {
                         "CB_EFFECT_PROP_ENTANIM_SPEC_DURATION": 0.7,

package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js CHANGED Viewed

@@ -1047,7 +1047,7 @@ var CustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
                             paddingBottom: padding.bottom,
                             paddingRight: padding.right,
                             paddingLeft: padding.left
-                        } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ sectionId: props.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
+                        } }, { children: (0, jsx_runtime_1.jsx)(Responsive, __assign({ selectedBlockId: selectedBlockId, sectionId: props.id.toString(), innerRef: innerRef, className: (0, clsx_1.clsx)({
                                 'selected-grid-layout': editingSectionId === props.id
                             }), allowOverlap: true, layouts: layouts, resizeHandles: ['nw', 'e', 'n', 'ne', 's', 'se', 'sw', 'w'], breakpoints: breakpoints, breakpoint: breakpoint, cols: { lg: colsDesktop, sm: colsMobile }, rowHeight: rowHeight, margin: [10, 10], style: {
                                 width: customSectionStyles.width,

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js CHANGED Viewed

@@ -40,6 +40,7 @@ var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicL
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
+var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var CustomNavigationNextBtn_1 = require("./components/CustomNavigationNextBtn");
 var CustomNavigationPrevBtn_1 = require("./components/CustomNavigationPrevBtn");
 var CustomProgressbar_1 = require("./components/CustomProgressbar");
@@ -68,7 +69,7 @@ var createComponent = function (type, getDesignType, getLocation, designType) {
 function ContentsCarousel(props) {
     var _a, _b;
     var _c = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _c.device, mode = _c.mode, queryData = _c.queryData;
-    var compositions = props.compositions, index = props.index, _d = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE;
+    var compositions = props.compositions, index = props.index, _d = props.CB_CONTENT_PROP_CONTENTSCAROUSEL, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_DISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MDISPLAYCOUNTS, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_VALUETYPE, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_CONNECTDATA, CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS = _d.CB_CONTENT_PROP_CONTENTSCAROUSEL_SPEC_MANUALITEMS, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN = props.CB_STYLE_PROP_CONTENTSCAROUSELDESIGN, CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD = props.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD, CB_STYLE_PROP_CONTENTSCAROUSELBUTTON = props.CB_STYLE_PROP_CONTENTSCAROUSELBUTTON, CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR = props.CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_CONTENTSCAROUSEL.CB_EFFECT_PROP_CONTENTSCAROUSEL_SPEC_TRANSITIONTYPE, CB_CONTENT_PROP_VISIBILITY = props.CB_CONTENT_PROP_VISIBILITY;
     var CB_STYLE_PROP_CONTENTSCAROUSEL = __assign(__assign(__assign(__assign({}, CB_STYLE_PROP_CONTENTSCAROUSELDESIGN), CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD), CB_STYLE_PROP_CONTENTSCAROUSELBUTTON), CB_STYLE_PROP_CONTENTSCAROUSELPROGRESSBAR);
     var autoPlayEnabled = device === 'DESKTOP'
         ? CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD.CB_STYLE_PROP_CONTENTSCAROUSELPLAYBACKMETHOD_SPEC_AUTOPLAYUSE
@@ -154,7 +155,11 @@ function ContentsCarousel(props) {
         .map(function (item) {
         return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(componentGroups).map(function (_a) {
+    var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
+    if (mode === 'EDIT') {
+        style.visibility = 'visible';
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
                 return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-group ccb-elements", ref: function (el) {
                         if (el) {
@@ -166,7 +171,7 @@ function ContentsCarousel(props) {
                     }, style: __assign(__assign({}, getPositionStyle(position, ccbInset, 'GROUP', 'GROUP', 'GROUP')), { zIndex: 3, position: 'absolute' }) }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentscarousel-button-layout-box", style: getComponentGroupLayout(groupComponents, position) }, { children: groupComponents.map(function (component) {
                             return renderElements(component, getPositionStyle(position, ccbInset, component.designType, component.size, component.type));
                         }) })) }), position));
-            }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box ccb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () {
+            }), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_BoxWithShadow_1.S_CB_BoxWithShadow, __assign({ className: "cb-layout-box ccb-layout-box", normalStyle: __assign(__assign(__assign(__assign(__assign({}, style), layout), effectCssProperties), editModeStyle), { overflow: 'hidden', boxShadow: '16px 18px 15px 23px #FFD31D' }), hoverStyle: __assign(__assign({}, hoverStyle), { overflow: 'hidden' }), cbStylePropsShadowSpecs: CB_STYLE_PROP_SHADOW, device: device, onMouseEnter: function () {
                         setIsHovered(true);
                     }, onMouseLeave: function () { return setIsHovered(false); }, "data-number-of-columns": displayCounts, "data-number-of-items": displayCounts, "data-column-gap": columnGap, "data-cols": displayCounts, "data-inset-top": parseFloat(ccbInset.top), "data-inset-bottom": parseFloat(ccbInset.bottom) }, { children: [(0, jsx_runtime_1.jsx)(S_CustomBackgroundWrapper, __assign({ ref: backgroundRef, style: __assign(__assign({}, effect), { background: style.background }) }, { children: isBgMedia && CB_STYLE_PROP_BGMEDIA && ((0, jsx_runtime_1.jsx)(CustomSectionBackgroundMedia_1.CustomSectionBackgroundMedia, { specs: CB_STYLE_PROP_BGMEDIA, componentStyle: style, playerId: index, mediaType: mediaType || 'NONE', device: isMobile ? 'MOBILE' : 'DESKTOP', backgroundRef: backgroundRef })) })), (0, jsx_runtime_1.jsx)(S_Overlay, { style: overlayStyle }), orderedCompositions.length > 0 ? ((0, jsx_runtime_1.jsx)(S_SwiperLayout, __assign({ className: "cb-contentscarousel-layout-box", ref: layoutRef, style: __assign({}, pointerEventsObj) }, { children: (0, jsx_runtime_1.jsx)(S_SwiperWrapper, __assign({ className: "cb-contentscarousel-wrapper", ccbInset: ccbInset, customStyle: isHovered
                                     ? contentsCarouselHoverStyle === null || contentsCarouselHoverStyle === void 0 ? void 0 : contentsCarouselHoverStyle.customStyle

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js CHANGED Viewed

@@ -42,6 +42,7 @@ var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
 var S_HeightFitContentCover_1 = require("../components/S_HeightFitContentCover");
+var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var CustomPagination_1 = require("./components/CustomPagination");
 var contentsListUtils_1 = require("./contentsListUtils");
 var useFlexGridLayout_1 = require("./hooks/useFlexGridLayout");
@@ -176,7 +177,11 @@ function ContentsList(props) {
         ? CB_STYLE_PROP_CONTENTSLIST.CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT
         : CB_STYLE_PROP_CONTENTSLIST['CB_STYLE_PROP_CONTENTSLISTDESIGN_SPEC_ITEMHEIGHTFITCONTENT:MOBILE'];
     var isEditModeAndHeightFitContent = heightFitContentByDevice && mode === 'EDIT';
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: "<\uC774\uAC70 \uBB34\uC870\uAC74 \uB2E4\uBCF4\uC784>" })), Object.entries(componentGroups).map(function (_a) {
+    var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
+    if (mode === 'EDIT') {
+        style.visibility = 'visible';
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: "<\uC774\uAC70 \uBB34\uC870\uAC74 \uB2E4\uBCF4\uC784>" })), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
                 return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-contentslist-button-group ccb-elements", ref: function (el) {
                         if (el) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js CHANGED Viewed

@@ -40,6 +40,7 @@ var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicL
 var styled_components_1 = __importDefault(require("styled-components"));
 var S_CB_AnimationObserverBox_1 = require("../components/S_CB_AnimationObserverBox");
 var S_CB_BoxWithShadow_1 = require("../components/S_CB_BoxWithShadow");
+var S_HiddenCover_1 = require("../components/S_HiddenCover");
 var CustomNavigationNextBtn_1 = require("./components/CustomNavigationNextBtn");
 var CustomNavigationPrevBtn_1 = require("./components/CustomNavigationPrevBtn");
 var CustomPagination_1 = require("./components/CustomPagination");
@@ -70,7 +71,7 @@ var createComponent = function (type, getDesignType, getLocation, designType, si
 function SlideBanner(props) {
     var _a;
     var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, mode = _b.mode, queryData = _b.queryData;
-    var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE;
+    var index = props.index, _c = props.CB_CONTENT_PROP_SLIDEBANNER, CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_ITEMCOUNTS, CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_VALUETYPE, CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_CONNECTDATA, CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS = _c.CB_CONTENT_PROP_SLIDEBANNER_SPEC_MANUALITEMS, CB_STYLE_PROP_SLIDEBANNERDESIGN = props.CB_STYLE_PROP_SLIDEBANNERDESIGN, CB_STYLE_PROP_SLIDEBANNERPAGINATION = props.CB_STYLE_PROP_SLIDEBANNERPAGINATION, CB_STYLE_PROP_SLIDEBANNERBUTTON = props.CB_STYLE_PROP_SLIDEBANNERBUTTON, CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD = props.CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD, CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR = props.CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR, CB_STYLE_PROP_SHADOW = props.CB_STYLE_PROP_SHADOW, CB_EFFECT_PROP_ENTANIM = props.CB_EFFECT_PROP_ENTANIM, CB_STYLE_PROP_BGMEDIA = props.CB_STYLE_PROP_BGMEDIA, CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE = props.CB_EFFECT_PROP_SLIDEBANNER.CB_EFFECT_PROP_SLIDEBANNER_SPEC_TRANSITIONTYPE, CB_CONTENT_PROP_VISIBILITY = props.CB_CONTENT_PROP_VISIBILITY;
     var compositions = props.compositions;
     var CB_STYLE_PROP_SLIDEBANNER = __assign(__assign(__assign(__assign(__assign({}, CB_STYLE_PROP_SLIDEBANNERDESIGN), CB_STYLE_PROP_SLIDEBANNERPAGINATION), CB_STYLE_PROP_SLIDEBANNERBUTTON), CB_STYLE_PROP_SLIDEBANNERPLAYBACKMETHOD), CB_STYLE_PROP_SLIDEBANNERPROGRESSBAR);
     var autoPlayEnabled = device === 'DESKTOP'
@@ -144,7 +145,12 @@ function SlideBanner(props) {
         .map(function (item) {
         return compositions.find(function (comp) { return comp.ccbManualItemUuid === item.uuid; });
     });
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [Object.entries(componentGroups).map(function (_a) {
+    var isEditModeAndHidden = style.visibility === 'hidden' && mode === 'EDIT';
+    if (mode === 'EDIT') {
+        style.visibility = 'visible';
+    }
+    console.log(style.boxShadow);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), Object.entries(componentGroups).map(function (_a) {
                 var position = _a[0], groupComponents = _a[1];
                 return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "cb-slidebanner-button-group ccb-elements", ref: function (el) {
                         if (el) {

package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js CHANGED Viewed

@@ -144,7 +144,7 @@ function Text(props) {
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [isEditModeAndHidden && (0, jsx_runtime_1.jsx)(S_HiddenCover_1.S_HiddenCover, {}), isEditModeAndHeightFitContent && ((0, jsx_runtime_1.jsx)(S_HeightFitContentCover_1.S_HeightFitContentCover, { bottomText: "<\uC774\uAC70 \uBB34\uC870\uAC74 \uB2E4\uBCF4\uC784>" })), (0, jsx_runtime_1.jsx)(S_CB_AnimationObserverBox_1.S_CB_AnimationObserverBox, __assign({ style: {
                     height: '100%',
                     display: 'flex',
-                    // alignItems: textStyle.alignItems,
+                    alignItems: textStyle.alignItems,
                     overflowY: heightFitContent ? 'hidden' : 'scroll'
                 }, ref: hasEffect ? cbRef : null, effectVisibleStyle: effectVisibleStyle }, { children: (0, jsx_runtime_1.jsxs)(S_CB_Box_1.S_CB_Box, __assign({ onMouseEnter: function (e) {
                         e.currentTarget.classList.add('hovered');

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web-test",
-  "version": "2.7.314",
+  "version": "2.7.316",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",
@@ -25,7 +25,7 @@
     "lottie-react": "^2.3.1",
     "nuka-carousel": "^4.8.4",
     "publ-echo": "^0.0.120",
-    "publ-echo-test": "^0.0.343",
+    "publ-echo-test": "^0.0.346",
     "react-hook-form": "^7.28.1",
     "react-i18next": "^11.12.0",
     "react-router-dom": "^5.2.0",