@tekkare/auriga 0.1.66 → 0.1.67

package/dist/runtime/components/argChart.vue

@@ -627,95 +627,5 @@ export default defineComponent({
 });
 </script>
 <style>
-.prmt_chart {
-  font-family: "Figtree", sans-serif !important;
-  position: relative;
-}
-.prmt_chart_title {
-  font-style: normal;
-  font-weight: 700;
-  font-size: 18px;
-  line-height: 21px;
-  color: var(--independence);
-  margin-bottom: 8px;
-  margin-right: 150px;
-}
-.prmt_chart_title.prmt_chart_title_without_subtitle {
-  margin-bottom: 22px;
-}
-.prmt_chart_source {
-  padding: 4px 0;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 14px;
-  color: #2176ff;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  height: 14px;
-  cursor: pointer;
-}
-.prmt_chart_source a {
-  color: #2176ff;
-}
-.prmt_chart_source:empty {
-  visibility: hidden;
-}
-.prmt_chart .apexcharts-toolbar {
-  top: 0 !important;
-}
-.prmt_chart .apexcharts-canvas .apexcharts-svg {
-  overflow: visible;
-}
-.prmt_chart .apexcharts-pie-area {
-  stroke-width: 0;
-}
-
-.prmt_chart .apexcharts-canvas {
-  position: initial;
-}
-
-.prmt_chart.bar_arg_chart
-  > .vue-apexcharts
-  > .apexcharts-canvas
-  > svg
-  > .apexcharts-inner
-  > .apexcharts-bar-series.apexcharts-plot-series
-  .apexcharts-series
-  path,
-.prmt_chart.bar-column_arg_chart
-  > .vue-apexcharts
-  > .apexcharts-canvas
-  > svg
-  > .apexcharts-inner
-  > .apexcharts-bar-series.apexcharts-plot-series
-  .apexcharts-series
-  path {
-  clip-path: inset(0% 0% -11% 0% round 6px) !important;
-}
-
-.prmt_chart.bar-horizontal-group_arg_chart
-  > .vue-apexcharts
-  > .apexcharts-canvas
-  > svg
-  > .apexcharts-inner
-  > .apexcharts-bar-series.apexcharts-plot-series
-  .apexcharts-series
-  path,
-.prmt_chart.bar-horizontal_arg_chart
-  > .vue-apexcharts
-  > .apexcharts-canvas
-  > svg
-  > .apexcharts-inner
-  > .apexcharts-bar-series.apexcharts-plot-series
-  .apexcharts-series
-  path {
-  clip-path: inset(0% 0% 0% -11% round 6px) !important;
-}
+.prmt_chart{font-family:Figtree,sans-serif!important;position:relative}.prmt_chart_title{color:var(--darkest);font-size:18px;font-style:normal;font-weight:700;line-height:21px;margin-bottom:8px;margin-right:150px}.prmt_chart_title.prmt_chart_title_without_subtitle{margin-bottom:22px}.prmt_chart_source{align-items:center;color:#2176ff;cursor:pointer;display:flex;font-size:12px;font-style:normal;font-weight:400;gap:8px;height:14px;line-height:14px;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}.prmt_chart_source a{color:#2176ff}.prmt_chart_source:empty{visibility:hidden}.prmt_chart .apexcharts-toolbar{top:0!important}.prmt_chart .apexcharts-canvas .apexcharts-svg{overflow:visible}.prmt_chart .apexcharts-pie-area{stroke-width:0}.prmt_chart .apexcharts-canvas{position:static}.prmt_chart.bar-column_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path,.prmt_chart.bar_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path{-webkit-clip-path:inset(0 0 -11% 0 round 6px)!important;clip-path:inset(0 0 -11% 0 round 6px)!important}.prmt_chart.bar-horizontal-group_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path,.prmt_chart.bar-horizontal_arg_chart>.vue-apexcharts>.apexcharts-canvas>svg>.apexcharts-inner>.apexcharts-bar-series.apexcharts-plot-series .apexcharts-series path{-webkit-clip-path:inset(0 0 0 -11% round 6px)!important;clip-path:inset(0 0 0 -11% round 6px)!important}
 </style>

package/dist/runtime/components/argChart.vue.d.ts

@@ -66,7 +66,7 @@ declare const _default: import("vue").DefineComponent<{
     chartKey: import("vue").Ref<number>;
     chartType: import("vue").ComputedRef<string>;
     chartOptions: import("vue").ComputedRef<Record<string, any>>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     options: {
         type: ObjectConstructor;
         required: false;

package/dist/runtime/components/argChartTableCard.vue

@@ -33,8 +33,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.table_card_header {
-  padding: 0px 24px;
-  margin-bottom: 24px;
-}
+.table_card_header{margin-bottom:24px;padding:0 24px}
 </style>

package/dist/runtime/components/argChartTableCard.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, any, any, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     haveChart: {
         type: BooleanConstructor;
         default: boolean;

package/dist/runtime/components/argCheckbox.vue

@@ -30,7 +30,7 @@
         :dir="tooltipDir"
         class="filter_tooltip flex"
       >
-        <arg-icon name="QuestionFill" color="var(--cool-grey)" size="16" />
+        <arg-icon name="QuestionFill" color="var(--dark)" size="16" />
       </arg-tooltip>
     </div>
   </div>
@@ -104,12 +104,12 @@ export default defineComponent({
     });
     const iconColor = computed(() => {
       if (props.disable) {
-        return "var(--independence)";
+        return "var(--darkest)";
       } else {
         if (returnValue.value === true) {
           return "var(--accent)";
         } else
-          return "var(--wild-blue-yonder)";
+          return "var(--medium)";
       }
     });
     function selectFilter() {
@@ -130,47 +130,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.filter_box {
-  background: var(--pure-white);
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  padding: 0px 12px;
-  gap: 8px;
-  border: 1px solid var(--dividers);
-  border-radius: 8px;
-  font-weight: 600;
-  font-size: 14px;
-  line-height: 16px;
-  height: 40px;
-  width: 202px;
-  cursor: pointer;
-}
-.filter_tooltip {
-  margin-left: auto !important;
-}
-.filter_icon_select,
-.filter_icon_check {
-  cursor: pointer;
-}
-.filter_box:hover .filter_icon_select {
-  color: var(--primary) !important;
-}
-.filter_box:hover .filter_icon_check {
-  color: var(--primary-hover) !important;
-}
-.disable {
-  cursor: initial;
-}
-
-.disable:hover {
-  color: var(--independence) !important;
-}
-
-.flex {
-  display: flex;
-}
-.unselected {
-  color: var(--cool-grey) !important;
-}
+.filter_box{align-items:center;background:var(--white);border:1px solid var(--light);border-radius:8px;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-weight:600;gap:8px;height:40px;line-height:16px;padding:0 12px;width:202px}.filter_tooltip{margin-left:auto!important}.filter_icon_check,.filter_icon_select{cursor:pointer}.filter_box:hover .filter_icon_select{color:var(--primary)!important}.filter_box:hover .filter_icon_check{color:var(--primary-hover)!important}.disable{cursor:auto}.disable:hover{color:var(--darkest)!important}.flex{display:flex}.unselected{color:var(--dark)!important}
 </style>

package/dist/runtime/components/argCheckbox.vue.d.ts

@@ -29,11 +29,11 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     iconFilter: import("vue").ComputedRef<"CheckSquareFill" | "MinusSquareDisable" | "Square">;
-    iconColor: import("vue").ComputedRef<"var(--wild-blue-yonder)" | "var(--independence)" | "var(--accent)">;
+    iconColor: import("vue").ComputedRef<"var(--medium)" | "var(--darkest)" | "var(--accent)">;
     selectFilter: () => void;
     selectOption: import("vue").Ref<boolean>;
     returnValue: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleClick" | "update:Check")[], "handleClick" | "update:Check", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("handleClick" | "update:Check")[], "handleClick" | "update:Check", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     filterTitle: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/argCircleAmount.vue

@@ -19,19 +19,5 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.filters_amount {
-  display: flex;
-  padding: 2px 8px;
-
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 8px;
-  border-radius: 16px;
-  border: 1px solid var(--base-dividers, #ececf2);
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 700;
-  line-height: normal;
-}
+.filters_amount{align-items:center;border:1px solid var(--light,#ececf2);border-radius:16px;display:flex;flex-direction:column;font-size:12px;font-style:normal;font-weight:700;gap:8px;justify-content:center;line-height:normal;padding:2px 8px}
 </style>

package/dist/runtime/components/argCircleAmount.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (StringConstructor | NumberConstructor)[];
         required: true;
     };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     amount: {
         type: (StringConstructor | NumberConstructor)[];
         required: true;

package/dist/runtime/components/argComplexSelect.vue

@@ -601,129 +601,7 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.oip_select_complex_del_selection {
-  padding: 16px;
-  flex: 1;
-}
-
-.oip_select_complex_add_selection {
-  padding: 16px;
-  width: auto;
-  flex: 1;
-  border-right: 1px solid var(--dividers);
-}
-
-.oip_select_complex_all_tittle_right {
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 22px;
-  vertical-align: bottom;
-}
-
-.oip_select_complex_all_tittle_right.add {
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 22px;
-  vertical-align: bottom;
-  color: var(--primary);
-  cursor: pointer;
-}
-.oip_select_complex_selection_loop.add svg.disable {
-  color: var(--cool-grey) !important;
-}
-
-.oip_select_complex_all_tittle_right.del {
-  font-weight: 500;
-  font-size: 12px;
-  line-height: 22px;
-  vertical-align: bottom;
-  color: var(--alert);
-  cursor: pointer;
-}
-
-.oip_select_complex_all_title {
-  display: flex;
-  gap: 12px;
-  margin-bottom: 8px;
-}
-
-.oip_select_complex_all_tittle_left {
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--independence);
-  padding-right: 12px;
-  border-right: 1px solid var(--more);
-}
-
-.oip_select_complex_all_selection {
-  display: flex;
-}
-
-.oip_select_complex_footer {
-  border-top: 1px solid var(--more);
-  display: flex;
-  gap: 16px;
-  justify-content: flex-end;
-  padding: 28px 36px;
-  background-color: var(--pure-white);
-  border-radius: 0 0 12px 12px;
-}
-
-.oip_select_complex_smart_title {
-  margin-bottom: 12px;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.oip_select_complex_smart_selection {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px;
-}
-
-.oip_select_complex_smart_selection > .oip_tag {
-  cursor: pointer;
-}
-
-.oip_select_complex_smart {
-  padding: 16px;
-  margin-bottom: 0px;
-}
-
-.oip_select_complex_block {
-  z-index: 12;
-  margin-top: 15px;
-  position: absolute;
-  width: 780px;
-  border: 1px solid var(--more);
-  background: var(--demi-fond);
-  border-radius: 12px;
-  box-shadow: var(--overlay-shadow);
-}
-
-.oip_select_complex_header {
-  border-bottom: 1px solid var(--more);
-  background-color: var(--pure-white);
-  padding: 16px;
-  border-radius: 12px 12px 0 0;
-}
-
-.oip_select_complex_header_title {
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 19px;
-}
-
-.oip_select_complex_selection_loop > svg.add {
-  fill: var(--accent) !important;
-  color: var(--pure-white) !important;
-}
-
-.oip_tag.is_disable {
-  cursor: pointer !important;
-}
+.oip_select_complex_del_selection{flex:1;padding:16px}.oip_select_complex_add_selection{border-right:1px solid var(--light);flex:1;padding:16px;width:auto}.oip_select_complex_all_tittle_right,.oip_select_complex_all_tittle_right.add{font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_tittle_right.add{color:var(--primary);cursor:pointer}.oip_select_complex_selection_loop.add svg.disable{color:var(--dark)!important}.oip_select_complex_all_tittle_right.del{color:var(--system-alert);cursor:pointer;font-size:12px;font-weight:500;line-height:22px;vertical-align:bottom}.oip_select_complex_all_title{display:flex;gap:12px;margin-bottom:8px}.oip_select_complex_all_tittle_left{border-right:1px solid var(--light);color:var(--darkest);font-size:14px;font-weight:500;line-height:22px;padding-right:12px}.oip_select_complex_all_selection{display:flex}.oip_select_complex_footer{background-color:var(--white);border-radius:0 0 12px 12px;border-top:1px solid var(--light);display:flex;gap:16px;justify-content:flex-end;padding:28px 36px}.oip_select_complex_smart_title{font-size:14px;font-weight:500;line-height:22px;margin-bottom:12px}.oip_select_complex_smart_selection{display:flex;flex-wrap:wrap;gap:10px}.oip_select_complex_smart_selection>.oip_tag{cursor:pointer}.oip_select_complex_smart{margin-bottom:0;padding:16px}.oip_select_complex_block{background:var(--demi-fond);border:1px solid var(--light);border-radius:12px;box-shadow:var(--overlay-shadow);margin-top:15px;position:absolute;width:780px;z-index:12}.oip_select_complex_header{background-color:var(--white);border-bottom:1px solid var(--light);border-radius:12px 12px 0 0;padding:16px}.oip_select_complex_header_title{font-size:16px;font-weight:700;line-height:19px}.oip_select_complex_selection_loop>svg.add{fill:var(--accent)!important;color:var(--white)!important}.oip_tag.is_disable{cursor:pointer!important}
 </style>
 
 <style scoped>

package/dist/runtime/components/argComplexSelect.vue.d.ts

@@ -121,10 +121,10 @@ declare const _default: import("vue").DefineComponent<{
         default: null;
     };
 }, {
-    add_table: any;
-    del_table: any;
+    add_table: import("vue").Ref<any>;
+    del_table: import("vue").Ref<any>;
     isDisplay: import("vue").Ref<boolean>;
-    save_table: any;
+    save_table: import("vue").Ref<any>;
     smart_selection_selected: import("vue").Ref<any>;
     searchNameAdd: import("vue").Ref<string>;
     searchNameDel: import("vue").Ref<string>;
@@ -153,7 +153,7 @@ declare const _default: import("vue").DefineComponent<{
     getPlaceholderDel: import("vue").ComputedRef<string>;
     getMaxSelectMsg: import("vue").ComputedRef<string>;
     getEmptyContentMsg: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("changeElement" | "changeAddInputValue" | "update:Selection")[], "changeElement" | "changeAddInputValue" | "update:Selection", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     element_table: {
         type: {
             (arrayLength: number): string[];

package/dist/runtime/components/argDataLoader.vue

@@ -66,287 +66,5 @@ export default defineComponent({
 </script>
 
 <style scoped>
-.oip_data_loader_container {
-  display: flex;
-  justify-content: center;
-  padding: 100px 20px;
-}
-.oip_data_loader {
-  position: relative;
-}
-.oip_data_loader_text_group {
-  position: relative;
-  z-index: 2;
-  margin-bottom: -5px;
-}
-.oip_data_loader_title {
-  font-family: "Figtree", sans-serif !important;
-  color: #2176ff;
-  font-style: normal;
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 23px;
-  text-align: center;
-}
-.oip_data_loader_subtitle {
-  font-family: "Figtree", sans-serif !important;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 170%;
-  text-align: center;
-  color: #2176ff;
-}
-.oip_data_loader_background_container {
-  position: static;
-  z-index: 1;
-}
-.oip_data_loader_outer_circle {
-  background: #eaeaf5;
-  border-radius: 50%;
-  position: absolute;
-  animation: outer-circle-scale 10s ease infinite both;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  z-index: 1;
-  height: 42px;
-  width: 42px;
-}
-.oip_data_loader_inner_circle {
-  background: #f5f5f9;
-  width: 41.33px;
-  height: 41.33px;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-  z-index: 1;
-  animation: inner-circle-scale 10s ease infinite both;
-}
-@keyframes outer-circle-scale {
-  0% {
-    transform: scale(1);
-    opacity: 0;
-  }
-  7.7% {
-    transform: scale(2.6);
-    opacity: 1;
-  }
-  30.7% {
-    transform: scale(3.6);
-    opacity: 1;
-  }
-  53.7% {
-    transform: scale(3);
-    opacity: 1;
-  }
-  76.7% {
-    transform: scale(3.9);
-    opacity: 1;
-  }
-  84.4% {
-    transform: scale(3);
-    opacity: 1;
-  }
-  100% {
-    transform: scale(1);
-    opacity: 0;
-  }
-}
-@keyframes inner-circle-scale {
-  0% {
-    opacity: 1;
-  }
-  7.7% {
-    opacity: 0;
-  }
-  30.7% {
-    opacity: 0;
-  }
-  53.7% {
-    opacity: 0;
-  }
-  76.7% {
-    opacity: 0;
-  }
-  84.4% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.oip_data_loader_icon_1,
-.oip_data_loader_icon_2,
-.oip_data_loader_icon_3,
-.oip_data_loader_icon_4,
-.oip_data_loader_icon_5 {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  margin: auto;
-}
-.oip_data_loader_icon_1 {
-  animation: icon1-scale 10s ease infinite both;
-}
-.oip_data_loader_icon_2 {
-  animation: icon2-scale 10s ease infinite both;
-}
-.oip_data_loader_icon_3 {
-  animation: icon3-scale 10s ease infinite both;
-}
-.oip_data_loader_icon_4 {
-  animation: icon4-scale 10s ease infinite both;
-}
-.oip_data_loader_icon_5 {
-  animation: icon5-scale 10s ease infinite both;
-}
-@keyframes icon1-scale {
-  0% {
-    opacity: 0;
-  }
-  7.7% {
-    transform: translate(-74px, -57px);
-    opacity: 1;
-  }
-  30.7% {
-    transform: translate(-74px, -59px) rotate(15deg);
-    opacity: 1;
-  }
-  53.7% {
-    transform: translate(-74px, -59px);
-    opacity: 1;
-  }
-  76.7% {
-    transform: translate(-74px, -59px) rotate(15deg);
-    opacity: 1;
-  }
-  84.4% {
-    transform: translate(-74px, -59px);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes icon2-scale {
-  0% {
-    opacity: 0;
-  }
-  7.7% {
-    transform: translate(40px, -89px);
-    opacity: 1;
-  }
-  30.7% {
-    transform: translate(40px, -89px) rotate(-15deg);
-    opacity: 1;
-  }
-  53.7% {
-    transform: translate(40px, -89px);
-    opacity: 1;
-  }
-  76.7% {
-    transform: translate(40px, -89px) rotate(-15deg);
-    opacity: 1;
-  }
-  84.4% {
-    transform: translate(40px, -89px);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes icon3-scale {
-  0% {
-    opacity: 0;
-  }
-  7.7% {
-    transform: translate(112px, -35px);
-    opacity: 1;
-  }
-  30.7% {
-    transform: translate(112px, -35px) rotate(15deg);
-    opacity: 1;
-  }
-  53.7% {
-    transform: translate(112px, -35px);
-    opacity: 1;
-  }
-  76.7% {
-    transform: translate(112px, -35px) rotate(15deg);
-    opacity: 1;
-  }
-  84.4% {
-    transform: translate(112px, -35px);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes icon4-scale {
-  0% {
-    opacity: 0;
-  }
-  7.7% {
-    transform: translate(-57px, 69px);
-    opacity: 1;
-  }
-  30.7% {
-    transform: translate(-57px, 69px) rotate(-15deg);
-    opacity: 1;
-  }
-  53.7% {
-    transform: translate(-57px, 69px);
-    opacity: 1;
-  }
-  76.7% {
-    transform: translate(-57px, 69px) rotate(-15deg);
-    opacity: 1;
-  }
-  84.4% {
-    transform: translate(-57px, 69px);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-@keyframes icon5-scale {
-  0% {
-    opacity: 0;
-  }
-  7.7% {
-    transform: translate(48px, 87px);
-    opacity: 1;
-  }
-  30.7% {
-    transform: translate(48px, 87px) rotate(-15deg);
-    opacity: 1;
-  }
-  53.7% {
-    transform: translate(48px, 87px);
-    opacity: 1;
-  }
-  76.7% {
-    transform: translate(48px, 87px) rotate(-15deg);
-    opacity: 1;
-  }
-  84.4% {
-    transform: translate(48px, 87px);
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
+.oip_data_loader_container{display:flex;justify-content:center;padding:100px 20px}.oip_data_loader{position:relative}.oip_data_loader_text_group{margin-bottom:-5px;position:relative;z-index:2}.oip_data_loader_title{font-size:20px;font-weight:700;line-height:23px}.oip_data_loader_subtitle,.oip_data_loader_title{color:#2176ff;font-family:Figtree,sans-serif!important;font-style:normal;text-align:center}.oip_data_loader_subtitle{font-size:12px;font-weight:400;line-height:170%}.oip_data_loader_background_container{position:static;z-index:1}.oip_data_loader_outer_circle{animation:outer-circle-scale 10s ease infinite both;background:#eaeaf5;height:42px;width:42px}.oip_data_loader_inner_circle,.oip_data_loader_outer_circle{border-radius:50%;bottom:0;left:0;margin:auto;position:absolute;right:0;top:0;z-index:1}.oip_data_loader_inner_circle{animation:inner-circle-scale 10s ease infinite both;background:#f5f5f9;height:41.33px;width:41.33px}@keyframes outer-circle-scale{0%{opacity:0;transform:scale(1)}7.7%{opacity:1;transform:scale(2.6)}30.7%{opacity:1;transform:scale(3.6)}53.7%{opacity:1;transform:scale(3)}76.7%{opacity:1;transform:scale(3.9)}84.4%{opacity:1;transform:scale(3)}to{opacity:0;transform:scale(1)}}@keyframes inner-circle-scale{0%{opacity:1}7.7%{opacity:0}30.7%{opacity:0}53.7%{opacity:0}76.7%{opacity:0}84.4%{opacity:0}to{opacity:1}}.oip_data_loader_icon_1,.oip_data_loader_icon_2,.oip_data_loader_icon_3,.oip_data_loader_icon_4,.oip_data_loader_icon_5{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.oip_data_loader_icon_1{animation:icon1-scale 10s ease infinite both}.oip_data_loader_icon_2{animation:icon2-scale 10s ease infinite both}.oip_data_loader_icon_3{animation:icon3-scale 10s ease infinite both}.oip_data_loader_icon_4{animation:icon4-scale 10s ease infinite both}.oip_data_loader_icon_5{animation:icon5-scale 10s ease infinite both}@keyframes icon1-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(-74px,-57px)}30.7%{opacity:1;transform:translate(-74px,-59px) rotate(15deg)}53.7%{opacity:1;transform:translate(-74px,-59px)}76.7%{opacity:1;transform:translate(-74px,-59px) rotate(15deg)}84.4%{opacity:1;transform:translate(-74px,-59px)}to{opacity:0}}@keyframes icon2-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(40px,-89px)}30.7%{opacity:1;transform:translate(40px,-89px) rotate(-15deg)}53.7%{opacity:1;transform:translate(40px,-89px)}76.7%{opacity:1;transform:translate(40px,-89px) rotate(-15deg)}84.4%{opacity:1;transform:translate(40px,-89px)}to{opacity:0}}@keyframes icon3-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(112px,-35px)}30.7%{opacity:1;transform:translate(112px,-35px) rotate(15deg)}53.7%{opacity:1;transform:translate(112px,-35px)}76.7%{opacity:1;transform:translate(112px,-35px) rotate(15deg)}84.4%{opacity:1;transform:translate(112px,-35px)}to{opacity:0}}@keyframes icon4-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(-57px,69px)}30.7%{opacity:1;transform:translate(-57px,69px) rotate(-15deg)}53.7%{opacity:1;transform:translate(-57px,69px)}76.7%{opacity:1;transform:translate(-57px,69px) rotate(-15deg)}84.4%{opacity:1;transform:translate(-57px,69px)}to{opacity:0}}@keyframes icon5-scale{0%{opacity:0}7.7%{opacity:1;transform:translate(48px,87px)}30.7%{opacity:1;transform:translate(48px,87px) rotate(-15deg)}53.7%{opacity:1;transform:translate(48px,87px)}76.7%{opacity:1;transform:translate(48px,87px) rotate(-15deg)}84.4%{opacity:1;transform:translate(48px,87px)}to{opacity:0}}
 </style>