cronapp-framework-mobile-js 2.9.1 → 2.9.2-SP.10

package/css/themes/custom/material/custom-material.css

@@ -72,13 +72,13 @@
     --borderRadiusFull: 99999px;
 
     /* Color - Theme default */
-    --colorDefault10:#d7def8;
-    --colorDefault20:#b0c0f3;
-    --colorDefault30:#819eee;
-    --colorDefault40:#2b71e8;
-    --colorDefault50:#2663cb;
-    --colorDefault60:#2053aa;
-    --colorDefault70:#183e7f;
+    --colorDefault10: #d7def8;
+    --colorDefault20: #b0c0f3;
+    --colorDefault30: #819eee;
+    --colorDefault40: #2b71e8;
+    --colorDefault50: #2663cb;
+    --colorDefault60: #2053aa;
+    --colorDefault70: #183e7f;
     --textColorDefault10: #8c8c8c;
     --textColorDefault20: #bbbbbb;
     --textColorDefault30: #dfdfdf;
@@ -256,77 +256,134 @@
     --colorNeutral210: #090909;
     --colorNeutral220: #000000;
 
+    /* === Variables used exclusively in the color palette property === */
     /* Components - Button */
-    --btnDefault: var(--colorDefault40, #3b448e);
-    --btnPrimary: var(--colorPrimary40, #5665be);
-    --btnSuccess: var(--colorSuccess40, #257d25);
-    --btnCalm: var(--colorDefault40, #3b448e);
-    --btnWarning: var(--colorWarning40, #f0ad4e);
-    --btnDanger: var(--colorDanger40, #ce3a36);
+    --btnDefault: var(--colorDefault40, #1e293b);
+    --btnPrimary: var(--colorPrimary40, #4f46e5);
+    --btnSuccess: var(--colorSuccess40, #22c55e);
+    --btnCalm: var(--colorCalm40, #11c1f3);
+    --btnWarning: var(--colorWarning40, #f59e0b);
+    --btnDanger: var(--colorDanger40, #ef4444);
     --btnLight: var(--colorLight40, #ffffff);
-    --btnLink: var(--textColorLight40, #000000);
+    --btnLink: var(--textColorLight40, #383838);
     --btnStable: var(--colorStable40, #f8f8f8);
-    --btnRoyal: var(--colorRoyal40, #886aea);
-    --btnDark: var(--colorDark40, #444444);
+    --btnRoyal: var(--colorRoyal40, #9933cc);
+    --btnDark: var(--colorDark40, #adafae);
+
+    --textColorDefault: var(--textColorDefault40, #ffffff);
+    --textColorPrimary: var(--textColorPrimary40, #ffffff);
+    --textColorSuccess: var(--textColorSuccess40, #ffffff);
+    --textColorCalm: var(--textColorDefault40, #ffffff);
+    --textColorWarning: var(--textColorWarning40, #ffffff);
+    --textColorDanger: var(--textColorDanger40, #ffffff);
+    --textColorLight: var(--textColorLight40, #383838);
+    --textColorStable: var(--textColorStable40, #444444);
+    --textColorRoyal: var(--textColorRoyal40, #ffffff);
+    --textColorDark: var(--textColorDark40, #000000);
+
+    --borderBtnLink: transparent;
+    --borderBtnDefault: transparent;
+    --borderBtnPrimary: transparent;
+    --borderBtnSuccess: transparent;
+    --borderBtnCalm: transparent;
+    --borderBtnWarning: transparent;
+    --borderBtnDanger: transparent;
+    --borderBtnLight: transparent;
+    --borderBtnStable: transparent;
+    --borderBtnRoyal: transparent;
+    --borderBtnDark: transparent;
 
     /* Components - Text color */
-    --colorDefault: var(--colorDefault40, #3b448e);
-    --colorPrimary: var(--colorPrimary40, #5665be);
-    --colorSuccess: var(--colorSuccess40, #257d25);
-    --colorCalm: var(--colorDefault40, #3b448e);
-    --colorWarning: var(--colorWarning40, #f0ad4e);
-    --colorDanger: var(--colorDanger40, #ce3a36);
+    --colorDefault: var(--colorDefault40, #1e293b);
+    --colorPrimary: var(--colorPrimary40, #4f46e5);
+    --colorSuccess: var(--colorSuccess40, #22c55e);
+    --colorCalm: var(--colorDefault40, #1e293b);
+    --colorWarning: var(--colorWarning40, #f59e0b);
+    --colorDanger: var(--colorDanger40, #ef4444);
     --colorLight: var(--colorLight50, #dfdfdf);
     --colorStable: var(--colorLight50, #dfdfdf);
-    --colorRoyal: var(--colorRoyal40, #886aea);
-    --colorDark: var(--colorDark40, #444444);
+    --colorRoyal: var(--colorRoyal40, #9933cc);
+    --colorDark: var(--colorDark40, #adafae);
 
     /* Components - Checkbox */
-    --checkboxDefault: var(--colorDefault50, #d2d2d2);
-    --checkboxPrimary: var(--colorPrimary40, #5665be);
-    --checkboxSuccess: var(--colorSuccess40, #257d25);
+    --checkboxDefault: var(--colorDefault40, #1e293b);
+    --checkboxPrimary: var(--colorPrimary40, #4f46e5);
+    --checkboxSuccess: var(--colorSuccess40, #22c55e);
     --checkboxCalm: var(--colorCalm40, #11c1f3);
-    --checkboxWarning: var(--colorWarning40, #f0ad4e);
-    --checkboxDanger: var(--colorDanger40, #ce3a36);
+    --checkboxWarning: var(--colorWarning40, #f59e0b);
+    --checkboxDanger: var(--colorDanger40, #ef4444);
     --checkboxLight: var(--colorLight50, #dfdfdf);
     --checkboxStable: var(--colorStable40, #f8f8f8);
-    --checkboxRoyal: var(--colorRoyal40, #886aea);
-    --checkboxDark: var(--colorDark40, #444444);
+    --checkboxRoyal: var(--colorRoyal40, #9933cc);
+    --checkboxDark: var(--colorDark40, #adafae);
+
+    --borderCheckboxDefault: var(--colorDefault40, #1e293b);
+    --borderCheckboxPrimary: var(--colorPrimary40, #4f46e5);
+    --borderCheckboxSuccess: var(--colorSuccess40, #22c55e);
+    --borderCheckboxCalm: var(--colorCalm40, #11c1f3);
+    --borderCheckboxWarning: var(--colorWarning40, #f59e0b);
+    --borderCheckboxDanger: var(--colorDanger40, #ef4444);
+    --borderCheckboxLight: var(--colorLight50, #dfdfdf);
+    --borderCheckboxStable: var(--colorStable40, #f8f8f8);
+    --borderCheckboxRoyal: var(--colorRoyal40, #9933cc);
+    --borderCheckboxDark: var(--colorDark40, #adafae);
 
     /* Components - Toggle */
-    --toggleDefault: var(--colorDefault40, #3b448e);
-    --togglePrimary: var(--colorPrimary40, #5665be);
-    --toggleSuccess: var(--colorSuccess40, #257d25);
+    --toggleDefault: var(--colorDefault40, #1e293b);
+    --togglePrimary: var(--colorPrimary40, #4f46e5);
+    --toggleSuccess: var(--colorSuccess40, #22c55e);
     --toggleCalm: var(--colorCalm40, #11c1f3);
-    --toggleWarning: var(--colorWarning40, #f0ad4e);
-    --toggleDanger: var(--colorDanger40, #ce3a36);
+    --toggleWarning: var(--colorWarning40, #f59e0b);
+    --toggleDanger: var(--colorDanger40, #ef4444);
     --toggleLight: var(--colorLight50, #dfdfdf);
     --toggleStable: var(--colorStable50, #d9d9d9);
-    --toggleRoyal: var(--colorRoyal40, #886aea);
-    --toggleDark: var(--colorDark40, #444444);
+    --toggleRoyal: var(--colorRoyal40, #9933cc);
+    --toggleDark: var(--colorDark40, #adafae);
+
+    --borderToggleDefault: var(--colorDefault40, #1e293b);
+    --borderTogglePrimary: var(--colorPrimary40, #4f46e5);
+    --borderToggleSuccess: var(--colorSuccess40, #22c55e);
+    --borderToggleCalm: var(--colorCalm40, #11c1f3);
+    --borderToggleWarning: var(--colorWarning40, #f59e0b);
+    --borderToggleDanger: var(--colorDanger40, #ef4444);
+    --borderToggleLight: var(--colorLight50, #dfdfdf);
+    --borderToggleStable: var(--colorStable50, #9c9c9c);
+    --borderToggleRoyal: var(--colorRoyal40, #9933cc);
+    --borderToggleDark: var(--colorDark40, #adafae);
 
     /* Components - Tabs - crn-ion-segment */
-    --bgDefault: var(--colorPrimary40, #5665be);
-    --bgPrimary: var(--colorDefault40, #3b448e);
-    --bgSuccess: var(--colorSuccess40, #257d25);
+    --bgDefault: var(--colorPrimary40, #4f46e5);
+    --bgPrimary: var(--colorDefault40, #1e293b);
+    --bgSuccess: var(--colorSuccess40, #22c55e);
     --bgCalm: var(--colorCalm40, #11c1f3);
-    --bgWarning: var(--colorWarning40, #f0ad4e);
-    --bgDanger: var(--colorDanger40, #ce3a36);
+    --bgWarning: var(--colorWarning40, #f59e0b);
+    --bgDanger: var(--colorDanger40, #ef4444);
     --bgLight: var(--colorLight40, #ffffff);
     --bgStable: var(--colorStable40, #f8f8f8);
-    --bgRoyal: var(--colorRoyal40, #886aea);
-    --bgDark: var(--colorDark40, #444444);
-
-    --activeBackgroundDefault: var(--colorPrimary40, #5665be);
-    --activeBackgroundPrimary: var(--colorDefault40, #3b448e);
-    --activeBackgroundSuccess: var(--colorSuccess40, #257d25);
+    --bgRoyal: var(--colorRoyal40, #9933cc);
+    --bgDark: var(--colorDark40, #adafae);
+
+    --borderActiveBackgroundDefault: transparent;
+    --borderActiveBackgroundPrimary: transparent;
+    --borderActiveBackgroundSuccess: transparent;
+    --borderActiveBackgroundCalm: transparent;
+    --borderActiveBackgroundWarning: transparent;
+    --borderActiveBackgroundDanger: transparent;
+    --borderActiveBackgroundLight: transparent;
+    --borderActiveBackgroundStable: transparent;
+    --borderActiveBackgroundRoyal: transparent;
+    --borderActiveBackgroundDark: transparent;
+
+    --activeBackgroundDefault: var(--colorPrimary40, #4f46e5);
+    --activeBackgroundPrimary: var(--colorDefault40, #1e293b);
+    --activeBackgroundSuccess: var(--colorSuccess40, #22c55e);
     --activeBackgroundCalm: var(--colorCalm40, #11c1f3);
-    --activeBackgroundWarning: var(--colorWarning40, #f0ad4e);
-    --activeBackgroundDanger: var(--colorDanger40, #ce3a36);
+    --activeBackgroundWarning: var(--colorWarning40, #f59e0b);
+    --activeBackgroundDanger: var(--colorDanger40, #ef4444);
     --activeBackgroundLight: var(--colorLight40, #ffffff);
     --activeBackgroundStable: var(--colorStable40, #f8f8f8);
-    --activeBackgroundRoyal: var(--colorRoyal40, #886aea);
-    --activeBackgroundDark: var(--colorDark40, #444444);
+    --activeBackgroundRoyal: var(--colorRoyal40, #9933cc);
+    --activeBackgroundDark: var(--colorDark40, #adafae);
 
     --ionSegmentDefault: var(--textColorPrimary40, #ffffff);
     --ionSegmentPrimary: var(--textColorDefault40, #ffffff);
@@ -334,59 +391,59 @@
     --ionSegmentCalm: var(--textColorCalm40, #ffffff);
     --ionSegmentWarning: var(--textColorWarning40, #ffffff);
     --ionSegmentDanger: var(--textColorDanger40, #ffffff);
-    --ionSegmentLight: var(--textColorLight40, #000000);
+    --ionSegmentLight: var(--textColorLight40, #383838);
     --ionSegmentStable: var(--textColorStable40, #444444);
     --ionSegmentRoyal: var(--textColorRoyal40, #ffffff);
-    --ionSegmentDark: var(--textColorDark40, #ffffff);
-
-    --iconThemeLightDefault: var(--textColorPrimary40, #ffffff);
-    --iconThemeLightPrimary: var(--textColorDefault40, #ffffff);
-    --iconThemeLightSuccess: var(--textColorSuccess40, #ffffff);
-    --iconThemeLightCalm: var(--textColorCalm40, #ffffff);
-    --iconThemeLightWarning: var(--textColorWarning40, #ffffff);
-    --iconThemeLightDanger: var(--textColorDanger40, #ffffff);
-    --iconThemeLightLight: var(--textColorLight40, #000000);
+    --ionSegmentDark: var(--textColorDark40, #000000);
+
+    --iconThemeLightDefault: var(--colorPrimary40, #4f46e5);
+    --iconThemeLightPrimary: var(--colorDefault40, #1e293b);
+    --iconThemeLightSuccess: var(--colorSuccess40, #22c55e);
+    --iconThemeLightCalm: var(--colorCalm40, #11c1f3);
+    --iconThemeLightWarning: var(--colorWarning40, #f59e0b);
+    --iconThemeLightDanger: var(--colorDanger40, #ef4444);
+    --iconThemeLightLight: var(--textColorLight40, #383838);
     --iconThemeLightStable: var(--textColorStable40, #444444);
-    --iconThemeLightRoyal: var(--textColorRoyal40, #ffffff);
-    --iconThemeLightDark: var(--textColorDark40, #ffffff);
+    --iconThemeLightRoyal: var(--colorRoyal40, #9933cc);
+    --iconThemeLightDark: var(--colorDark40, #adafae);
 
     /* Components - Old Tabs - pallete false */
-    --tabsDefault: var(--colorDefault40, #3b448e);
-    --tabsPrimary: var(--colorPrimary40, #5665be);
-    --tabsSuccess: var(--colorSuccess40, #257d25);
+    --tabsDefault: var(--colorDefault40, #1e293b);
+    --tabsPrimary: var(--colorPrimary40, #4f46e5);
+    --tabsSuccess: var(--colorSuccess40, #22c55e);
     --tabsCalm: var(--colorCalm40, #11c1f3);
-    --tabsWarning: var(--colorWarning40, #f0ad4e);
-    --tabsDanger: var(--colorDanger40, #ce3a36);
+    --tabsWarning: var(--colorWarning40, #f59e0b);
+    --tabsDanger: var(--colorDanger40, #ef4444);
     --tabsLight: var(--colorLight40, #ffffff);
     --tabsStable: var(--colorStable40, #f8f8f8);
-    --tabsRoyal: var(--colorRoyal40, #886aea);
-    --tabsDark: var(--colorDark40, #444444);
+    --tabsRoyal: var(--colorRoyal40, #9933cc);
+    --tabsDark: var(--colorDark40, #adafae);
 
     /* Components - Header */
-    --barDefault: var(--colorDefault40, #3b448e);
-    --barPrimary: var(--colorDefault40, #3b448e);
-    --barSuccess: var(--colorSuccess40, #257d25);
+    --barDefault: var(--colorDefault40, #1e293b);
+    --barPrimary: var(--colorDefault40, #1e293b);
+    --barSuccess: var(--colorSuccess40, #22c55e);
     --barCalm: var(--colorCalm40, #11c1f3);
-    --barWarning: var(--colorWarning40, #f0ad4e);
-    --barDanger: var(--colorDanger40, #ce3a36);
+    --barWarning: var(--colorWarning40, #f59e0b);
+    --barDanger: var(--colorDanger40, #ef4444);
     --barLight: var(--colorLight40, #ffffff);
     --barStable: var(--colorStable40, #f8f8f8);
-    --barRoyal: var(--colorRoyal40, #886aea);
-    --barDark: var(--colorDark40, #444444);
+    --barRoyal: var(--colorRoyal40, #9933cc);
+    --barDark: var(--colorDark40, #adafae);
 
     /* Componentes - Footer with icon */
     --backgroundDefault: var(--textColorDefault40, #ffffff);
-    --backgroundPrimary: var(--colorDefault40, #3b448e);
-    --backgroundSuccess: var(--colorSuccess40, #257d25);
+    --backgroundPrimary: var(--colorDefault40, #1e293b);
+    --backgroundSuccess: var(--colorSuccess40, #22c55e);
     --backgroundCalm: var(--colorCalm40, #11c1f3);
-    --backgroundWarning: var(--colorWarning40, #f0ad4e);
-    --backgroundDanger: var(--colorDanger40, #ce3a36);
+    --backgroundWarning: var(--colorWarning40, #f59e0b);
+    --backgroundDanger: var(--colorDanger40, #ef4444);
     --backgroundLight: var(--colorLight40, #ffffff);
     --backgroundStable: var(--colorStable40, #f8f8f8);
-    --backgroundRoyal: var(--colorRoyal40, #886aea);
-    --backgroundDark: var(--colorDark40, #444444);
+    --backgroundRoyal: var(--colorRoyal40, #9933cc);
+    --backgroundDark: var(--colorDark40, #adafae);
 
-    --tabsIconDefault: var(--colorDefault40, #3b448e);
+    --tabsIconDefault: var(--colorDefault40, #1e293b);
     --tabsIconPrimary: var(--textColorDefault40, #ffffff);
     --tabsIconSuccess: var(--textColorSuccess40, #ffffff);
     --tabsIconCalm: var(--textColorCalm40, #ffffff);
@@ -395,7 +452,8 @@
     --tabsIconLight: var(--textColorLight40, #000000);
     --tabsIconStable: var(--textColorStable40, #444444);
     --tabsIconRoyal: var(--textColorRoyal40, #ffffff);
-    --tabsIconDark: var(--textColorDark40, #ffffff);
+    --tabsIconDark: var(--textColorDark40, #000000);
+    /* End - Variables used exclusively in the color palette property */
 }
 
 h1,
@@ -526,6 +584,37 @@ a.stable,
     background: var(--colorPrimary40, #5665be);
 }
 
+/* Light - Outline */
+
+.button.button-light.button-outline {
+    border-color: var(--colorLight50, #dfdfdf);
+}
+
+.button.button-light.button-outline span,
+.button.button-light.button-outline i {
+    color: var(--colorLight50, #dfdfdf);
+}
+
+.button.button-light.button-outline:active,
+.button.button-light.button-outline.activated {
+    background: var(--colorLight50, #dfdfdf);
+}
+
+/* Stable - Outline */
+.button.button-stable.button-outline {
+    border-color: var(--colorStable50, #d9d9d9);
+}
+
+.button.button-stable.button-outline span,
+.button.button-stable.button-outline i {
+    color: var(--colorStable50, #d9d9d9);
+}
+
+.button.button-stable.button-outline:active,
+.button.button-stable.button-outline.activated {
+    background: var(--colorStable50, #d9d9d9);
+}
+
 /* Rodapé com ícone */
 
 .tabs-striped.background-default .tabs {

package/css/themes/custom/theme-general/button.css

@@ -469,52 +469,52 @@ button,
 }
 
 /* Colors */
-.button.button-default span.default,
-.button.button-default i.default {
-    color: var(--colorDefault40, #3b448e);
+.button span.default,
+.button i.default {
+    color: var(--textColorDefault40, #ffffff);
 }
 
-.button.button-default span.light,
-.button.button-default i.light {
-    color: var(--colorLight40, #ffffff);
+.button span.light,
+.button i.light {
+    color: var(--textColorLight40, #444444);
 }
 
-.button.button-default span.stable,
-.button.button-default i.stable {
-    color: var(--colorStable40, #f8f8f8);
+.button span.stable,
+.button i.stable {
+    color: var(--textColorStable40, #f8f8f8);
 }
 
-.button.button-default span.positive,
-.button.button-default i.positive {
-    color: var(--colorPrimary40, #387ef5);
+.button span.positive,
+.button i.positive {
+    color: var(--textColorPrimary40, #ffffff);
 }
 
-.button.button-default span.calm,
-.button.button-default i.calm {
-    color: var(--colorCalm40, #11c1f3);
+.button span.calm,
+.button i.calm {
+    color: var(--textColorCalm40, #ffffff);
 }
 
-.button.button-default span.assertive,
-.button.button-default i.assertive {
-    color: var(--colorDanger40, #ef473a);
+.button span.assertive,
+.button i.assertive {
+    color: var(--textColorDanger40, #ffffff);
 }
 
-.button.button-default span.balanced,
-.button.button-default i.balanced {
-    color: var(--colorSuccess40, #33cd5f);
+.button span.balanced,
+.button i.balanced {
+    color: var(--textColorSuccess40, #ffffff);
 }
 
-.button.button-default span.energized,
-.button.button-default i.energized {
-    color: var(--colorWarning40, #ffc900);
+.button span.energized,
+.button i.energized {
+    color: var(--textColorWarning40, #ffffff);
 }
 
-.button.button-default span.royal,
-.button.button-default i.royal {
-    color: var(--colorRoyal40, #886aea);
+.button span.royal,
+.button i.royal {
+    color: var(--textColorRoyal40, #ffffff);
 }
 
-.button.button-default span.dark,
-.button.button-default i.dark {
-    color: var(--colorDark40, #444444);
+.button span.dark,
+.button i.dark {
+    color: var(--textColorDark40, #ffffff);
 }

package/css/themes/custom/theme-general/theme-general.css

@@ -127,7 +127,7 @@ a:hover {
 }
 
 .has-header .scroll {
-    background: var(--backgroundColor40, #ffffff);
+    background: transparent;
 }
 
 /* Colors */

package/css/themes/custom/united/custom-united.css

@@ -483,7 +483,7 @@ textarea::placeholder,
     color: var(--textColorPrimary40, #ffffff);
 }
 
-.login-mobile input::placeholder {
+.login-mobile .item-input input::placeholder  {
     color: var(--textColor30, #838383);
 }
 

package/css/themes/theme.editor.view.html

@@ -575,22 +575,14 @@
                         </div>
 
                         <h1 class="h1 text-left " xattr-position="text-left" xattr-type="h1" data-component="crn-heading" id="crn-heading-8275455">Carousel</h1>
-                        <div class="component-holder ng-scope " data-component="crn-slider" id="crn-slider-978109" style="height: 1px">
+                        <div class="component-holder ng-scope " data-component="crn-slider" id="crn-slider-978109" style="height: 200px">
                             <div class="crn-slider display-ion-slider" id="crn-slider-crn-slider-978109">
                                 <div class="slider" auto-play="false" slide-interval="2000" does-continue="false" style="visibility: visible;">
                                     <div class="slider-slides" ng-transclude="" style="width: 1125px;">
-                                        <ion-slide xattr-theme="positive-bg" id="crn-slider-item-4781-1" data-component="crn-slider-item" class="positive-bg crn-slider-item slider-slide" data-container="true" data-replace="true" data-index="0" style="width: 375px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
+                                        <ion-slide xattr-theme="positive-bg" id="crn-slider-item-4781-1" data-component="crn-slider-item" class="positive-bg crn-slider-item slider-slide" data-container="true" data-replace="true" data-index="0" style="width: 291px; left: 0px; transition-duration: 0ms; transform: translate(0px, 0px) translateZ(0px);">
                                             <img alt="Placehold" src=" data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADIBAMAAACg8cFmAAAAG1BMVEXMzMyWlpacnJyqqqrFxcWxsbGjo6O3t7e+vr6He3KoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD0UlEQVR4nO2az2/aShDHx78wRy9pIEe7pX05Ql4r9bhu8noGVEXvaJroJUeTSjmTVqr6Z3dmfwAtrpQn2aSqvh+JXewZeb7szs4ukokAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODP5VNxpbnrnw3XcvmluG1wSj8OPuxYvXN3REqpEfcrpY4lPl/O9r2WSg3WW6tz7pC5uloqTbEaThUHLtWVOmnQ/upM5Rurd+6QYkx9NaFooOOiIpqO6d1wz6k8Yv2jjdU7d0dffvW8opKDPjzjcaj5lv7Za56zluHG6pw7JFXcPGS0yojCY3tZ7CXXciY/YGN1zh2SyIw95DStzHhEcinfRUbOliPjVdSSUNpbnXPXSCQZjwFFx1aluctTtbRTZfKbZTmrc+6YfzhllrWJ1BttZZUDHjE7n9/ITKK3OuduKRTPVLGWaaJQikOZmfuJmoU7sXnWvNU5d4uSUmQjaRvYLbJivBpt3bhAeKtz7loWp44JonQgigIna3W0U5wiVZG3OuduZdFXjtg0Wj21LeXxklfeQUeL11vWlFuc5EcblxXvBIfNLVOxG1YiJ9cmtRKznR9uJSb/kpkXKUWpq1ur3GvZhJ4ONbfe6pw7xOwhPC+8LUoJSLZVXgqXP+Ok9ou3OucOidzm07QnTk+KZzvi6ZB7oiyoqTtBnLgzwtqYYjVZuZxfVe6OtTrnDonVNQ9C3XTe6indc1VgWttbBztv0XRwVQyo6XTKp4e+ssGLV/8x+oCn0/dc5MfUdJaXxFpaicqgD3iWp8vipeau/9H+mfnq//mY1VeaMhB7Wd7qnQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPB/CNznN+NJZanB619YfpKV8VWglKIBUZiRfXv8vLiRlzSvKciJihZlZfHfj5dl2uGa7p2s+KX+ws3FQge3lC7blEXv6OwFhTrlL8nzCQWLTLro+VxkLV5Qr2bLjqxRRTdOVjSzTTIJ7qm3aldWcv1+FtUlfaLLizcUXJvu8kJ+fMCmfk5vdmVlp/3cyQq1beI8CNef20xEnsRQx3l/sqjf0pjHJdCmG1MpsthEN/yxb/BaWfe92skKfJMFaXXTpixOeTMI+WmVS2iJIl3mcyujz5G8gb0drfCO9keL/spbHS15rgxJdVvR2CqRbme0wgX9ICs5pv3covmsZVmSW7So72Z0r88ltnTb3KJ09KMsc2HanZVI7RY5eTyvRHrQpaa0OJWHS7ddiZTmDbLsRJ8rX7dalvUIevVh4z2Su6cW0Ehw+tQKAAB/DN8B6Jikju6t6uAAAAAASUVORK5CYII=" class="component-holder" style="object-fit: cover" xattr-position="" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-4781" width="100%" height="100%">
                                             <h2 class="text-center top-13" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 1</h2>
-                                        </ion-slide>
-                                        <ion-slide xattr-theme="royal-bg" id="crn-slider-item-4781-2" data-component="crn-slider-item" class="royal-bg crn-slider-item active slider-slide" data-container="true" data-replace="true" data-index="1" style="width: 375px; left: -375px; transition-duration: 0ms; transform: translate(375px, 0px) translateZ(0px);">
-                                            <img alt="Placehold" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADIBAMAAACg8cFmAAAAG1BMVEXMzMyWlpacnJyqqqrFxcWxsbGjo6O3t7e+vr6He3KoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD0UlEQVR4nO2az2/aShDHx78wRy9pIEe7pX05Ql4r9bhu8noGVEXvaJroJUeTSjmTVqr6Z3dmfwAtrpQn2aSqvh+JXewZeb7szs4ukokAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODP5VNxpbnrnw3XcvmluG1wSj8OPuxYvXN3REqpEfcrpY4lPl/O9r2WSg3WW6tz7pC5uloqTbEaThUHLtWVOmnQ/upM5Rurd+6QYkx9NaFooOOiIpqO6d1wz6k8Yv2jjdU7d0dffvW8opKDPjzjcaj5lv7Za56zluHG6pw7JFXcPGS0yojCY3tZ7CXXciY/YGN1zh2SyIw95DStzHhEcinfRUbOliPjVdSSUNpbnXPXSCQZjwFFx1aluctTtbRTZfKbZTmrc+6YfzhllrWJ1BttZZUDHjE7n9/ITKK3OuduKRTPVLGWaaJQikOZmfuJmoU7sXnWvNU5d4uSUmQjaRvYLbJivBpt3bhAeKtz7loWp44JonQgigIna3W0U5wiVZG3OuduZdFXjtg0Wj21LeXxklfeQUeL11vWlFuc5EcblxXvBIfNLVOxG1YiJ9cmtRKznR9uJSb/kpkXKUWpq1ur3GvZhJ4ONbfe6pw7xOwhPC+8LUoJSLZVXgqXP+Ok9ou3OucOidzm07QnTk+KZzvi6ZB7oiyoqTtBnLgzwtqYYjVZuZxfVe6OtTrnDonVNQ9C3XTe6indc1VgWttbBztv0XRwVQyo6XTKp4e+ssGLV/8x+oCn0/dc5MfUdJaXxFpaicqgD3iWp8vipeau/9H+mfnq//mY1VeaMhB7Wd7qnQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPB/CNznN+NJZanB619YfpKV8VWglKIBUZiRfXv8vLiRlzSvKciJihZlZfHfj5dl2uGa7p2s+KX+ws3FQge3lC7blEXv6OwFhTrlL8nzCQWLTLro+VxkLV5Qr2bLjqxRRTdOVjSzTTIJ7qm3aldWcv1+FtUlfaLLizcUXJvu8kJ+fMCmfk5vdmVlp/3cyQq1beI8CNef20xEnsRQx3l/sqjf0pjHJdCmG1MpsthEN/yxb/BaWfe92skKfJMFaXXTpixOeTMI+WmVS2iJIl3mcyujz5G8gb0drfCO9keL/spbHS15rgxJdVvR2CqRbme0wgX9ICs5pv3covmsZVmSW7So72Z0r88ltnTb3KJ09KMsc2HanZVI7RY5eTyvRHrQpaa0OJWHS7ddiZTmDbLsRJ8rX7dalvUIevVh4z2Su6cW0Ehw+tQKAAB/DN8B6Jikju6t6uAAAAAASUVORK5CYII=" class="component-holder" style="object-fit: cover" xattr-position="" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-4781" width="100%" height="100%">
-                                            <h2 class="text-center top-13" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 2</h2>
-                                        </ion-slide>
-                                        <ion-slide xattr-theme="balanced-bg" id="crn-slider-item-4781-3" data-component="crn-slider-item" class="balanced-bg crn-slider-item slider-slide" data-container="true" data-replace="true" data-index="2" style="width: 375px; left: -750px; transition-duration: 0ms; transform: translate(375px, 0px) translateZ(0px);">
-                                            <img alt="Placehold" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADIBAMAAACg8cFmAAAAG1BMVEXMzMyWlpacnJyqqqrFxcWxsbGjo6O3t7e+vr6He3KoAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAD0UlEQVR4nO2az2/aShDHx78wRy9pIEe7pX05Ql4r9bhu8noGVEXvaJroJUeTSjmTVqr6Z3dmfwAtrpQn2aSqvh+JXewZeb7szs4ukokAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAODP5VNxpbnrnw3XcvmluG1wSj8OPuxYvXN3REqpEfcrpY4lPl/O9r2WSg3WW6tz7pC5uloqTbEaThUHLtWVOmnQ/upM5Rurd+6QYkx9NaFooOOiIpqO6d1wz6k8Yv2jjdU7d0dffvW8opKDPjzjcaj5lv7Za56zluHG6pw7JFXcPGS0yojCY3tZ7CXXciY/YGN1zh2SyIw95DStzHhEcinfRUbOliPjVdSSUNpbnXPXSCQZjwFFx1aluctTtbRTZfKbZTmrc+6YfzhllrWJ1BttZZUDHjE7n9/ITKK3OuduKRTPVLGWaaJQikOZmfuJmoU7sXnWvNU5d4uSUmQjaRvYLbJivBpt3bhAeKtz7loWp44JonQgigIna3W0U5wiVZG3OuduZdFXjtg0Wj21LeXxklfeQUeL11vWlFuc5EcblxXvBIfNLVOxG1YiJ9cmtRKznR9uJSb/kpkXKUWpq1ur3GvZhJ4ONbfe6pw7xOwhPC+8LUoJSLZVXgqXP+Ok9ou3OucOidzm07QnTk+KZzvi6ZB7oiyoqTtBnLgzwtqYYjVZuZxfVe6OtTrnDonVNQ9C3XTe6indc1VgWttbBztv0XRwVQyo6XTKp4e+ssGLV/8x+oCn0/dc5MfUdJaXxFpaicqgD3iWp8vipeau/9H+mfnq//mY1VeaMhB7Wd7qnQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAPB/CNznN+NJZanB619YfpKV8VWglKIBUZiRfXv8vLiRlzSvKciJihZlZfHfj5dl2uGa7p2s+KX+ws3FQge3lC7blEXv6OwFhTrlL8nzCQWLTLro+VxkLV5Qr2bLjqxRRTdOVjSzTTIJ7qm3aldWcv1+FtUlfaLLizcUXJvu8kJ+fMCmfk5vdmVlp/3cyQq1beI8CNef20xEnsRQx3l/sqjf0pjHJdCmG1MpsthEN/yxb/BaWfe92skKfJMFaXXTpixOeTMI+WmVS2iJIl3mcyujz5G8gb0drfCO9keL/spbHS15rgxJdVvR2CqRbme0wgX9ICs5pv3covmsZVmSW7So72Z0r88ltnTb3KJ09KMsc2HanZVI7RY5eTyvRHrQpaa0OJWHS7ddiZTmDbLsRJ8rX7dalvUIevVh4z2Su6cW0Ehw+tQKAAB/DN8B6Jikju6t6uAAAAAASUVORK5CYII=" class="component-holder" style="object-fit: cover" xattr-position="" object-fit="object-fit: cover;" data-component="crn-image" id="crn-image-4781" width="100%" height="100%">
-                                            <h2 class="text-center top-13" data-component="crn-label" data-container="true" data-replace="true" horizontal-text-position="text-center" vertical-text-position="top-50">SLIDE 3</h2>
-                                        </ion-slide>
+                                        </ion-slide>                                       
                                     </div>
                                     <div class="slider-pager">
                                         <!-- ngRepeat: slide in numSlides() track by $index --><span class="slider-pager-page active" ng-repeat="slide in numSlides() track by $index" ng-class="{active: $index == currentSlide}" ng-click="pagerClick($index)" role="button" tabindex="0"><i class="icon ion-record"></i></span><!-- end ngRepeat: slide in numSlides() track by $index --><span class="slider-pager-page" ng-repeat="slide in numSlides() track by $index" ng-class="{active: $index == currentSlide}" ng-click="pagerClick($index)" role="button" tabindex="0"><i class="icon ion-record"></i></span><!-- end ngRepeat: slide in numSlides() track by $index --><span class="slider-pager-page" ng-repeat="slide in numSlides() track by $index" ng-class="{active: $index == currentSlide}" ng-click="pagerClick($index)" role="button" tabindex="0"><i class="icon ion-record"></i></span><!-- end ngRepeat: slide in numSlides() track by $index -->

package/dist/components/css/crn-ion-segment.css

@@ -1 +1 @@
-.crn-ion-segment-light ul,.crn-ion-segment-modern ul,.crn-ion-segment-classic ul{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:18px;margin:0 auto;padding:2.5px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li,.crn-ion-segment-classic ul li{background:transparent;border:0;border-radius:16px;cursor:pointer;font-size:11px;text-align:center;line-height:21px;padding-top:2px;min-width:93px;width:-webkit-fill-available;height:98%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{display:flex;align-items:center;justify-content:center;width:100%}.crn-ion-segment-light ul{min-height:54px}.crn-ion-segment-classic ul.icon-orientation-below,.crn-ion-segment-modern ul.icon-orientation-below,.crn-ion-segment-classic ul.icon-orientation-above,.crn-ion-segment-modern ul.icon-orientation-above{min-height:54px;height:100%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{height:100%}.crn-ion-segment-modern ul.icon-orientation-left,.crn-ion-segment-classic ul.icon-orientation-left .crn-ion-segment-modern ul.icon-orientation-right,.crn-ion-segment-classic ul.icon-orientation-right{min-height:auto}.crn-ion-segment-light ul li a:hover,.crn-ion-segment-modern ul li a:hover,.crn-ion-segment-classic ul li a:hover{cursor:pointer}.crn-ion-segment-light ul li a i,.crn-ion-segment-modern ul li a i,.crn-ion-segment-classic ul li a i{margin-bottom:3px}.crn-ion-segment-light ul li.active a,.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{background:transparent}.crn-ion-segment-light ul li.active{font-weight:600}.crn-ion-segment-modern ul li.active,.crn-ion-segment-classic ul li.active{box-shadow:rgb(0 16 46 / 15%) 0 2px 3px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li{border-radius:6px}.crn-ion-segment-light ul li{line-height:47px}.crn-ion-segment-light ul,.crn-ion-segment-modern ul{border-radius:0}.crn-ion-segment-classic ul.tabs-template-compact{width:79%}.crn-ion-segment-light ul.tabs-template-full,.crn-ion-segment-modern ul.tabs-template-full{width:100%}.icon-orientation-above li a{flex-direction:column;gap:0}.icon-orientation-below li a{flex-direction:column-reverse;gap:0}.icon-orientation-right li a{flex-direction:row-reverse;gap:5px}.icon-orientation-left li a{flex-direction:row;gap:5px}div.crn-ion-segment-light .icon-theme-light-default li a{color:var(--colorDefault40,#3b448e);opacity:.64}.ion-segment-default li a{color:var(--textColorDefault40,#3b448e);opacity:.64}div.crn-ion-segment-light .icon-theme-light-default li.active a,.ion-segment-default li.active a{opacity:1}.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{color:var(--textColorDefault40,#fff)}div.crn-ion-segment-light .icon-theme-light-assertive li a{color:var(--textColorDanger40,#ef473a);opacity:.64}.ion-segment-assertive li a{color:var(--textColorDanger40,#ef473a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-assertive li.active a,.ion-segment-assertive li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-balanced li a{color:var(--colorSuccess40,#33cd5f);opacity:.64}.ion-segment-balanced li a{color:var(--textColorSuccess40,#33cd5f);opacity:.64}div.crn-ion-segment-light .icon-theme-light-balanced li.active a,.ion-segment-balanced li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-energized li a{color:var(--colorWarning40,#ffc900);opacity:.64}.ion-segment-energized li a{color:var(--textColorWarning40,#ffc900);opacity:.64}div.crn-ion-segment-light .icon-theme-light-energized li.active a,.ion-segment-energized li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light li a{color:var(--colorLight40,#fff);opacity:.64}.ion-segment-light li a{color:var(--textColorLight40,#fff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light li.active a,.ion-segment-light li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-stable li a{color:var(--colorStable40,#f8f8f8);opacity:.64}.ion-segment-stable li a{color:var(--textColorStable40,#f8f8f8);opacity:.64}div.crn-ion-segment-light .icon-theme-light-stable li.active a,.ion-segment-stable li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-calm li a{color:var(--colorCalm40,#11c1f3);opacity:.64}.ion-segment-calm li a{color:var(--textColorCalm40,#11c1f3);opacity:.64}div.crn-ion-segment-light .icon-theme-light-calm li.active a,.ion-segment-calm li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-positive li a{color:var(--colorPrimary40,#387ef5);opacity:.64}.ion-segment-positive li a{color:var(--textColorPrimary40,#387ef5);opacity:.64}div.crn-ion-segment-light .icon-theme-light-positive li.active a,.ion-segment-positive li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-royal li a{color:var(--colorRoyal40,#886aea);opacity:.64}.ion-segment-royal li a{color:var(--textColorRoyal40,#886aea);opacity:.64}div.crn-ion-segment-light .icon-theme-light-royal li.active a,.ion-segment-royal li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark li a{color:var(--colorDark40,#444);opacity:.64}.ion-segment-dark li a{color:var(--textColorDark40,#444);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark li.active a,.ion-segment-dark li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-white li a,.ion-segment-white li a{color:var(--white,#fff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-white li.active a,.ion-segment-white li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-gray li a,.ion-segment-gray li a{color:var(--gray,#333);opacity:.64}div.crn-ion-segment-light .icon-theme-light-gray li.active a,.ion-segment-gray li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-black li a,.ion-segment-black li a{color:var(--black,#000);opacity:.64}div.crn-ion-segment-light .icon-theme-light-black li.active a,.ion-segment-black li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-blue li a,.ion-segment-blue li a{color:var(--blue,#0247fe);opacity:.64}div.crn-ion-segment-light .icon-theme-light-blue li.active a,.ion-segment-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-blue li a,.ion-segment-light-blue li a{color:var(--light-blue,#85a5ff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-blue li.active a,.ion-segment-light-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-blue li a,.ion-segment-dark-blue li a{color:var(--dark-blue,#00217a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-blue li.active a,.ion-segment-dark-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-purple li a,.ion-segment-purple li a{color:var(--purple,#3d01a4);opacity:.64}div.crn-ion-segment-light .icon-theme-light-purple li.active a,.ion-segment-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-purple li a,.ion-segment-light-purple li a{color:var(--light-purple,#b285ff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-purple li.active a,.ion-segment-light-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-purple li a,.ion-segment-dark-purple li a{color:var(--dark-purple,#2d007a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-purple li.active a,.ion-segment-dark-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-red li a,.ion-segment-red li a{color:var(--red,#fe2712);opacity:.64}div.crn-ion-segment-light .icon-theme-light-red li.active a,.ion-segment-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-red li a,.ion-segment-light-red li a{color:var(--light-red,#fe8f84);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-red li.active a,.ion-segment-light-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-red li a,.ion-segment-dark-red li a{color:var(--dark-red,#7a0b00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-red li.active a,.ion-segment-dark-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-orange li a,.ion-segment-orange li a{color:var(--orange,#fb9b02);opacity:.64}div.crn-ion-segment-light .icon-theme-light-orange li.active a,.ion-segment-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-red li a,.ion-segment-light-orange li a{color:var(--light-orange,#ffd085);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-red li.active a,.ion-segment-light-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-red li a,.ion-segment-dark-orange li a{color:var(--dark-orange,#7a4b00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-red li.active a,.ion-segment-dark-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-yellow li a,.ion-segment-yellow li a{color:var(--yellow,#ff3);opacity:.64}div.crn-ion-segment-light .icon-theme-light-yellow li.active a,.ion-segment-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-yellow li a,.ion-segment-light-yellow li a{color:var(--light-yellow,#ffff85);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-yellow li.active a,.ion-segment-light-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-yellow li a,.ion-segment-dark-yellow li a{color:var(--dark-yellow,#7a7a00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-yellow li.active a,.ion-segment-dark-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-green li a,.ion-segment-green li a{color:var(--green,#66b032);opacity:.64}div.crn-ion-segment-light .icon-theme-light-green li.active a,.ion-segment-green li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-green li a,.ion-segment-light-green li a{color:var(--light-green,#b7ff85);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-green li.active a,.ion-segment-light-green li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-green li a,.ion-segment-dark-green li a{color:var(--dark-green,#337a00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-green li.active a,.ion-segment-dark-green li.active a{opacity:1}.font-size-100 i{font-size:100%}.font-size-200 i{font-size:200%}.font-size-300 i{font-size:300%}.font-size-400 i{font-size:400%}.font-size-500 i{font-size:500%}.font-size-600 i{font-size:600%}.font-size-700 i{font-size:700%}.bg-default{background:var(--colorDefault10,#3b448e)}.bg-assertive{background:var(--colorDanger10,#ef473a)}.bg-balanced{background:var(--colorSuccess10,#33cd5f)}.bg-energized{background:var(--colorWarning10,#ffc900)}.bg-light{background:var(--colorLight10,#fff)}.bg-stable{background:var(--colorStable10,#f8f8f8)}.bg-calm{background:var(--colorCalm10,#11c1f3)}.bg-positive{background:var(--colorPrimary10,#387ef5)}.bg-royal{background:var(--colorRoyal10,#886aea)}.bg-dark{background:var(--colorDark10,#444)}.bg-white{background:#ffffff47}.bg-gray{background:#33333347}.bg-black{background:#00000047}.bg-blue{background:#0247FE47}.bg-light-blue{background:#85A5FF47}.bg-dark-blue{background:#00217A47}.bg-purple{background:#3D01A447}.bg-light-purple{background:#B285FF47}.bg-dark-purple{background:#2D007A47}.bg-red{background:#FE271247}.bg-light-red{background:#FE8F8447}.bg-dark-red{background:#7A0B0047}.bg-orange{background:#FB9B0247}.bg-light-orange{background:#FFD08547}.bg-dark-orange{background:#7A4B0047}.bg-yellow{background:#FFFF3347}.bg-light-yellow{background:#FFFF8547}.bg-dark-yellow{background:#7A7A0047}.bg-green{background:#66B03247}.bg-light-green{background:#B7FF8547}.bg-dark-green{background:#337A0047}div.crn-ion-segment-classic ul.active-background-default li.active,div.crn-ion-segment-modern ul.active-background-default li.active{background:var(--colorDefault40,#3b448e)}div.crn-ion-segment-classic ul.active-background-assertive li.active,div.crn-ion-segment-modern ul.active-background-assertive li.active{background:var(--colorDanger40,#ef473a)}div.crn-ion-segment-classic ul.active-background-balanced li.active,div.crn-ion-segment-modern ul.active-background-balanced li.active{background:var(--colorSuccess40,#33cd5f)}div.crn-ion-segment-classic ul.active-background-energized li.active,div.crn-ion-segment-modern ul.active-background-energized li.active{background:var(--colorWarning40,#ffc900)}div.crn-ion-segment-classic ul.active-background-light li.active,div.crn-ion-segment-modern ul.active-background-light li.active{background:var(--colorLight40,#fff)}div.crn-ion-segment-classic ul.active-background-stable li.active,div.crn-ion-segment-modern ul.active-background-stable li.active{background:var(--colorStable40,#f8f8f8)}div.crn-ion-segment-classic ul.active-background-calm li.active,div.crn-ion-segment-modern ul.active-background-calm li.active{background:var(--colorCalm40,#11c1f3)}div.crn-ion-segment-classic ul.active-background-positive li.active,div.crn-ion-segment-modern ul.active-background-positive li.active{background:var(--colorPrimary40,#387ef5)}div.crn-ion-segment-classic ul.active-background-royal li.active,div.crn-ion-segment-modern ul.active-background-royal li.active{background:var(--colorRoyal40,#886aea)}div.crn-ion-segment-classic ul.active-background-dark li.active,div.crn-ion-segment-modern ul.active-background-dark li.active{background:var(--colorDark40,#444)}div.crn-ion-segment-classic ul.active-background-white li.active,div.crn-ion-segment-modern ul.active-background-white li.active{background:var(--white,#fff)}div.crn-ion-segment-classic ul.active-background-gray li.active,div.crn-ion-segment-modern ul.active-background-gray li.active{background:var(--gray,#333)}div.crn-ion-segment-classic ul.active-background-black li.active,div.crn-ion-segment-modern ul.active-background-black li.active{background:var(--black,#000)}div.crn-ion-segment-classic ul.active-background-blue li.active,div.crn-ion-segment-modern ul.active-background-blue li.active{background:var(--blue,#0247fe)}div.crn-ion-segment-classic ul.active-background-light-blue li.active,div.crn-ion-segment-modern ul.active-background-light-blue li.active{background:var(--light-blue,#85a5ff)}div.crn-ion-segment-classic ul.active-background-dark-blue li.active,div.crn-ion-segment-modern ul.active-background-dark-blue li.active{background:var(--dark-blue,#00217a)}div.crn-ion-segment-classic ul.active-background-purple li.active,div.crn-ion-segment-modern ul.active-background-purple li.active{background:var(--purple,#3d01a4)}div.crn-ion-segment-classic ul.active-background-light-purple li.active,div.crn-ion-segment-modern ul.active-background-light-purple li.active{background:var(--light-purple,#b285ff)}div.crn-ion-segment-classic ul.active-background-dark-purple li.active,div.crn-ion-segment-modern ul.active-background-dark-purple li.active{background:var(--dark-purple,#2d007a)}div.crn-ion-segment-classic ul.active-background-red li.active,div.crn-ion-segment-modern ul.active-background-red li.active{background:var(--red,#fe2712)}div.crn-ion-segment-classic ul.active-background-light-red li.active,div.crn-ion-segment-modern ul.active-background-light-red li.active{background:var(--light-red,#fe8f84)}div.crn-ion-segment-classic ul.active-background-dark-red li.active,div.crn-ion-segment-modern ul.active-background-dark-red li.active{background:var(--dark-red,#7a0b00)}div.crn-ion-segment-classic ul.active-background-orange li.active,div.crn-ion-segment-modern ul.active-background-orange li.active{background:var(--orange,#fb9b02)}div.crn-ion-segment-classic ul.active-background-light-orange li.active,div.crn-ion-segment-modern ul.active-background-light-orange li.active{background:var(--light-orange,#ffd085)}div.crn-ion-segment-classic ul.active-background-dark-orange li.active,div.crn-ion-segment-modern ul.active-background-dark-orange li.active{background:var(--dark-orange,#7a4b00)}div.crn-ion-segment-classic ul.active-background-yellow li.active,div.crn-ion-segment-modern ul.active-background-yellow li.active{background:var(--yellow,#ff3)}div.crn-ion-segment-classic ul.active-background-light-yellow li.active,div.crn-ion-segment-modern ul.active-background-light-yellow li.active{background:var(--light-yellow,#ffff85)}div.crn-ion-segment-classic ul.active-background-dark-yellow li.active,div.crn-ion-segment-modern ul.active-background-dark-yellow li.active{background:var(--dark-yellow,#7a7a00)}div.crn-ion-segment-classic ul.active-background-green li.active,div.crn-ion-segment-modern ul.active-background-green li.active{background:var(--green,#66b032)}div.crn-ion-segment-classic ul.active-background-light-green li.active,div.crn-ion-segment-modern ul.active-background-light-green li.active{background:var(--light-green,#b7ff85)}div.crn-ion-segment-classic ul.active-background-dark-green li.active,div.crn-ion-segment-modern ul.active-background-dark-green li.active{background:var(--dark-green,#337a00)}.crn-ion-segment-light ul{padding-bottom:0}div.crn-ion-segment-light ul li.active{border-bottom:1px solid;border-radius:0;box-shadow:none;background:transparent}div.crn-ion-segment-light .icon-theme-light-white li.active{border-color:var(--white,#fff)}div.crn-ion-segment-light .icon-theme-light-gray li.active{border-color:var(--gray,#333)}div.crn-ion-segment-light .icon-theme-light-black li.active{border-color:var(--black,#000)}div.crn-ion-segment-light .icon-theme-light-blue li.active{border-color:var(--blue,#0247fe)}div.crn-ion-segment-light .icon-theme-light-light-blue li.active{border-color:var(--light-blue,#85a5ff)}div.crn-ion-segment-light .icon-theme-light-dark-blue li.active{border-color:var(--dark-blue,#00217a)}div.crn-ion-segment-light .icon-theme-light-purple li.active{border-color:var(--purple,#3d01a4)}div.crn-ion-segment-light .icon-theme-light-light-purple li.active{border-color:var(--light-purple,#b285ff)}div.crn-ion-segment-light .icon-theme-light-dark-purple li.active{border-color:var(--dark-purple,#2d007a)}div.crn-ion-segment-light .icon-theme-light-red li.active{border-color:var(--red,#fe2712)}div.crn-ion-segment-light .icon-theme-light-light-red li.active{border-color:var(--light-red,#fe8f84)}div.crn-ion-segment-light .icon-theme-light-dark-red li.active{border-color:var(--dark-red,#7a0b00)}div.crn-ion-segment-light .icon-theme-light-orange li.active{border-color:var(--orange,#fb9b02)}div.crn-ion-segment-light .icon-theme-light-light-orange li.active{border-color:var(--light-orange,#ffd085)}div.crn-ion-segment-light .icon-theme-light-dark-orange li.active{border-color:var(--dark-orange,#7a4b00)}div.crn-ion-segment-light .icon-theme-light-yellow li.active{border-color:var(--yellow,#ff3)}div.crn-ion-segment-light .icon-theme-light-light-yellow li.active{border-color:var(--light-yellow,#ffff85)}div.crn-ion-segment-light .icon-theme-light-dark-yellow li.active{border-color:var(--dark-yellow,#7a7a00)}div.crn-ion-segment-light .icon-theme-light-green li.active{border-color:var(--green,#66b032)}div.crn-ion-segment-light .icon-theme-light-light-green li.active{border-color:var(--light-green,#b7ff85)}div.crn-ion-segment-light .icon-theme-light-dark-green li.active{border-color:var(--dark-green,#337a00)}div.crn-ion-segment-light .icon-theme-light-assertive li.active{border-color:var(--colorDanger40,#ef473a)}div.crn-ion-segment-light .icon-theme-light-balanced li.active{border-color:var(--colorSuccess40,#33cd5f)}div.crn-ion-segment-light .icon-theme-light-energized li.active{border-color:var(--colorWarning40,#ffc900)}div.crn-ion-segment-light .icon-theme-light-light li.active{border-color:var(--colorLight40,#fff)}div.crn-ion-segment-light .icon-theme-light-stable li.active{border-color:var(--colorStable40,#f8f8f8)}div.crn-ion-segment-light .icon-theme-light-calm li.active{border-color:var(--colorCalm40,#11c1f3)}div.crn-ion-segment-light .icon-theme-light-positive li.active{border-color:var(--colorPrimary40,#387ef5)}div.crn-ion-segment-light .icon-theme-light-royal li.active{border-color:var(--colorRoyal40,#886aea)}div.crn-ion-segment-light .icon-theme-light-dark li.active{border-color:var(--colorDark40,#444)}
+.crn-ion-segment-light ul,.crn-ion-segment-modern ul,.crn-ion-segment-classic ul{display:flex;align-items:center;justify-content:center;gap:4px;border-radius:18px;margin:0 auto;padding:2.5px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li,.crn-ion-segment-classic ul li{background:transparent;border:0;border-radius:16px;cursor:pointer;font-size:11px;text-align:center;line-height:21px;padding-top:2px;min-width:93px;width:-webkit-fill-available;height:98%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{display:flex;align-items:center;justify-content:center;width:100%}.crn-ion-segment-light ul{min-height:54px}.crn-ion-segment-classic ul.icon-orientation-below,.crn-ion-segment-modern ul.icon-orientation-below,.crn-ion-segment-classic ul.icon-orientation-above,.crn-ion-segment-modern ul.icon-orientation-above{min-height:54px;height:100%}.crn-ion-segment-light ul li a,.crn-ion-segment-modern ul li a,.crn-ion-segment-classic ul li a{height:100%}.crn-ion-segment-modern ul.icon-orientation-left,.crn-ion-segment-classic ul.icon-orientation-left .crn-ion-segment-modern ul.icon-orientation-right,.crn-ion-segment-classic ul.icon-orientation-right{min-height:auto}.crn-ion-segment-light ul li a:hover,.crn-ion-segment-modern ul li a:hover,.crn-ion-segment-classic ul li a:hover{cursor:pointer}.crn-ion-segment-light ul li a i,.crn-ion-segment-modern ul li a i,.crn-ion-segment-classic ul li a i{margin-bottom:3px}.crn-ion-segment-light ul li.active a,.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{background:transparent}.crn-ion-segment-light ul li.active{font-weight:600}.crn-ion-segment-modern ul li.active,.crn-ion-segment-classic ul li.active{box-shadow:rgb(0 16 46 / 15%) 0 2px 3px}.crn-ion-segment-light ul li,.crn-ion-segment-modern ul li{border-radius:6px}.crn-ion-segment-light ul li{line-height:47px}.crn-ion-segment-light ul,.crn-ion-segment-modern ul{border-radius:0}.crn-ion-segment-classic ul.tabs-template-compact{width:79%}.crn-ion-segment-light ul.tabs-template-full,.crn-ion-segment-modern ul.tabs-template-full{width:100%}.icon-orientation-above li a{flex-direction:column;gap:0}.icon-orientation-below li a{flex-direction:column-reverse;gap:0}.icon-orientation-right li a{flex-direction:row-reverse;gap:5px}.icon-orientation-left li a{flex-direction:row;gap:5px}div.crn-ion-segment-light .icon-theme-light-default li a{color:var(--colorDefault40,#3b448e);opacity:.64}.ion-segment-default li a{color:var(--textColorDefault40,#3b448e);opacity:.64}div.crn-ion-segment-light .icon-theme-light-default li.active a,.ion-segment-default li.active a{opacity:1}.crn-ion-segment-modern ul li.active a,.crn-ion-segment-classic ul li.active a{color:var(--textColorDefault40,#fff)}div.crn-ion-segment-light .icon-theme-light-assertive li a{color:var(--colorDanger40,#ef473a);opacity:.64}.ion-segment-assertive li a{color:var(--textColorDanger40,#ef473a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-assertive li.active a,.ion-segment-assertive li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-balanced li a{color:var(--colorSuccess40,#33cd5f);opacity:.64}.ion-segment-balanced li a{color:var(--textColorSuccess40,#33cd5f);opacity:.64}div.crn-ion-segment-light .icon-theme-light-balanced li.active a,.ion-segment-balanced li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-energized li a{color:var(--colorWarning40,#ffc900);opacity:.64}.ion-segment-energized li a{color:var(--textColorWarning40,#ffc900);opacity:.64}div.crn-ion-segment-light .icon-theme-light-energized li.active a,.ion-segment-energized li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light li a{opacity:.64}.ion-segment-light li a{color:var(--textColorLight40,#fff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light li.active a,.ion-segment-light li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-stable li a{opacity:.64}.ion-segment-stable li a{color:var(--textColorStable40,#f8f8f8);opacity:.64}div.crn-ion-segment-light .icon-theme-light-stable li.active a,.ion-segment-stable li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-calm li a{color:var(--colorCalm40,#11c1f3);opacity:.64}.ion-segment-calm li a{color:var(--textColorCalm40,#11c1f3);opacity:.64}div.crn-ion-segment-light .icon-theme-light-calm li.active a,.ion-segment-calm li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-positive li a{color:var(--colorPrimary40,#387ef5);opacity:.64}.ion-segment-positive li a{color:var(--textColorPrimary40,#387ef5);opacity:.64}div.crn-ion-segment-light .icon-theme-light-positive li.active a,.ion-segment-positive li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-royal li a{color:var(--colorRoyal40,#886aea);opacity:.64}.ion-segment-royal li a{color:var(--textColorRoyal40,#886aea);opacity:.64}div.crn-ion-segment-light .icon-theme-light-royal li.active a,.ion-segment-royal li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark li a{color:var(--colorDark40,#444);opacity:.64}.ion-segment-dark li a{color:var(--textColorDark40,#444);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark li.active a,.ion-segment-dark li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-white li a,.ion-segment-white li a{color:var(--white,#fff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-white li.active a,.ion-segment-white li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-gray li a,.ion-segment-gray li a{color:var(--gray,#333);opacity:.64}div.crn-ion-segment-light .icon-theme-light-gray li.active a,.ion-segment-gray li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-black li a,.ion-segment-black li a{color:var(--black,#000);opacity:.64}div.crn-ion-segment-light .icon-theme-light-black li.active a,.ion-segment-black li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-blue li a,.ion-segment-blue li a{color:var(--blue,#0247fe);opacity:.64}div.crn-ion-segment-light .icon-theme-light-blue li.active a,.ion-segment-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-blue li a,.ion-segment-light-blue li a{color:var(--light-blue,#85a5ff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-blue li.active a,.ion-segment-light-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-blue li a,.ion-segment-dark-blue li a{color:var(--dark-blue,#00217a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-blue li.active a,.ion-segment-dark-blue li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-purple li a,.ion-segment-purple li a{color:var(--purple,#3d01a4);opacity:.64}div.crn-ion-segment-light .icon-theme-light-purple li.active a,.ion-segment-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-purple li a,.ion-segment-light-purple li a{color:var(--light-purple,#b285ff);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-purple li.active a,.ion-segment-light-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-purple li a,.ion-segment-dark-purple li a{color:var(--dark-purple,#2d007a);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-purple li.active a,.ion-segment-dark-purple li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-red li a,.ion-segment-red li a{color:var(--red,#fe2712);opacity:.64}div.crn-ion-segment-light .icon-theme-light-red li.active a,.ion-segment-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-red li a,.ion-segment-light-red li a{color:var(--light-red,#fe8f84);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-red li.active a,.ion-segment-light-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-red li a,.ion-segment-dark-red li a{color:var(--dark-red,#7a0b00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-red li.active a,.ion-segment-dark-red li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-orange li a,.ion-segment-orange li a{color:var(--orange,#fb9b02);opacity:.64}div.crn-ion-segment-light .icon-theme-light-orange li.active a,.ion-segment-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-red li a,.ion-segment-light-orange li a{color:var(--light-orange,#ffd085);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-red li.active a,.ion-segment-light-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-red li a,.ion-segment-dark-orange li a{color:var(--dark-orange,#7a4b00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-red li.active a,.ion-segment-dark-orange li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-yellow li a,.ion-segment-yellow li a{color:var(--yellow,#ff3);opacity:.64}div.crn-ion-segment-light .icon-theme-light-yellow li.active a,.ion-segment-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-yellow li a,.ion-segment-light-yellow li a{color:var(--light-yellow,#ffff85);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-yellow li.active a,.ion-segment-light-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-yellow li a,.ion-segment-dark-yellow li a{color:var(--dark-yellow,#7a7a00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-yellow li.active a,.ion-segment-dark-yellow li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-green li a,.ion-segment-green li a{color:var(--green,#66b032);opacity:.64}div.crn-ion-segment-light .icon-theme-light-green li.active a,.ion-segment-green li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-light-green li a,.ion-segment-light-green li a{color:var(--light-green,#b7ff85);opacity:.64}div.crn-ion-segment-light .icon-theme-light-light-green li.active a,.ion-segment-light-green li.active a{opacity:1}div.crn-ion-segment-light .icon-theme-light-dark-green li a,.ion-segment-dark-green li a{color:var(--dark-green,#337a00);opacity:.64}div.crn-ion-segment-light .icon-theme-light-dark-green li.active a,.ion-segment-dark-green li.active a{opacity:1}.font-size-100 i{font-size:100%}.font-size-200 i{font-size:200%}.font-size-300 i{font-size:300%}.font-size-400 i{font-size:400%}.font-size-500 i{font-size:500%}.font-size-600 i{font-size:600%}.font-size-700 i{font-size:700%}.bg-default{background:var(--colorDefault10,#3b448e)}.bg-assertive{background:var(--colorDanger10,#ef473a)}.bg-balanced{background:var(--colorSuccess10,#33cd5f)}.bg-energized{background:var(--colorWarning10,#ffc900)}.bg-light{background:var(--colorLight10,#fff)}.bg-stable{background:var(--colorStable10,#f8f8f8)}.bg-calm{background:var(--colorCalm10,#11c1f3)}.bg-positive{background:var(--colorPrimary10,#387ef5)}.bg-royal{background:var(--colorRoyal10,#886aea)}.bg-dark{background:var(--colorDark10,#444)}.bg-white{background:#ffffff47}.bg-gray{background:#33333347}.bg-black{background:#00000047}.bg-blue{background:#0247FE47}.bg-light-blue{background:#85A5FF47}.bg-dark-blue{background:#00217A47}.bg-purple{background:#3D01A447}.bg-light-purple{background:#B285FF47}.bg-dark-purple{background:#2D007A47}.bg-red{background:#FE271247}.bg-light-red{background:#FE8F8447}.bg-dark-red{background:#7A0B0047}.bg-orange{background:#FB9B0247}.bg-light-orange{background:#FFD08547}.bg-dark-orange{background:#7A4B0047}.bg-yellow{background:#FFFF3347}.bg-light-yellow{background:#FFFF8547}.bg-dark-yellow{background:#7A7A0047}.bg-green{background:#66B03247}.bg-light-green{background:#B7FF8547}.bg-dark-green{background:#337A0047}div.crn-ion-segment-classic ul.active-background-default li.active,div.crn-ion-segment-modern ul.active-background-default li.active{background:var(--colorDefault40,#3b448e)}div.crn-ion-segment-classic ul.active-background-assertive li.active,div.crn-ion-segment-modern ul.active-background-assertive li.active{background:var(--colorDanger40,#ef473a)}div.crn-ion-segment-classic ul.active-background-balanced li.active,div.crn-ion-segment-modern ul.active-background-balanced li.active{background:var(--colorSuccess40,#33cd5f)}div.crn-ion-segment-classic ul.active-background-energized li.active,div.crn-ion-segment-modern ul.active-background-energized li.active{background:var(--colorWarning40,#ffc900)}div.crn-ion-segment-classic ul.active-background-light li.active,div.crn-ion-segment-modern ul.active-background-light li.active{background:var(--colorLight40,#fff)}div.crn-ion-segment-classic ul.active-background-stable li.active,div.crn-ion-segment-modern ul.active-background-stable li.active{background:var(--colorStable40,#f8f8f8)}div.crn-ion-segment-classic ul.active-background-calm li.active,div.crn-ion-segment-modern ul.active-background-calm li.active{background:var(--colorCalm40,#11c1f3)}div.crn-ion-segment-classic ul.active-background-positive li.active,div.crn-ion-segment-modern ul.active-background-positive li.active{background:var(--colorPrimary40,#387ef5)}div.crn-ion-segment-classic ul.active-background-royal li.active,div.crn-ion-segment-modern ul.active-background-royal li.active{background:var(--colorRoyal40,#886aea)}div.crn-ion-segment-classic ul.active-background-dark li.active,div.crn-ion-segment-modern ul.active-background-dark li.active{background:var(--colorDark40,#444)}div.crn-ion-segment-classic ul.active-background-white li.active,div.crn-ion-segment-modern ul.active-background-white li.active{background:var(--white,#fff)}div.crn-ion-segment-classic ul.active-background-gray li.active,div.crn-ion-segment-modern ul.active-background-gray li.active{background:var(--gray,#333)}div.crn-ion-segment-classic ul.active-background-black li.active,div.crn-ion-segment-modern ul.active-background-black li.active{background:var(--black,#000)}div.crn-ion-segment-classic ul.active-background-blue li.active,div.crn-ion-segment-modern ul.active-background-blue li.active{background:var(--blue,#0247fe)}div.crn-ion-segment-classic ul.active-background-light-blue li.active,div.crn-ion-segment-modern ul.active-background-light-blue li.active{background:var(--light-blue,#85a5ff)}div.crn-ion-segment-classic ul.active-background-dark-blue li.active,div.crn-ion-segment-modern ul.active-background-dark-blue li.active{background:var(--dark-blue,#00217a)}div.crn-ion-segment-classic ul.active-background-purple li.active,div.crn-ion-segment-modern ul.active-background-purple li.active{background:var(--purple,#3d01a4)}div.crn-ion-segment-classic ul.active-background-light-purple li.active,div.crn-ion-segment-modern ul.active-background-light-purple li.active{background:var(--light-purple,#b285ff)}div.crn-ion-segment-classic ul.active-background-dark-purple li.active,div.crn-ion-segment-modern ul.active-background-dark-purple li.active{background:var(--dark-purple,#2d007a)}div.crn-ion-segment-classic ul.active-background-red li.active,div.crn-ion-segment-modern ul.active-background-red li.active{background:var(--red,#fe2712)}div.crn-ion-segment-classic ul.active-background-light-red li.active,div.crn-ion-segment-modern ul.active-background-light-red li.active{background:var(--light-red,#fe8f84)}div.crn-ion-segment-classic ul.active-background-dark-red li.active,div.crn-ion-segment-modern ul.active-background-dark-red li.active{background:var(--dark-red,#7a0b00)}div.crn-ion-segment-classic ul.active-background-orange li.active,div.crn-ion-segment-modern ul.active-background-orange li.active{background:var(--orange,#fb9b02)}div.crn-ion-segment-classic ul.active-background-light-orange li.active,div.crn-ion-segment-modern ul.active-background-light-orange li.active{background:var(--light-orange,#ffd085)}div.crn-ion-segment-classic ul.active-background-dark-orange li.active,div.crn-ion-segment-modern ul.active-background-dark-orange li.active{background:var(--dark-orange,#7a4b00)}div.crn-ion-segment-classic ul.active-background-yellow li.active,div.crn-ion-segment-modern ul.active-background-yellow li.active{background:var(--yellow,#ff3)}div.crn-ion-segment-classic ul.active-background-light-yellow li.active,div.crn-ion-segment-modern ul.active-background-light-yellow li.active{background:var(--light-yellow,#ffff85)}div.crn-ion-segment-classic ul.active-background-dark-yellow li.active,div.crn-ion-segment-modern ul.active-background-dark-yellow li.active{background:var(--dark-yellow,#7a7a00)}div.crn-ion-segment-classic ul.active-background-green li.active,div.crn-ion-segment-modern ul.active-background-green li.active{background:var(--green,#66b032)}div.crn-ion-segment-classic ul.active-background-light-green li.active,div.crn-ion-segment-modern ul.active-background-light-green li.active{background:var(--light-green,#b7ff85)}div.crn-ion-segment-classic ul.active-background-dark-green li.active,div.crn-ion-segment-modern ul.active-background-dark-green li.active{background:var(--dark-green,#337a00)}.crn-ion-segment-light ul{padding-bottom:0}div.crn-ion-segment-light ul li.active{border-bottom:1px solid;border-radius:0;box-shadow:none;background:transparent}div.crn-ion-segment-light .icon-theme-light-white li.active{border-color:var(--white,#fff)}div.crn-ion-segment-light .icon-theme-light-gray li.active{border-color:var(--gray,#333)}div.crn-ion-segment-light .icon-theme-light-black li.active{border-color:var(--black,#000)}div.crn-ion-segment-light .icon-theme-light-blue li.active{border-color:var(--blue,#0247fe)}div.crn-ion-segment-light .icon-theme-light-light-blue li.active{border-color:var(--light-blue,#85a5ff)}div.crn-ion-segment-light .icon-theme-light-dark-blue li.active{border-color:var(--dark-blue,#00217a)}div.crn-ion-segment-light .icon-theme-light-purple li.active{border-color:var(--purple,#3d01a4)}div.crn-ion-segment-light .icon-theme-light-light-purple li.active{border-color:var(--light-purple,#b285ff)}div.crn-ion-segment-light .icon-theme-light-dark-purple li.active{border-color:var(--dark-purple,#2d007a)}div.crn-ion-segment-light .icon-theme-light-red li.active{border-color:var(--red,#fe2712)}div.crn-ion-segment-light .icon-theme-light-light-red li.active{border-color:var(--light-red,#fe8f84)}div.crn-ion-segment-light .icon-theme-light-dark-red li.active{border-color:var(--dark-red,#7a0b00)}div.crn-ion-segment-light .icon-theme-light-orange li.active{border-color:var(--orange,#fb9b02)}div.crn-ion-segment-light .icon-theme-light-light-orange li.active{border-color:var(--light-orange,#ffd085)}div.crn-ion-segment-light .icon-theme-light-dark-orange li.active{border-color:var(--dark-orange,#7a4b00)}div.crn-ion-segment-light .icon-theme-light-yellow li.active{border-color:var(--yellow,#ff3)}div.crn-ion-segment-light .icon-theme-light-light-yellow li.active{border-color:var(--light-yellow,#ffff85)}div.crn-ion-segment-light .icon-theme-light-dark-yellow li.active{border-color:var(--dark-yellow,#7a7a00)}div.crn-ion-segment-light .icon-theme-light-green li.active{border-color:var(--green,#66b032)}div.crn-ion-segment-light .icon-theme-light-light-green li.active{border-color:var(--light-green,#b7ff85)}div.crn-ion-segment-light .icon-theme-light-dark-green li.active{border-color:var(--dark-green,#337a00)}div.crn-ion-segment-light .icon-theme-light-assertive li.active{border-color:var(--colorDanger40,#ef473a)}div.crn-ion-segment-light .icon-theme-light-balanced li.active{border-color:var(--colorSuccess40,#33cd5f)}div.crn-ion-segment-light .icon-theme-light-energized li.active{border-color:var(--colorWarning40,#ffc900)}div.crn-ion-segment-light .icon-theme-light-default li.active{border-color:var(--colorDefault40,#ffc900)}div.crn-ion-segment-light .icon-theme-light-calm li.active{border-color:var(--colorCalm40,#11c1f3)}div.crn-ion-segment-light .icon-theme-light-positive li.active{border-color:var(--colorPrimary40,#387ef5)}div.crn-ion-segment-light .icon-theme-light-royal li.active{border-color:var(--colorRoyal40,#886aea)}div.crn-ion-segment-light .icon-theme-light-dark li.active{border-color:var(--colorDark40,#444)}

package/dist/components/templates/item.avatar.template.html

@@ -1 +1 @@
-<a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left"><img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="dark" xattr-theme="dark">Item Title</h2><h3 class="dark" xattr-theme="dark">Item Subtitle</h3></a>
+<a class="item item-avatar-left text-left" xattr-image-position="item-avatar-left" xattr-text-position="text-left"><img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="default" xattr-theme="default">Item Title</h2><h3 class="dark" xattr-theme="dark">Item Subtitle</h3></a>

package/dist/components/templates/item.swipe.template.html

@@ -1 +1 @@
-<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}" data-component="crn-item-swipe"><ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe"><h2 class="titleItem">Item</h2><div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options"><div class="crn-item-options" data-item="true"><ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton"><i class="ion ion-edit"></i><span>Edit</span></ion-option-button><ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button" class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Delete</span></ion-option-button></div></div></ion-item></ion-list>
+<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}" data-component="crn-item-swipe"><ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe"><h2 class="titleItem">Item</h2><div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options"><div class="crn-item-options" data-item="true"><ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-default button editButton"><i class="ion ion-edit"></i><span>Action 1</span></ion-option-button><ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button" class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Action 2</span></ion-option-button></div></div></ion-item></ion-list>

package/dist/components/templates/item.thumbnail.template.html

@@ -1 +1 @@
-<a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left"><img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="dark" xattr-theme="dark">Item Title</h2><h3 class="dark" xattr-theme="dark">Item Subtitle</h3></a>
+<a class="item item-thumbnail-left text-left" xattr-image-position="item-thumbnail-left" href="" xattr-text-position="text-left"><img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="default" xattr-theme="default">Item Title</h2><h3 class="dark" xattr-theme="dark">Item Subtitle</h3></a>

package/dist/components/templates/list.avatar.template.html

@@ -1 +1 @@
-<div class="" crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}"><a class="item item-avatar-left text-left" xattr-position="item-avatar-left" xattr-text-position="text-left" data-component="crn-list-item-avatar" id="crn-list-item-avatar-${RANDOM}"><img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="dark" xattr-theme="dark">List Title</h2><h3 class="dark" xattr-theme="dark">List Subtitle</h3></a></div>
+<div class="" crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}"><a class="item item-avatar-left text-left" xattr-position="item-avatar-left" xattr-text-position="text-left" data-component="crn-list-item-avatar" id="crn-list-item-avatar-${RANDOM}"><img alt="Avatar" src="img/nophoto.png" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="default" xattr-theme="default">List Title</h2><h3 class="dark" xattr-theme="dark">List Subtitle</h3></a></div>

package/dist/components/templates/list.swipe.template.html

@@ -1 +1 @@
-<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}"><div ng-repeat="rowData in datasource.data" class="to-repeat"><ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe"><h2 style="display: inline">Item</h2><div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options"><div class="crn-item-options" data-item="true"><ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-positive button editButton"><i class="ion ion-edit"></i><span>Edit</span></ion-option-button><ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button" class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Delete</span></ion-option-button></div></div></ion-item></div></ion-list>
+<ion-list crn-datasource="" class="listCanSwipe" id="crn-list-swipe${RANDOM}"><div ng-repeat="rowData in datasource.data" class="to-repeat"><ion-item class="item" id="crn-list-item-swipe${RANDOM}" data-component="crn-item-swipe"><h2 style="display: inline">Item</h2><div id="crn-item-options${RANDOM}" class="component-holder" data-component="crn-item-options"><div class="crn-item-options" data-item="true"><ion-option-button id="crn-option-button${RANDOM}" data-component="crn-button" class="button-default button editButton"><i class="ion ion-edit"></i><span>Action 1</span></ion-option-button><ion-option-button id="crn-option-button${RANDOM}-2" data-component="crn-button" class="button-assertive button deleteButton"><i class="ion ion-trash-a"></i><span>Action 2</span></ion-option-button></div></div></ion-item></div></ion-list>

package/dist/components/templates/list.thumbnail.template.html

@@ -1 +1 @@
-<div crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}"><a data-component="crn-list-item-thumbnail" class="item item-thumbnail-left text-left" xattr-position="item-thumbnail-left" href="" xattr-text-position="text-left"><img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="dark" xattr-theme="dark">List Title</h2><h3 class="dark" xattr-theme="dark">List Subtitle</h3></a></div>
+<div crn-datasource="" ng-repeat="rowData in datasource.data" id="crn-list-avatar${RANDOM}"><a data-component="crn-list-item-thumbnail" class="item item-thumbnail-left text-left" xattr-position="item-thumbnail-left" xattr-text-position="text-left"><img alt="Thumbnail" src="https://picsum.photos/id/875/100/100" class="component-holder" data-component="crn-image" id="crn-image-${RANDOM}"><h2 class="default" xattr-theme="default">List Title</h2><h3 class="dark" xattr-theme="dark">List Subtitle</h3></a></div>