@tekkare/auriga 0.2.19 → 0.2.20
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.
- package/dist/module.json +1 -1
- package/dist/runtime/components/argBtn.vue +5 -0
- package/dist/runtime/components/argMapsFrRegionsToDepartements.vue +9 -8
- package/dist/runtime/components/argNavBar.vue +1 -1
- package/dist/runtime/components/argStyle.vue +1 -1
- package/dist/runtime/components/argTextBtn.vue +4 -14
- package/dist/runtime/components/argTextBtn.vue.d.ts +0 -11
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -84,14 +84,19 @@ export default defineComponent({
|
|
|
84
84
|
return [
|
|
85
85
|
"primary-fill",
|
|
86
86
|
"primary-stroke",
|
|
87
|
+
"primary-transparent",
|
|
87
88
|
"secondary-fill",
|
|
88
89
|
"secondary-stroke",
|
|
90
|
+
"secondary-transparent",
|
|
89
91
|
"success-fill",
|
|
90
92
|
"success-stroke",
|
|
93
|
+
"success-transparent",
|
|
91
94
|
"warning-fill",
|
|
92
95
|
"warning-stroke",
|
|
96
|
+
"warning-transparent",
|
|
93
97
|
"purple-fill",
|
|
94
98
|
"purple-stroke",
|
|
99
|
+
"purple-transparent",
|
|
95
100
|
"disable"
|
|
96
101
|
].includes(value);
|
|
97
102
|
}
|
|
@@ -3,13 +3,15 @@
|
|
|
3
3
|
<div class="p-24">
|
|
4
4
|
<div class="oip_row v-center oip_subtitle">
|
|
5
5
|
<span v-if="title !== null">{{ title }}</span>
|
|
6
|
-
<slot
|
|
7
|
-
|
|
6
|
+
<slot
|
|
7
|
+
v-else-if="!withDynamicTitle || (withDynamicTitle && !clickedRegion)"
|
|
8
|
+
name="customTitle"
|
|
9
|
+
/>
|
|
10
|
+
<div v-else-if="clickedRegion && withDynamicTitle" class="oip_row">
|
|
11
|
+
<slot name="customTitle" />
|
|
8
12
|
,
|
|
9
|
-
<span class="blue">{{
|
|
10
|
-
|
|
11
|
-
}}</span>
|
|
12
|
-
</p>
|
|
13
|
+
<span class="blue"> {{ clickedRegion }}</span>
|
|
14
|
+
</div>
|
|
13
15
|
</div>
|
|
14
16
|
<ArgSourceContainer @click="openSource">
|
|
15
17
|
{{ source ? source : "Your source" }}
|
|
@@ -47,7 +49,6 @@
|
|
|
47
49
|
value: RegionsData.find((x) => x.name == hoveredRegion)?.value,
|
|
48
50
|
}"
|
|
49
51
|
/>
|
|
50
|
-
|
|
51
52
|
<slot
|
|
52
53
|
v-else-if="
|
|
53
54
|
clickedRegion !== null && hoveredRegion !== clickedRegion
|
|
@@ -1137,5 +1138,5 @@ export default defineComponent({
|
|
|
1137
1138
|
</script>
|
|
1138
1139
|
|
|
1139
1140
|
<style scoped>
|
|
1140
|
-
.p-24{padding:0 24px}.map_container{display:flex;flex-direction:column;gap:24px;height:500px;max-height:500px;min-height:500px;min-width:500px;overflow:hidden;position:relative;width:100%}.map{margin-top:24px;z-index:2}.map_placeholder path{fill:var(--medium)!important;stroke:var(--medium)!important;stroke-width:2px}.scaled{transform:scale(3)}.large_scale,.scaled{position:absolute;transition:all .
|
|
1141
|
+
.p-24{padding:0 24px}.map_container{display:flex;flex-direction:column;gap:24px;height:500px;max-height:500px;min-height:500px;min-width:500px;overflow:hidden;position:relative;width:100%}.map{margin-top:24px;z-index:2}.map_placeholder path{fill:var(--medium)!important;stroke:var(--medium)!important;stroke-width:2px}.scaled{transform:scale(3)}.large_scale,.scaled{position:absolute;transition:all .1s}.large_scale{transform:scale(5)}.small_scale{position:absolute;transform:scale(2.2);transition:all .1s}.normal{transform:scale(1)}.map path{stroke-width:2px;stroke:rgba(0,0,0,.2);max-height:400px;position:relative}.map path:hover{transition:all .1s}.map_card-container{display:flex;flex-direction:column;gap:8px;min-width:400px;position:relative;width:100%}.test{margin-bottom:200px}.tooltip_container{align-items:center;display:flex;flex-direction:column;justify-content:center;left:0;min-width:-moz-fit-content;min-width:fit-content;position:absolute;top:0;z-index:96}.tooltip{background:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--darkest);font-size:12px}.card_title{background-color:var(--light);border-radius:4px 4px 0 0;font-size:14px;font-weight:600;padding:2px 8px;width:calc(100% - 15px)}.card_text{color:var(--dark);font-size:12px;font-weight:400;line-height:160%;padding:8px;width:100%}.legend{display:flex;flex-direction:column;gap:8px;margin:auto auto 24px;min-width:400px;width:50%}.scale{background:linear-gradient(45deg,#3f1151,#432974,#404a85,#3f668a,#43808c,#4c9c8a,#5fb57e,#85cb68,#bddd51,#f9e855);height:10px;transform:rotate(180deg)}.legend-text{align-items:center;color:var(--dark);display:flex;font-size:12px;font-weight:400;justify-content:space-between;line-height:160%}.map_placeholder{position:absolute;z-index:1}.back_button{background-color:#fff;border:1px solid var(--light);border-radius:4px;box-shadow:var(--medium-shadow);color:var(--dark);cursor:pointer;font-size:14px;font-weight:400;left:24px;line-height:160%;padding:8px 12px;position:absolute;top:24px;z-index:97}.blue{color:var(--primary)}
|
|
1141
1142
|
</style>
|
|
@@ -208,5 +208,5 @@ export default defineComponent({
|
|
|
208
208
|
|
|
209
209
|
<!-- Custom navbar -->
|
|
210
210
|
<style scoped>
|
|
211
|
-
.rcd_scroll_icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(100% - 8px);padding:4px 12px;position:absolute;top:0;z-index:2}.scroll_left{border-right:1px solid var(--demi-fond);box-shadow:4px 0 10px rgba(62,63,94,.04);left:0}.scroll_right{border-left:1px solid var(--demi-fond);box-shadow:-4px 0 10px rgba(62,63,94,.04);right:0}.tabs_overflow{padding:0 40px!important}.rcd_tabs{background-color:var(--white);border-radius:8px;margin-bottom:30px;padding:0 24px;position:relative;white-space:nowrap;width:auto}.rcd_tabs_overlay{align-items:center;display:flex;flex-direction:row;gap:32px;overflow-x:scroll;position:relative;scrollbar-width:none}.rcd_tabs_overlay::-webkit-scrollbar{display:none!important}.rcd_one_tab_container{display:inline-block;padding:16px 0}.rcd_one_tab{align-items:center;background-color:transparent;border:none;color:var(--medium);display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:4px;list-style:none;overflow-wrap:break-word;padding:0!important;text-align:center;vertical-align:middle;white-space:pre-line}.rcd_one_tab:hover{cursor:pointer}.rcd_one_tab.active,.rcd_one_tab:hover{color:var(--darkest)}.rcd_one_tab_active-selector{background:var(--accent);bottom:0;height:3px;left:0;list-style:none;overflow-x:hidden;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.rcd_tabs_separator{border-left:1px solid var(--medium);display:initial;height:20px}.rcd_tabs_left-caret{left:0}.rcd_tabs_left-caret,.rcd_tabs_right-caret{align-items:center;color:var(--medium)!important;cursor:pointer;height:20px;padding:4px 12px;position:absolute;top:18.5px;width:36px}.rcd_tabs_right-caret{right:0}
|
|
211
|
+
.rcd_scroll_icon{align-items:center;cursor:pointer;display:flex;flex-direction:row;height:calc(100% - 8px);padding:4px 12px;position:absolute;top:0;z-index:2}.scroll_left{border-right:1px solid var(--demi-fond);box-shadow:4px 0 10px rgba(62,63,94,.04);left:0}.scroll_right{border-left:1px solid var(--demi-fond);box-shadow:-4px 0 10px rgba(62,63,94,.04);right:0}.tabs_overflow{padding:0 40px!important}.rcd_tabs{background-color:var(--white);border:1px solid var(--light);border-radius:8px;box-shadow:var(--small-shadow);margin-bottom:30px;padding:0 24px;position:relative;white-space:nowrap;width:auto}.rcd_tabs_overlay{align-items:center;display:flex;flex-direction:row;gap:32px;overflow-x:scroll;position:relative;scrollbar-width:none}.rcd_tabs_overlay::-webkit-scrollbar{display:none!important}.rcd_one_tab_container{display:inline-block;padding:16px 0}.rcd_one_tab{align-items:center;background-color:transparent;border:none;color:var(--medium);display:flex;flex-direction:row;font-size:12px;font-style:normal;font-weight:700;gap:4px;list-style:none;overflow-wrap:break-word;padding:0!important;text-align:center;vertical-align:middle;white-space:pre-line}.rcd_one_tab:hover{cursor:pointer}.rcd_one_tab.active,.rcd_one_tab:hover{color:var(--darkest)}.rcd_one_tab_active-selector{background:var(--accent);bottom:0;height:3px;left:0;list-style:none;overflow-x:hidden;position:absolute;transition:transform .3s cubic-bezier(.645,.045,.355,1);z-index:0}.rcd_tabs_separator{border-left:1px solid var(--medium);display:initial;height:20px}.rcd_tabs_left-caret{left:0}.rcd_tabs_left-caret,.rcd_tabs_right-caret{align-items:center;color:var(--medium)!important;cursor:pointer;height:20px;padding:4px 12px;position:absolute;top:18.5px;width:36px}.rcd_tabs_right-caret{right:0}
|
|
212
212
|
</style>
|
|
@@ -23,5 +23,5 @@ const drawSquircle=(ctx,geom,radii,smooth,lineWidth,color)=>{const defaultFill=c
|
|
|
23
23
|
});
|
|
24
24
|
</script>
|
|
25
25
|
<style>
|
|
26
|
-
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--white:#fff;--darkest:#1e293b;--dark:#525670;--medium:#878ca6;--light:#dbdef0;--primary:#2176ff;--primary-hover:#174bd2;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--system-success-hover:#138e40;--red:#fc4229;--orange:#fda929;--yellow:#fed33e;--lime:#98d92d;--green:#45ca47;--cyan:#3ad9d8;--blue:#1dacfc;--navy:#4475fb;--purple:#a17def;--pink:#f55a8d;--lightest:#f5f5f9;--demi-fond:#f9f9fa;--small-shadow:0px 1px 2px 0px rgba(30,41,59,.1);--medium-shadow:0px 2px 4px 0px rgba(30,41,59,.1);--large-shadow:0px 6px 8px 0px rgba(30,41,59,.1);--overlay-shadow:0px 0px 40px rgba(94,92,154,.12);--button-big-shadow:3px 5px 10px rgba(62,63,94,.2);--primary-button-shadow:0px 2px 5px 0px rgba(20,88,201,.17);--secondary-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--warning-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--system-success-button-shadow:0px 2px 5px 0px rgba(0,255,34,.17);--purple-button-shadow:0px 2px 5px 0px rgba(147,33,253,.17);--rcd-purple:#6f35ef}body,input{font-family:Figtree,sans-serif!important}body{background:var(--lightest);color:var(--darkest);margin:0;text-wrap:pretty}a{color:unset;font-family:Figtree,sans-serif!important;text-decoration:none}hr{background:var(--light)!important;border:none;box-shadow:none;height:1px;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,h1,h2,h3,h4,h5,h6,p{font-family:Figtree,sans-serif!important}.oip_container{margin:0 auto;max-width:1080px;padding-right:58px}.main_container{display:flex;justify-content:center}.arg_page_layout{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_full{width:100%}.arg_page_flex_full{flex-basis:100%}.arg_page_content,.arg_page_display{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_content{padding:0 24px}.arg_scope_page_content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;width:100%}.oip_filter_display,.oip_title_display{display:flex;flex-direction:column;gap:4px}.oip_kpi_big{font-size:36px;font-weight:700;line-height:42px}.oip_kpi_big,.oip_section_title{color:var(--darkest);font-style:normal}.oip_section_title{font-size:26px;font-weight:900;line-height:30px}.oip_title{font-size:24px;line-height:28px}.oip_kpi_small,.oip_title{color:var(--darkest);font-style:normal;font-weight:700}.oip_kpi_small{font-size:22px;line-height:26px}.oip_heading{font-size:20px;font-weight:900;line-height:23px}.oip_heading,.oip_subtitle{color:var(--darkest);font-style:normal}.oip_subtitle{font-size:16px;font-weight:700;line-height:19px}.oip_body_highlight{color:var(--primary);font-weight:500}.oip_body,.oip_body_highlight{font-size:14px;font-style:normal;line-height:160%}.oip_body{color:var(--darkest);font-weight:400}.oip_label{font-style:normal;font-weight:700}.oip_filter_label,.oip_label{color:var(--dark);font-size:12px;line-height:14px}.oip_filter_label{font-weight:400}.oip_title_label{color:var(--medium);line-height:normal}.oip_caption,.oip_title_label{font-size:12px;font-style:normal;font-weight:500}.oip_caption{color:var(--dark);line-height:14px}.oip_underline{font-size:12px;font-weight:400;line-height:14px}.oip_filters_title,.oip_underline{color:var(--darkest);font-style:normal}.oip_filters_title{font-size:20px;font-weight:900;line-height:normal}.oip_success{color:var(--system-success)!important}.oip_alert{color:var(--system-alert)!important}.oip_warning{color:var(--warning)!important}.oip_grid{display:flex;flex-wrap:wrap}.oip_grid.xs-step{gap:4px}.oip_grid.s-step{gap:8px}.oip_grid.m-step{gap:16px}.oip_grid.l-step{gap:36px}.oip_grid.xl-step{gap:72px}.oip_grid .oip_item{flex-grow:1}.oip_row{display:flex;flex-direction:row}.arg_list,.oip_list{display:flex;flex-direction:column}.arg_list.wrap,.oip_list.wrap,.oip_row.wrap{flex-wrap:wrap}.arg_list.centered,.oip_list.centered,.oip_row.centered{justify-content:center}.arg_list.start,.oip_list.start,.oip_row.start{justify-content:flex-start}.arg_list.end,.oip_list.end,.oip_row.end{justify-content:flex-end}.arg_list.space-between,.oip_list.space-between,.oip_row.space-between{justify-content:space-between}.arg_list.start,.oip_list.start,.oip_row.v-start{align-items:flex-start}.arg_list.v-center,.oip_list.v-center,.oip_row.v-center{align-items:center}.arg_list.v-bottom,.oip_list.v-bottom,.oip_row.v-bottom{align-items:flex-end}.arg_list.gap-4,.oip_list.gap-4,.oip_row.gap-4{gap:4px}.arg_list.gap-6,.oip_list.gap-6,.oip_row.gap-6{gap:6px}.arg_list.gap-8,.oip_list.gap-8,.oip_row.gap-8{gap:8px}.arg_list.gap-10,.oip_list.gap-10,.oip_row.gap-10{gap:10px}.arg_list.gap-12,.oip_list.gap-12,.oip_row.gap-12{gap:12px}.arg_list.gap-16,.oip_list.gap-16,.oip_row.gap-16{gap:16px}.arg_list.gap-24,.oip_list.gap-24,.oip_row.gap-24{gap:24px}.arg_list.gap-32,.arg_list.gap-48,.oip_list.gap-32,.oip_list.gap-48,.oip_row.gap-32,.oip_row.gap-48{gap:32px}.oip_btn{align-items:center;border-radius:8px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-style:normal!important;font-weight:400!important;gap:10px;justify-content:center;line-height:16px!important;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);outline:none!important;padding:0 16px!important;position:relative;text-align:center;white-space:nowrap;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1;align-self:stretch;min-height:100%}.oip_primary-fill_button{--squircle-radius:8px!important;--squircle-smooth:0.6!important}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)}.oip_secondary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--secondary-button-shadow)!important}.oip_warning-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--warning-button-shadow)!important}.oip_success-fill_shadow{border-radius:8px;box-shadow:var(--system-success-button-shadow)!important}.oip_purple-fill_shadow{border-radius:8px;box-shadow:var(--purple-button-shadow)!important}.oip_primary-fill_shadow:hover,.oip_secondary-fill_shadow:hover,.oip_success-fill_shadow:hover,.oip_warning-fill_shadow:hover{box-shadow:none!important}.oip_btn_s{display:flex;min-height:32px}.oip_btn_m{display:flex;min-height:40px}.oip_full_btn{align-self:stretch!important;flex:1 1 0}.oip_round_btn{border-radius:16px!important}.oip_primary-fill_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_primary-fill_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_button:focus,.oip_primary-fill_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_primary-fill_button.is-disabled,.oip_primary-fill_button.is-disabled:focus,.oip_primary-fill_button.is-disabled:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important}.oip_primary-fill_icon_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_primary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_icon_button:focus,.oip_primary-fill_icon_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_secondary-fill_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_secondary-fill_button:focus,.oip_secondary-fill_button:hover,.oip_secondary-fill_icon_button:focus,.oip_secondary-fill_icon_button:hover{background:linear-gradient(180deg,#040508,#070709);border:1px solid #21223d!important;box-shadow:0 2px 5px 0 rgba(36,40,46,.17),inset 0 2px .3px 0 rgba(34,34,35,.22)}.oip_secondary-fill_button .oip_button_spinner div,.oip_secondary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_secondary-fill_icon_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_disable_button,.oip_disable_button:focus,.oip_disable_button:hover,.oip_disable_icon_button,.oip_disable_icon_button:focus,.oip_disable_icon_button:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important;cursor:not-allowed!important}.oip_disable_button svg{color:var(--medium)!important}.el-button+.el-button{margin-left:0!important}.oip_secondary-stroke_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important}.oip_secondary-stroke_button:focus,.oip_secondary-stroke_button:hover,.oip_secondary-stroke_icon_button:focus,.oip_secondary-stroke_icon_button:hover{background:rgba(62,63,94,.05)!important;border:1px solid #000!important;color:#21223d!important}.oip_secondary-stroke_button:focus .oip__button_prefix_icon,.oip_secondary-stroke_button:focus .oip__button_suffix_icon,.oip_secondary-stroke_button:hover .oip__button_prefix_icon,.oip_secondary-stroke_button:hover .oip__button_suffix_icon{stroke:var(--darkest)!important;color:var(--darkest)!important}.oip_secondary-stroke_button .oip_button_spinner div,.oip_secondary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_secondary-stroke_icon_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important;padding:0 6px!important}.oip_secondary-stroke_icon_button:focus svg,.oip_secondary-stroke_icon_button:hover svg,.oip_secondary-stroke_icon_buttonn:focus svg{stroke:#21223d!important;color:#21223d!important}.oip_primary-stroke_button{background:transparent!important;border:1px solid var(--primary)!important;box-shadow:none!important;color:var(--primary)!important}.oip_primary-stroke_button:focus,.oip_primary-stroke_button:hover,.oip_primary-stroke_icon_button:focus,.oip_primary-stroke_icon_button:hover{border:1px solid var(--primary-hover)!important;color:var(--primary-hover)!important}.oip_primary-stroke_button .oip_button_spinner div,.oip_primary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_primary-stroke_icon_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important;padding:0 6px!important}.oip_warning-stroke_button{background:transparent!important;border:1px solid var(--system-alert);box-shadow:none!important;color:var(--system-alert)!important}.oip_warning-stroke_button:focus,.oip_warning-stroke_button:hover,.oip_warning-stroke_icon_button:focus,.oip_warning-stroke_icon_button:hover{border:1px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_button .oip_button_spinner div,.oip_warning-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_warning-stroke_button:hover .oip_button_spinner div,.oip_warning-stroke_icon_button:hover .oip_button_spinner div{border:1px solid var(--system-alert-hover);border-color:var(--system-alert-hover) transparent transparent transparent}.oip_warning-stroke_button:focus .oip__button_prefix_icon,.oip_warning-stroke_button:focus .oip__button_suffix_icon,.oip_warning-stroke_button:hover .oip__button_prefix_icon,.oip_warning-stroke_button:hover .oip__button_suffix_icon{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button{background:transparent!important;border:1px solid var(--system-alert)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button:hover svg{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-fill_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_warning-fill_button:focus,.oip_warning-fill_button:hover,.oip_warning-fill_icon_button:focus,.oip_warning-fill_icon_button:hover{background:linear-gradient(180deg,#d21616,#d12b2b);border:1px solid var(--system-alert-hover)!important;box-shadow:0 2px 5px 0 rgba(166,14,14,.17),inset 0 2px .3px 0 rgba(120,9,9,.22)}.oip_warning-fill_button .oip_button_spinner div,.oip_warning-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_warning-fill_icon_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_success-fill_button:focus,.oip_success-fill_button:hover,.oip_success-fill_icon_button:focus,.oip_success-fill_icon_button:hover{background:linear-gradient(180deg,#069a3d,#179947);border:1px solid #069a3d!important;box-shadow:0 2px 5px 0 rgba(14,166,14,.17),inset 0 2px .3px 0 rgba(9,120,16,.22)}.oip_success-fill_button .oip_button_spinner div,.oip_success-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_success-fill_icon_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:1px solid var(--green)!important;color:var(--system-success)!important}.oip_success-stroke_button:focus,.oip_success-stroke_button:hover,.oip_success-stroke_icon_button:focus,.oip_success-stroke_icon_button:hover{border:1px solid #069a3d!important;color:#069a3d!important}.oip_success-stroke_button .oip_button_spinner div,.oip_success-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_success-stroke_icon_button{border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important;padding:0 6px!important}.oip_purple-stroke_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important}.oip_purple-stroke_button:focus,.oip_purple-stroke_button:hover,.oip_purple-stroke_icon_button:focus,.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_button .oip_button_spinner div,.oip_purple-stroke_icon_button .oip_button_spinner div{border:2px solid transparent;border-top-color:#a855f7}.oip_purple-stroke_button:hover .oip_button_spinner div,.oip_purple-stroke_icon_button:hover .oip_button_spinner div{border:1px solid transparent;border-top-color:#780fda}.oip_purple-stroke_button:focus .oip__button_prefix_icon,.oip_purple-stroke_button:focus .oip__button_suffix_icon,.oip_purple-stroke_button:hover .oip__button_prefix_icon,.oip_purple-stroke_button:hover .oip__button_suffix_icon{stroke:#780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important;padding:0 6px!important}.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button:hover svg{stroke:#780fda!important;color:#780fda!important}.oip_purple-fill_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_purple-fill_button:focus,.oip_purple-fill_button:hover,.oip_purple-fill_icon_button:focus,.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)}.oip_purple-fill_button .oip_button_spinner div,.oip_purple-fill_button:hover .oip_button_spinner div,.oip_purple-fill_icon_button .oip_button_spinner div,.oip_purple-fill_icon_button:hover .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_purple-fill_button:focus .oip__button_prefix_icon,.oip_purple-fill_button:focus .oip__button_suffix_icon,.oip_purple-fill_button:hover .oip__button_prefix_icon,.oip_purple-fill_button:hover .oip__button_suffix_icon{stroke:var(--white)!important;color:var(--white)!important}.oip_purple-fill_icon_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22)!important}.oip_purple-fill_icon_button:hover svg{stroke:var(--white)!important;color:var(--white)!important}.oip_button_flex{flex-direction:row;gap:10px;text-wrap:pretty}.oip_button_flex,.oip_button_loading{align-items:center;display:flex;justify-content:center}.oip_button_loading{left:0;position:absolute;right:0}.oip_button_spinner{display:inline-block;height:20px;position:relative;width:20px}.oip_button_spinner div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.oip_button_spinner div:first-child{animation-delay:-.45s}.oip_button_spinner div:nth-child(2){animation-delay:-.3s}.oip_button_spinner div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oip_button_is_loading{visibility:hidden}.oip_tag{align-items:center;border-radius:4px;color:var(--dark);display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:500;gap:8px;line-height:normal;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:4px 8px;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1}.oip_tag.is_transparent{background:transparent;border:1px solid var(--light)!important}.oip_tag.is_rose{background:rgba(244,63,94,.1)!important;color:#9f1239}.oip_tag.is_pink{background:rgba(236,72,153,.1)!important;color:#9d174d}.oip_tag.is_fushia{background:rgba(217,70,239,.1)!important;color:#86198f}.oip_tag.is_purple{background:rgba(168,85,247,.1)!important;color:#6b21a8}.oip_tag.is_violet{background:rgba(139,92,246,.1)!important;color:#5b21b6}.oip_tag.is_indigo{background:rgba(99,102,241,.1)!important;color:#3730a3}.oip_tag.is_blue{background:rgba(59,130,246,.1)!important;color:#1e40af}.oip_tag.is_sky{background:rgba(14,165,233,.1)!important;color:#075985}.oip_tag.is_cyan{background:rgba(6,182,212,.1)!important;color:#155e75}.oip_tag.is_teal{background:rgba(20,184,166,.1)!important;color:#115e59}.oip_tag.is_emerald{background:rgba(16,185,129,.1)!important;color:#065f46}.oip_tag.is_green{background:rgba(34,197,94,.1)!important;color:#166534}.oip_tag.is_lime{background:rgba(132,204,22,.1)!important;color:#3f6212}.oip_tag.is_yellow{background:rgba(234,179,8,.1)!important;color:#854d0e}.oip_tag.is_amber{background:rgba(245,158,11,.1)!important;color:#92400e}.oip_tag.is_orange{background:rgba(249,115,22,.1)!important;color:#9a3412}.oip_pill{align-items:center;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:600;gap:8px;line-height:normal;padding:4px 8px;width:-moz-fit-content;width:fit-content}.oip_pill.is_gray{background:var(--lightest);border:1px solid var(--light);color:var(--darkest)}.oip_pill.is_gray.active,.oip_pill.is_gray:hover{border:1px solid var(--primary)!important}.oip_pill.is_gray.active{background:rgba(33,118,255,.1)!important}.oip_pill.is_rose{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);color:#9f1239}.oip_pill.is_rose.active,.oip_pill.is_rose:hover{border:1px solid #f43f5e!important}.oip_pill.is_pink{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#9d174d}.oip_pill.is_pink.active,.oip_pill.is_pink:hover{border:1px solid #ec4899!important}.oip_pill.is_fushia{background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.3);color:#86198f}.oip_pill.is_fushia.active,.oip_pill.is_fushia:hover{border:1px solid #d946ef!important}.oip_pill.is_purple{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#6b21a8}.oip_pill.is_purple.active,.oip_pill.is_purple:hover{border:1px solid #a855f7!important}.oip_pill.is_violet{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#5b21b6}.oip_pill.is_violet.active,.oip_pill.is_violet:hover{border:1px solid #8b5cf6!important}.oip_pill.is_indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#3730a3}.oip_pill.is_indigo.active,.oip_pill.is_indigo:hover{border:1px solid #6366f1!important}.oip_pill.is_blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#1e40af}.oip_pill.is_blue.active,.oip_pill.is_blue:hover{border:1px solid #3b82f6!important}.oip_pill.is_sky{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#075985}.oip_pill.is_sky.active,.oip_pill.is_sky:hover{border:1px solid #0ea5e9!important}.oip_pill.is_cyan{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);color:#155e75}.oip_pill.is_cyan.active,.oip_pill.is_cyan:hover{border:1px solid #06b6d4!important}.oip_pill.is_teal{background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);color:#115e59}.oip_pill.is_teal.active,.oip_pill.is_teal:hover{border:1px solid #14b8a6!important}.oip_pill.is_emerald{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#065f46}.oip_pill.is_emerald.active,.oip_pill.is_emerald:hover{border:1px solid #10b981!important}.oip_pill.is_green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534}.oip_pill.is_green.active,.oip_pill.is_green:hover{border:1px solid #22c55e!important}.oip_pill.is_lime{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#3f6212}.oip_pill.is_lime.active,.oip_pill.is_lime:hover{border:1px solid #84cc16!important}.oip_pill.is_yellow{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);color:#854d0e}.oip_pill.is_yellow.active,.oip_pill.is_yellow:hover{border:1px solid #eab308!important}.oip_pill.is_amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.oip_pill.is_amber.active,.oip_pill.is_amber:hover{border:1px solid #f59e0b!important}.oip_pill.is_orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:#9a3412}.oip_pill.is_orange.active,.oip_pill.is_orange:hover{border:1px solid #f97316!important}.oip_tag.is_gray{background:rgba(143,145,172,.1)!important;color:var(--darkest)!important}.oip_tag.is_gray svg{stroke:var(--dark);color:var(--dark)}.oip_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px}.oip_card.action:hover,.oip_table_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.oip_table_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px 0 0}.oip_half_card{flex:1 1 50%}.oip_third_card{flex:1 1 33%}.oip_table_card .oip_card__header{padding:0 24px}.oip_card .oip_card__header{display:flex}.oip_card .oip_card__header .oip_card__header_info{flex-grow:1}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title{align-items:baseline;display:flex}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1{flex-grow:0}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 span{color:var(--accent)}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub{align-items:center;color:var(--dark)!important;display:flex;flex-wrap:wrap;margin-top:4px}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p{color:var(--dark)!important}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub .oip_card__header_sub_divider{color:var(--dark)!important;margin:0 4px}.oip_card .oip_card__header .oip_card__header_buttons{display:flex;column-li:8px}@media screen and (max-width:1000px){.oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_see_details_button{display:none}}@media screen and (min-width:1001px){.oip_card .oip_card__header .oip_card__header_buttons .oip_small_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_small_see_details_button{display:none}}.oip_card .oip_card__description{margin-top:32px}.oip_card .oip_card__kpi_container{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.oip_card .oip_card__kpi_container .oip_card__kpi_caption{align-items:center;display:flex}.oip_card .oip_card__kpi_container .oip_card__kpi_caption svg{vertical-align:initial!important}.oip_card .oip_card__kpi_container .oip_card__kpi_caption .oip_card__kpi_caption_icon:first-child,.oip_card .oip_card__kpi_container .oip_card__kpi_caption h3{margin-right:4px}.oip_card__kpi .oip_underline{color:var(--dark)!important}.oip_card__kpi .oip_label{color:var(--darkest)!important}.oip_card .oip_card__kpi_container .oip_card__kpi_stats{display:flex;margin-top:16px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator{border-radius:50%;box-sizing:content-box;height:24px;margin-right:8px;padding:4px;text-align:center;width:24px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_up{background:rgba(50,209,117,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_down{background:rgba(251,70,84,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up{color:var(--system-success)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down{color:var(--system-alert)}.oip_card .oip_card__kpi_divider{background:var(--light);width:1px}.oip_card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.arg_tuto_content{gap:24px;height:100%}.arg_tuto_content,.oip_select_display{align-items:flex-start;display:flex;flex-direction:column}.oip_select_display{gap:4px}.arg_page{height:100%;width:100%}.arg_home_page{gap:40px}.arg_home_page,.toolbar_tab_container{align-items:flex-start;display:flex;flex-direction:column}.toolbar_tab_container{gap:24px}.toolbar_sources_display{gap:var(--s,8px)}.source_descr_display,.toolbar_sources_display{align-items:flex-start;display:flex;flex-direction:column}.source_descr_display{gap:16px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series{align-items:center;border:var(--None,1px) solid var(--Main-Light,#dbdef0);border-radius:7px;display:flex;gap:8px;padding:2px 8px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom{bottom:-8px!important}.oip_column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1}.oip_column.narrow{flex:none;width:unset}.oip_column.is-1{flex:none;width:8.33333%}.oip_column.is-2{flex:none;width:16.66667%}.oip_column.is-3{flex:none;width:25%}.oip_column.is-4{flex:none;width:33.33333%}.oip_column.is-5{flex:none;width:41.66667%}.oip_column.is-6{flex:none;width:50%}.oip_column.is-7{flex:none;width:58.33333%}.oip_column.is-8{flex:none;width:66.66667%}.oip_column.is-9{flex:none;width:75%}.oip_column.is-10{flex:none;width:83.33333%}.oip_column.is-11{flex:none;width:91.66667%}.oip_column.is-12{flex:none;width:100%}mark{background:#ffaeff}
|
|
26
|
+
@import url("https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--white:#fff;--darkest:#1e293b;--dark:#525670;--medium:#878ca6;--light:#dbdef0;--primary:#2176ff;--primary-hover:#174bd2;--primary-light:#d3e4ff;--accent:#2176ff;--accent-hover:#0f44be;--system-alert:#ef4444;--system-alert-hover:#d21616;--warning:#fd9147;--system-success:#22c55e;--system-success-hover:#138e40;--red:#fc4229;--orange:#fda929;--yellow:#fed33e;--lime:#98d92d;--green:#45ca47;--cyan:#3ad9d8;--blue:#1dacfc;--navy:#4475fb;--purple:#a17def;--pink:#f55a8d;--lightest:#f5f5f9;--demi-fond:#f9f9fa;--small-shadow:0px 1px 2px 0px rgba(30,41,59,.1);--medium-shadow:0px 2px 4px 0px rgba(30,41,59,.1);--large-shadow:0px 6px 8px 0px rgba(30,41,59,.1);--overlay-shadow:0px 0px 40px rgba(94,92,154,.12);--button-big-shadow:3px 5px 10px rgba(62,63,94,.2);--primary-button-shadow:0px 2px 5px 0px rgba(20,88,201,.17);--secondary-button-shadow:0px 1px 3px 0px rgba(30,41,59,.12);--warning-button-shadow:0px 2px 5px 0px rgba(0,0,0,.17);--system-success-button-shadow:0px 2px 5px 0px rgba(0,255,34,.17);--purple-button-shadow:0px 2px 5px 0px rgba(147,33,253,.17);--rcd-purple:#6f35ef}body,input{font-family:Figtree,sans-serif!important}body{background:var(--lightest);color:var(--darkest);margin:0;text-wrap:pretty}a{color:unset;font-family:Figtree,sans-serif!important;text-decoration:none}hr{background:var(--light)!important;border:none;box-shadow:none;height:1px;margin:0}h1,h2,h3,h4,h5,h6,p{margin:0}button,h1,h2,h3,h4,h5,h6,p{font-family:Figtree,sans-serif!important}.oip_container{margin:0 auto;max-width:1080px;padding-right:58px}.main_container{display:flex;justify-content:center}.arg_page_layout{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_full{width:100%}.arg_page_flex_full{flex-basis:100%}.arg_page_content,.arg_page_display{align-items:center;align-self:stretch;display:flex;flex-direction:column;gap:32px}.arg_page_content{padding:0 24px}.arg_scope_page_content{align-items:flex-start;display:flex;flex-direction:column;gap:32px;width:100%}.oip_filter_display,.oip_title_display{display:flex;flex-direction:column;gap:4px}.oip_kpi_big{font-size:36px;font-weight:700;line-height:42px}.oip_kpi_big,.oip_section_title{color:var(--darkest);font-style:normal}.oip_section_title{font-size:26px;font-weight:900;line-height:30px}.oip_title{font-size:24px;line-height:28px}.oip_kpi_small,.oip_title{color:var(--darkest);font-style:normal;font-weight:700}.oip_kpi_small{font-size:22px;line-height:26px}.oip_heading{font-size:20px;font-weight:900;line-height:23px}.oip_heading,.oip_subtitle{color:var(--darkest);font-style:normal}.oip_subtitle{font-size:16px;font-weight:700;line-height:19px}.oip_body_highlight{color:var(--primary);font-weight:500}.oip_body,.oip_body_highlight{font-size:14px;font-style:normal;line-height:160%}.oip_body{color:var(--darkest);font-weight:400}.oip_label{font-style:normal;font-weight:700}.oip_filter_label,.oip_label{color:var(--dark);font-size:12px;line-height:14px}.oip_filter_label{font-weight:400}.oip_title_label{color:var(--medium);line-height:normal}.oip_caption,.oip_title_label{font-size:12px;font-style:normal;font-weight:500}.oip_caption{color:var(--dark);line-height:14px}.oip_underline{font-size:12px;font-weight:400;line-height:14px}.oip_filters_title,.oip_underline{color:var(--darkest);font-style:normal}.oip_filters_title{font-size:20px;font-weight:900;line-height:normal}.oip_success{color:var(--system-success)!important}.oip_alert{color:var(--system-alert)!important}.oip_warning{color:var(--warning)!important}.oip_grid{display:flex;flex-wrap:wrap}.oip_grid.xs-step{gap:4px}.oip_grid.s-step{gap:8px}.oip_grid.m-step{gap:16px}.oip_grid.l-step{gap:36px}.oip_grid.xl-step{gap:72px}.oip_grid .oip_item{flex-grow:1}.oip_row{display:flex;flex-direction:row}.arg_list,.oip_list{display:flex;flex-direction:column}.arg_list.wrap,.oip_list.wrap,.oip_row.wrap{flex-wrap:wrap}.arg_list.centered,.oip_list.centered,.oip_row.centered{justify-content:center}.arg_list.start,.oip_list.start,.oip_row.start{justify-content:flex-start}.arg_list.end,.oip_list.end,.oip_row.end{justify-content:flex-end}.arg_list.space-between,.oip_list.space-between,.oip_row.space-between{justify-content:space-between}.arg_list.start,.oip_list.start,.oip_row.v-start{align-items:flex-start}.arg_list.v-center,.oip_list.v-center,.oip_row.v-center{align-items:center}.arg_list.v-bottom,.oip_list.v-bottom,.oip_row.v-bottom{align-items:flex-end}.arg_list.gap-4,.oip_list.gap-4,.oip_row.gap-4{gap:4px}.arg_list.gap-6,.oip_list.gap-6,.oip_row.gap-6{gap:6px}.arg_list.gap-8,.oip_list.gap-8,.oip_row.gap-8{gap:8px}.arg_list.gap-10,.oip_list.gap-10,.oip_row.gap-10{gap:10px}.arg_list.gap-12,.oip_list.gap-12,.oip_row.gap-12{gap:12px}.arg_list.gap-16,.oip_list.gap-16,.oip_row.gap-16{gap:16px}.arg_list.gap-24,.oip_list.gap-24,.oip_row.gap-24{gap:24px}.arg_list.gap-32,.arg_list.gap-48,.oip_list.gap-32,.oip_list.gap-48,.oip_row.gap-32,.oip_row.gap-48{gap:32px}.oip_btn{align-items:center;border-radius:8px!important;cursor:pointer!important;display:flex;font-size:14px!important;font-style:normal!important;font-weight:400!important;gap:10px;justify-content:center;line-height:16px!important;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);outline:none!important;padding:0 16px!important;position:relative;text-align:center;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1;align-self:stretch;min-height:100%;white-space:nowrap}.oip_primary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--primary-button-shadow)!important}.oip_secondary-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--secondary-button-shadow)!important}.oip_warning-fill_shadow{background:transparent;border-radius:8px;box-shadow:var(--warning-button-shadow)!important}.oip_success-fill_shadow{border-radius:8px;box-shadow:var(--system-success-button-shadow)!important}.oip_purple-fill_shadow{border-radius:8px;box-shadow:var(--purple-button-shadow)!important}.oip_primary-fill_shadow:hover,.oip_secondary-fill_shadow:hover,.oip_success-fill_shadow:hover,.oip_warning-fill_shadow:hover{box-shadow:none!important}.oip_btn_s{display:flex;min-height:32px}.oip_btn_m{display:flex;min-height:40px}.oip_full_btn{align-self:stretch!important;flex:1 1 0}.oip_round_btn{border-radius:16px!important}.oip_primary-transparent_button,.oip_primary-transparent_icon_button{color:var(--primary)!important;text-decoration:underline}.oip_primary-transparent_button:hover,.oip_primary-transparent_icon_button:hover{background:rgba(23,75,210,.04)!important;color:var(--primary-hover)!important}.oip_primary-transparent_button:hover svg,.oip_primary-transparent_icon_button:hover svg{color:var(--primary-hover)!important}.oip_primary-transparent_button .oip_button_spinner div,.oip_primary-transparent_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_warning-transparent_button,.oip_warning-transparent_icon_button{color:var(--system-alert)!important;text-decoration:underline}.oip_warning-transparent_button:hover,.oip_warning-transparent_icon_button:hover{background:rgba(210,22,22,.04)!important;color:var(--system-alert-hover)!important}.oip_warning-transparent_button:hover svg,.oip_warning-transparent_icon_button:hover svg{color:var(--system-alert-hover)!important}.oip_warning-transparent_button .oip_button_spinner div,.oip_warning-transparent_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_secondary-transparent_button,.oip_secondary-transparent_icon_button{color:var(--darkest)!important;text-decoration:underline}.oip_secondary-transparent_button:hover,.oip_secondary-transparent_icon_button:hover{background:rgba(219,222,240,.3)!important;color:var(--darkest)!important}.oip_secondary-transparent_button:hover svg,.oip_secondary-transparent_icon_button:hover svg{color:var(--darkest)!important}.oip_secondary-transparent_button .oip_button_spinner div,.oip_secondary-transparent_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_success-transparent_button,.oip_success-transparent_icon_button{color:var(--system-success)!important;text-decoration:underline}.oip_success-transparent_button:hover,.oip_success-transparent_icon_button:hover{background:rgba(19,142,64,.04)!important;color:var(--system-success-hover)!important}.oip_success-transparent_button:hover svg,.oip_success-transparent_icon_button:hover svg{color:var(--system-success-hover)!important}.oip_success-transparent_button .oip_button_spinner div,.oip_success-transparent_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_purple-transparent_button,.oip_purple-transparent_icon_button{color:#a855f7!important;text-decoration:underline}.oip_purple-transparent_button:hover,.oip_purple-transparent_icon_button:hover{background:rgba(120,15,218,.04)!important;color:#780fda!important}.oip_purple-transparent_button:hover svg,.oip_purple-transparent_icon_button:hover svg{color:#780fda!important}.oip_purple-transparent_button .oip_button_spinner div,.oip_purple-transparent_icon_button .oip_button_spinner div{border:2px solid transparent;border-top-color:#a855f7}.oip_primary-fill_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_primary-fill_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_button:focus,.oip_primary-fill_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_primary-fill_button.is-disabled,.oip_primary-fill_button.is-disabled:focus,.oip_primary-fill_button.is-disabled:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important}.oip_primary-fill_icon_button{background:linear-gradient(180deg,#2176ff,#2174fd 100%,#213bfd 0);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 -2px .3px 0 rgba(14,56,125,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_primary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_primary-fill_icon_button:focus,.oip_primary-fill_icon_button:hover{background:linear-gradient(180deg,#174bd2,#1b5ac2);border:1px solid #174bd2;box-shadow:0 2px 5px 0 rgba(20,88,201,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)!important}.oip_secondary-fill_button{background:var(--white)!important;border:1px solid var(--light);box-shadow:0 1px 3px 0 rgba(30,41,59,.12),inset 0 -1px 3px 0 rgba(30,41,59,.12),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--darkest)!important}.oip_secondary-fill_button:focus,.oip_secondary-fill_button:hover,.oip_secondary-fill_icon_button:focus,.oip_secondary-fill_icon_button:hover{box-shadow:inset 0 -2px 1px 0 hsla(0,0%,100%,.22),inset 0 2px 2px 0 rgba(30,41,59,.12)}.oip_secondary-fill_button .oip_button_spinner div,.oip_secondary-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_secondary-fill_icon_button{background:linear-gradient(180deg,#1e293b,#181f2c 100%,#0a0e14 0);border:1px solid #1e293b;box-shadow:0 2px 5px 0 rgba(0,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_disable_button,.oip_disable_button:focus,.oip_disable_button:hover,.oip_disable_icon_button,.oip_disable_icon_button:focus,.oip_disable_icon_button:hover{background:var(--light)!important;border:2px solid var(--light)!important;box-shadow:none!important;color:var(--medium)!important;cursor:not-allowed!important}.oip_disable_button svg{color:var(--medium)!important}.el-button+.el-button{margin-left:0!important}.oip_secondary-stroke_button{background:transparent!important;border:1px solid var(--light)!important;box-shadow:none!important;color:var(--darkest)!important}.oip_secondary-stroke_button:focus,.oip_secondary-stroke_button:hover,.oip_secondary-stroke_icon_button:focus,.oip_secondary-stroke_icon_button:hover{background:rgba(219,222,240,.3)!important}.oip_secondary-stroke_button:focus .oip__button_prefix_icon,.oip_secondary-stroke_button:focus .oip__button_suffix_icon,.oip_secondary-stroke_button:hover .oip__button_prefix_icon,.oip_secondary-stroke_button:hover .oip__button_suffix_icon{stroke:var(--darkest)!important;color:var(--darkest)!important}.oip_secondary-stroke_button .oip_button_spinner div,.oip_secondary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--darkest);border-color:var(--darkest) transparent transparent transparent}.oip_secondary-stroke_icon_button{background:transparent!important;border:1px solid #1e293b!important;box-shadow:none!important;color:var(--darkest)!important;padding:0 6px!important}.oip_secondary-stroke_icon_button:focus svg,.oip_secondary-stroke_icon_button:hover svg,.oip_secondary-stroke_icon_buttonn:focus svg{stroke:#21223d!important;color:#21223d!important}.oip_primary-stroke_button{background:transparent!important;border:1px solid var(--primary)!important;box-shadow:none!important;color:var(--primary)!important}.oip_primary-stroke_button:focus,.oip_primary-stroke_button:hover,.oip_primary-stroke_icon_button:focus,.oip_primary-stroke_icon_button:hover{border:1px solid var(--primary-hover)!important;color:var(--primary-hover)!important}.oip_primary-stroke_button .oip_button_spinner div,.oip_primary-stroke_icon_button .oip_button_spinner div{border:2px solid var(--primary);border-color:var(--primary) transparent transparent transparent}.oip_primary-stroke_icon_button{background:transparent!important;border:2px solid rgba(33,118,255,.2)!important;box-shadow:none!important;color:var(--primary)!important;padding:0 6px!important}.oip_warning-stroke_button{background:transparent!important;border:1px solid var(--system-alert);box-shadow:none!important;color:var(--system-alert)!important}.oip_warning-stroke_button:focus,.oip_warning-stroke_button:hover,.oip_warning-stroke_icon_button:focus,.oip_warning-stroke_icon_button:hover{border:1px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_button .oip_button_spinner div,.oip_warning-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-alert);border-color:var(--system-alert) transparent transparent transparent}.oip_warning-stroke_button:hover .oip_button_spinner div,.oip_warning-stroke_icon_button:hover .oip_button_spinner div{border:1px solid var(--system-alert-hover);border-color:var(--system-alert-hover) transparent transparent transparent}.oip_warning-stroke_button:focus .oip__button_prefix_icon,.oip_warning-stroke_button:focus .oip__button_suffix_icon,.oip_warning-stroke_button:hover .oip__button_prefix_icon,.oip_warning-stroke_button:hover .oip__button_suffix_icon{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button{background:transparent!important;border:1px solid var(--system-alert)!important;box-shadow:none!important;color:var(--system-alert)!important;padding:0 6px!important}.oip_warning-stroke_icon_button:hover{border:2px solid var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-stroke_icon_button:hover svg{stroke:var(--system-alert-hover)!important;color:var(--system-alert-hover)!important}.oip_warning-fill_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_warning-fill_button:focus,.oip_warning-fill_button:hover,.oip_warning-fill_icon_button:focus,.oip_warning-fill_icon_button:hover{background:linear-gradient(180deg,#d21616,#d12b2b);border:1px solid var(--system-alert-hover)!important;box-shadow:0 2px 5px 0 rgba(166,14,14,.17),inset 0 2px .3px 0 rgba(120,9,9,.22)}.oip_warning-fill_button .oip_button_spinner div,.oip_warning-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_warning-fill_icon_button{background:linear-gradient(180deg,#ef4444,#ec3535 100%,#ee2626 0);border:1px solid #ef4444;box-shadow:0 2px 5px 0 rgba(255,0,0,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-fill_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_success-fill_button:focus,.oip_success-fill_button:hover,.oip_success-fill_icon_button:focus,.oip_success-fill_icon_button:hover{background:linear-gradient(180deg,#069a3d,#179947);border:1px solid #069a3d!important;box-shadow:0 2px 5px 0 rgba(14,166,14,.17),inset 0 2px .3px 0 rgba(9,120,16,.22)}.oip_success-fill_button .oip_button_spinner div,.oip_success-fill_icon_button .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_success-fill_icon_button{background:linear-gradient(180deg,#45ca47,#32c834 100%,#1acb1d 0);border:1px solid #45ca47;box-shadow:0 2px 5px 0 rgba(0,255,34,.17),inset 0 -2px .3px 0 rgba(69,72,78,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_success-stroke_button{background:transparent!important;border:1px solid var(--green)!important;color:var(--system-success)!important}.oip_success-stroke_button:focus,.oip_success-stroke_button:hover,.oip_success-stroke_icon_button:focus,.oip_success-stroke_icon_button:hover{border:1px solid #069a3d!important;color:#069a3d!important}.oip_success-stroke_button .oip_button_spinner div,.oip_success-stroke_icon_button .oip_button_spinner div{border:2px solid var(--system-success);border-color:var(--system-success) transparent transparent transparent}.oip_success-stroke_icon_button{border:2px solid rgba(34,197,94,.2)!important;color:var(--system-success)!important;padding:0 6px!important}.oip_purple-stroke_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important}.oip_purple-stroke_button:focus,.oip_purple-stroke_button:hover,.oip_purple-stroke_icon_button:focus,.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_button .oip_button_spinner div,.oip_purple-stroke_icon_button .oip_button_spinner div{border:2px solid transparent;border-top-color:#a855f7}.oip_purple-stroke_button:hover .oip_button_spinner div,.oip_purple-stroke_icon_button:hover .oip_button_spinner div{border:1px solid transparent;border-top-color:#780fda}.oip_purple-stroke_button:focus .oip__button_prefix_icon,.oip_purple-stroke_button:focus .oip__button_suffix_icon,.oip_purple-stroke_button:hover .oip__button_prefix_icon,.oip_purple-stroke_button:hover .oip__button_suffix_icon{stroke:#780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button{background:transparent!important;border:1px solid #a855f7;box-shadow:none!important;color:#a855f7!important;padding:0 6px!important}.oip_purple-stroke_icon_button:hover{border:1px solid #780fda!important;color:#780fda!important}.oip_purple-stroke_icon_button:hover svg{stroke:#780fda!important;color:#780fda!important}.oip_purple-fill_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important}.oip_purple-fill_button:focus,.oip_purple-fill_button:hover,.oip_purple-fill_icon_button:focus,.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22);color:var(--white)}.oip_purple-fill_button .oip_button_spinner div,.oip_purple-fill_button:hover .oip_button_spinner div,.oip_purple-fill_icon_button .oip_button_spinner div,.oip_purple-fill_icon_button:hover .oip_button_spinner div{border:2px solid var(--white);border-color:var(--white) transparent transparent transparent}.oip_purple-fill_button:focus .oip__button_prefix_icon,.oip_purple-fill_button:focus .oip__button_suffix_icon,.oip_purple-fill_button:hover .oip__button_prefix_icon,.oip_purple-fill_button:hover .oip__button_suffix_icon{stroke:var(--white)!important;color:var(--white)!important}.oip_purple-fill_icon_button{background:linear-gradient(180deg,#a854f7,#9321fd 99.99%,#a854f7);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(147,33,253,.17),inset 0 -2px .3px 0 rgba(100,18,175,.18),inset 0 2px 1px 0 hsla(0,0%,100%,.22);color:var(--white)!important;padding:0 6px!important}.oip_purple-fill_icon_button:hover{background:linear-gradient(180deg,#780fda,#6506d2);border:1px solid #780fda;box-shadow:0 2px 5px 0 rgba(120,15,218,.17),inset 0 2px .3px 0 rgba(8,45,105,.22)!important}.oip_purple-fill_icon_button:hover svg{stroke:var(--white)!important;color:var(--white)!important}.oip_button_flex{flex-direction:row;gap:10px;text-wrap:pretty}.oip_button_flex,.oip_button_loading{align-items:center;display:flex;justify-content:center}.oip_button_loading{left:0;position:absolute;right:0}.oip_button_spinner{display:inline-block;height:20px;position:relative;width:20px}.oip_button_spinner div{animation:oip-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;box-sizing:border-box;display:block;height:20px;position:absolute;width:20px}.oip_button_spinner div:first-child{animation-delay:-.45s}.oip_button_spinner div:nth-child(2){animation-delay:-.3s}.oip_button_spinner div:nth-child(3){animation-delay:-.15s}@keyframes oip-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.oip_button_is_loading{visibility:hidden}.oip_tag{align-items:center;border-radius:4px;color:var(--dark);display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:500;gap:8px;line-height:normal;-webkit-mask-image:paint(squircle);mask-image:paint(squircle);padding:4px 8px;width:-moz-fit-content;width:fit-content;--squircle-radius:4px;--squircle-smooth:1}.oip_tag.is_transparent{background:transparent;border:1px solid var(--light)!important}.oip_tag.is_rose{background:rgba(244,63,94,.1)!important;color:#9f1239}.oip_tag.is_pink{background:rgba(236,72,153,.1)!important;color:#9d174d}.oip_tag.is_fushia{background:rgba(217,70,239,.1)!important;color:#86198f}.oip_tag.is_purple{background:rgba(168,85,247,.1)!important;color:#6b21a8}.oip_tag.is_violet{background:rgba(139,92,246,.1)!important;color:#5b21b6}.oip_tag.is_indigo{background:rgba(99,102,241,.1)!important;color:#3730a3}.oip_tag.is_blue{background:rgba(59,130,246,.1)!important;color:#1e40af}.oip_tag.is_sky{background:rgba(14,165,233,.1)!important;color:#075985}.oip_tag.is_cyan{background:rgba(6,182,212,.1)!important;color:#155e75}.oip_tag.is_teal{background:rgba(20,184,166,.1)!important;color:#115e59}.oip_tag.is_emerald{background:rgba(16,185,129,.1)!important;color:#065f46}.oip_tag.is_green{background:rgba(34,197,94,.1)!important;color:#166534}.oip_tag.is_lime{background:rgba(132,204,22,.1)!important;color:#3f6212}.oip_tag.is_yellow{background:rgba(234,179,8,.1)!important;color:#854d0e}.oip_tag.is_amber{background:rgba(245,158,11,.1)!important;color:#92400e}.oip_tag.is_orange{background:rgba(249,115,22,.1)!important;color:#9a3412}.oip_pill{align-items:center;border-radius:20px;cursor:pointer;display:inline-flex;font-family:Figtree,sans-serif;font-size:12px;font-style:normal;font-weight:600;gap:8px;line-height:normal;padding:4px 8px;width:-moz-fit-content;width:fit-content}.oip_pill.is_gray{background:var(--lightest);border:1px solid var(--light);color:var(--darkest)}.oip_pill.is_gray.active,.oip_pill.is_gray:hover{border:1px solid var(--primary)!important}.oip_pill.is_gray.active{background:rgba(33,118,255,.1)!important}.oip_pill.is_rose{background:rgba(244,63,94,.1);border:1px solid rgba(244,63,94,.3);color:#9f1239}.oip_pill.is_rose.active,.oip_pill.is_rose:hover{border:1px solid #f43f5e!important}.oip_pill.is_pink{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#9d174d}.oip_pill.is_pink.active,.oip_pill.is_pink:hover{border:1px solid #ec4899!important}.oip_pill.is_fushia{background:rgba(217,70,239,.1);border:1px solid rgba(217,70,239,.3);color:#86198f}.oip_pill.is_fushia.active,.oip_pill.is_fushia:hover{border:1px solid #d946ef!important}.oip_pill.is_purple{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);color:#6b21a8}.oip_pill.is_purple.active,.oip_pill.is_purple:hover{border:1px solid #a855f7!important}.oip_pill.is_violet{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.3);color:#5b21b6}.oip_pill.is_violet.active,.oip_pill.is_violet:hover{border:1px solid #8b5cf6!important}.oip_pill.is_indigo{background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.3);color:#3730a3}.oip_pill.is_indigo.active,.oip_pill.is_indigo:hover{border:1px solid #6366f1!important}.oip_pill.is_blue{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);color:#1e40af}.oip_pill.is_blue.active,.oip_pill.is_blue:hover{border:1px solid #3b82f6!important}.oip_pill.is_sky{background:rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.3);color:#075985}.oip_pill.is_sky.active,.oip_pill.is_sky:hover{border:1px solid #0ea5e9!important}.oip_pill.is_cyan{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.3);color:#155e75}.oip_pill.is_cyan.active,.oip_pill.is_cyan:hover{border:1px solid #06b6d4!important}.oip_pill.is_teal{background:rgba(20,184,166,.1);border:1px solid rgba(20,184,166,.3);color:#115e59}.oip_pill.is_teal.active,.oip_pill.is_teal:hover{border:1px solid #14b8a6!important}.oip_pill.is_emerald{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#065f46}.oip_pill.is_emerald.active,.oip_pill.is_emerald:hover{border:1px solid #10b981!important}.oip_pill.is_green{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534}.oip_pill.is_green.active,.oip_pill.is_green:hover{border:1px solid #22c55e!important}.oip_pill.is_lime{background:rgba(132,204,22,.1);border:1px solid rgba(132,204,22,.3);color:#3f6212}.oip_pill.is_lime.active,.oip_pill.is_lime:hover{border:1px solid #84cc16!important}.oip_pill.is_yellow{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.3);color:#854d0e}.oip_pill.is_yellow.active,.oip_pill.is_yellow:hover{border:1px solid #eab308!important}.oip_pill.is_amber{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#92400e}.oip_pill.is_amber.active,.oip_pill.is_amber:hover{border:1px solid #f59e0b!important}.oip_pill.is_orange{background:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.3);color:#9a3412}.oip_pill.is_orange.active,.oip_pill.is_orange:hover{border:1px solid #f97316!important}.oip_tag.is_gray{background:rgba(143,145,172,.1)!important;color:var(--darkest)!important}.oip_tag.is_gray svg{stroke:var(--dark);color:var(--dark)}.oip_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px}.oip_card.action:hover,.oip_table_card.action:hover{border:1px solid var(--primary)!important;box-shadow:var(--large-shadow)!important}.oip_table_card{background:var(--white);border:1px solid var(--light);border-radius:12px;box-shadow:var(--small-shadow);padding:24px 0 0}.oip_half_card{flex:1 1 50%}.oip_third_card{flex:1 1 33%}.oip_table_card .oip_card__header{padding:0 24px}.oip_card .oip_card__header{display:flex}.oip_card .oip_card__header .oip_card__header_info{flex-grow:1}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title{align-items:baseline;display:flex}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1{flex-grow:0}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_title h1 span{color:var(--accent)}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub{align-items:center;color:var(--dark)!important;display:flex;flex-wrap:wrap;margin-top:4px}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub h3,.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub p{color:var(--dark)!important}.oip_card .oip_card__header .oip_card__header_info .oip_card__header_sub .oip_card__header_sub_divider{color:var(--dark)!important;margin:0 4px}.oip_card .oip_card__header .oip_card__header_buttons{display:flex;column-li:8px}@media screen and (max-width:1000px){.oip_card .oip_card__header .oip_card__header_buttons .oip_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_see_details_button{display:none}}@media screen and (min-width:1001px){.oip_card .oip_card__header .oip_card__header_buttons .oip_small_download_button,.oip_card .oip_card__header .oip_card__header_buttons .oip_small_see_details_button{display:none}}.oip_card .oip_card__description{margin-top:32px}.oip_card .oip_card__kpi_container{display:flex;flex-wrap:wrap;gap:32px;margin-top:32px}.oip_card .oip_card__kpi_container .oip_card__kpi_caption{align-items:center;display:flex}.oip_card .oip_card__kpi_container .oip_card__kpi_caption svg{vertical-align:initial!important}.oip_card .oip_card__kpi_container .oip_card__kpi_caption .oip_card__kpi_caption_icon:first-child,.oip_card .oip_card__kpi_container .oip_card__kpi_caption h3{margin-right:4px}.oip_card__kpi .oip_underline{color:var(--dark)!important}.oip_card__kpi .oip_label{color:var(--darkest)!important}.oip_card .oip_card__kpi_container .oip_card__kpi_stats{display:flex;margin-top:16px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator{border-radius:50%;box-sizing:content-box;height:24px;margin-right:8px;padding:4px;text-align:center;width:24px}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_up{background:rgba(50,209,117,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats .oip_card__kpi_stats_indicator.trend_down{background:rgba(251,70,84,.1)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_up{color:var(--system-success)}.oip_card .oip_card__kpi_container .oip_card__kpi_stats h3.trend_down{color:var(--system-alert)}.oip_card .oip_card__kpi_divider{background:var(--light);width:1px}.oip_card__tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.arg_tuto_content{gap:24px;height:100%}.arg_tuto_content,.oip_select_display{align-items:flex-start;display:flex;flex-direction:column}.oip_select_display{gap:4px}.arg_page{height:100%;width:100%}.arg_home_page{gap:40px}.arg_home_page,.toolbar_tab_container{align-items:flex-start;display:flex;flex-direction:column}.toolbar_tab_container{gap:24px}.toolbar_sources_display{gap:var(--s,8px)}.source_descr_display,.toolbar_sources_display{align-items:flex-start;display:flex;flex-direction:column}.source_descr_display{gap:16px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom .apexcharts-legend-series{align-items:center;border:var(--None,1px) solid var(--Main-Light,#dbdef0);border-radius:7px;display:flex;gap:8px;padding:2px 8px}.vue-apexcharts.stepline>div>svg>foreignObject>.apexcharts-legend.apx-legend-position-bottom{bottom:-8px!important}.oip_column{display:block;flex-basis:0;flex-grow:1;flex-shrink:1}.oip_column.narrow{flex:none;width:unset}.oip_column.is-1{flex:none;width:8.33333%}.oip_column.is-2{flex:none;width:16.66667%}.oip_column.is-3{flex:none;width:25%}.oip_column.is-4{flex:none;width:33.33333%}.oip_column.is-5{flex:none;width:41.66667%}.oip_column.is-6{flex:none;width:50%}.oip_column.is-7{flex:none;width:58.33333%}.oip_column.is-8{flex:none;width:66.66667%}.oip_column.is-9{flex:none;width:75%}.oip_column.is-10{flex:none;width:83.33333%}.oip_column.is-11{flex:none;width:91.66667%}.oip_column.is-12{flex:none;width:100%}mark{background:#ffaeff}
|
|
27
27
|
</style>
|
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div
|
|
3
3
|
class="arg_text_btn"
|
|
4
|
-
:class="[
|
|
5
|
-
`${textStyle}_text_btn`,
|
|
6
|
-
disable ? 'disable_text_btn' : '',
|
|
7
|
-
`text_btn_${size}`,
|
|
8
|
-
]"
|
|
4
|
+
:class="[`${textStyle}_text_btn`, disable ? 'disable_text_btn' : '']"
|
|
9
5
|
@click="sendAction()"
|
|
10
6
|
>
|
|
11
7
|
<slot />
|
|
@@ -28,20 +24,14 @@ export default defineComponent({
|
|
|
28
24
|
"warning",
|
|
29
25
|
"success",
|
|
30
26
|
"secondary",
|
|
31
|
-
"purple"
|
|
27
|
+
"purple",
|
|
28
|
+
"disable"
|
|
32
29
|
].includes(value);
|
|
33
30
|
}
|
|
34
31
|
},
|
|
35
32
|
disable: {
|
|
36
33
|
type: Boolean,
|
|
37
34
|
default: false
|
|
38
|
-
},
|
|
39
|
-
size: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: "s",
|
|
42
|
-
validator: (value) => {
|
|
43
|
-
return ["s", "m"].includes(value);
|
|
44
|
-
}
|
|
45
35
|
}
|
|
46
36
|
},
|
|
47
37
|
emits: ["onClick"],
|
|
@@ -57,5 +47,5 @@ export default defineComponent({
|
|
|
57
47
|
</script>
|
|
58
48
|
|
|
59
49
|
<style scoped>
|
|
60
|
-
.arg_text_btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:normal;text-decoration-line:underline;width:-moz-fit-content;width:fit-content}.
|
|
50
|
+
.arg_text_btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;font-size:14px;font-style:normal;font-weight:500;gap:8px;justify-content:center;line-height:normal;text-decoration-line:underline;width:-moz-fit-content;width:fit-content}.primary_text_btn.disable_text_btn,.primary_text_btn.disable_text_btn:hover,.warning_text_btn.disable_text_btn,.warning_text_btn.disable_text_btn:hover{color:var(--medium)!important;cursor:not-allowed!important}.primary_text_btn{color:var(--primary)!important}.primary_text_btn:hover,.primary_text_btn:hover svg{color:var(--primary-hover)!important}.warning_text_btn{color:var(--system-alert)!important}.warning_text_btn:hover,.warning_text_btn:hover svg{color:var(--system-alert-hover)!important}.secondary_text_btn,.secondary_text_btn:hover,.secondary_text_btn:hover svg{color:var(--darkest)!important}.success_text_btn{color:var(--system-success)!important}.success_text_btn:hover,.success_text_btn:hover svg{color:var(--system-success-hover)!important}.purple_text_btn{color:#a855f7!important}.purple_text_btn:hover,.purple_text_btn:hover svg{color:#780fda!important}
|
|
61
51
|
</style>
|
|
@@ -8,11 +8,6 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
8
8
|
type: BooleanConstructor;
|
|
9
9
|
default: boolean;
|
|
10
10
|
};
|
|
11
|
-
size: {
|
|
12
|
-
type: StringConstructor;
|
|
13
|
-
default: string;
|
|
14
|
-
validator: (value: string) => boolean;
|
|
15
|
-
};
|
|
16
11
|
}, {
|
|
17
12
|
sendAction: () => void;
|
|
18
13
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onClick"[], "onClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
@@ -25,15 +20,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
25
20
|
type: BooleanConstructor;
|
|
26
21
|
default: boolean;
|
|
27
22
|
};
|
|
28
|
-
size: {
|
|
29
|
-
type: StringConstructor;
|
|
30
|
-
default: string;
|
|
31
|
-
validator: (value: string) => boolean;
|
|
32
|
-
};
|
|
33
23
|
}>> & {
|
|
34
24
|
onOnClick?: ((...args: any[]) => any) | undefined;
|
|
35
25
|
}, {
|
|
36
|
-
size: string;
|
|
37
26
|
disable: boolean;
|
|
38
27
|
textStyle: string;
|
|
39
28
|
}, {}>;
|