@omnia/runtime 8.0.216-dev → 8.0.219-dev

package/dist/bundles/omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css

@@ -1,45 +1,45 @@
 .ozp4kpb{background:var(--background,revert)}
-.oik3mn3{border:var(--border,revert)}
-.o1kvxyos{margin:var(--margin,revert)}
-.o19ea983{padding:var(--padding,revert)}
 .op5j0yd:hover{background:var(--umghl,revert)}
 .o19jiyzx:not(#\#){border-bottom:var(--borderBottom,revert)}
 .o1owwbs0:not(#\#){border-left:var(--borderLeft,revert)}
+.o1psujx9:not(#\#){border-radius:var(--borderRadius,revert)}
 .o1vbr5l2:not(#\#){border-right:var(--borderRight,revert)}
 .olmkbo7:not(#\#){border-top:var(--borderTop,revert)}
 .o1kapfjr:not(#\#){flex:var(--flex,revert)}
-.ob3r6kr:not(#\#){overflow:hidden}
-.o7mpspi:not(#\#){transition:.4s}
+.ocsedag:not(#\#){overflow:var(--overflow,revert)}
+.o1bmpxvi:not(#\#){text-decoration:var(--textDecoration,revert)}
 .o5z8be9:not(#\#){transition:var(--transition,revert)}
-.o1ua5tub:not(#\#):not(#\#){-webkit-box-orient:vertical}
-.o18678wd:not(#\#):not(#\#){-webkit-line-clamp:var(---webkit-line-clamp,revert)}
-.o6s0dn4:not(#\#):not(#\#){align-items:center}
+.o1f18tew:not(#\#):not(#\#){-webkit-background-clip:var(--WebkitBackgroundClip,revert)}
+.o1jvvtyj:not(#\#):not(#\#){-webkit-box-orient:var(--WebkitBoxOrient,revert)}
+.o1dovpjd:not(#\#):not(#\#){-webkit-line-clamp:var(--WebkitLineClamp,revert)}
+.o1lfcsjt:not(#\#):not(#\#){-webkit-text-fill-color:var(--WebkitTextFillColor,revert)}
 .o1bdtpbn:not(#\#):not(#\#){align-items:var(--alignItems,revert)}
 .orvokbi:not(#\#):not(#\#){align-self:var(--alignSelf,revert)}
 .o1xx3nwc:not(#\#):not(#\#){back-drop-filter:var(--backDropFilter,revert)}
+.okpg4c3:not(#\#):not(#\#){background-clip:var(--backgroundClip,revert)}
 .oq1mx2j:not(#\#):not(#\#){background-color:var(--backgroundColor,revert)}
+.o1g0zcm7:not(#\#):not(#\#){background-image:var(--backgroundImage,revert)}
 .od1wvjb:not(#\#):not(#\#){box-sizing:var(--boxSizing,revert)}
 .o19dipnz:not(#\#):not(#\#){color:var(--color,revert)}
 .o4rvf3u:not(#\#):not(#\#){column-gap:var(--columnGap,revert)}
-.o1ypdohk:not(#\#):not(#\#){cursor:pointer}
-.o104kibb:not(#\#):not(#\#){display:-webkit-box}
-.o78zum5:not(#\#):not(#\#){display:flex}
+.oghzc4r:not(#\#):not(#\#){cursor:var(--cursor,revert)}
 .o1hwep2t:not(#\#):not(#\#){display:var(--display,revert)}
 .o1t8ptb3:not(#\#):not(#\#){flex-basis:var(--flexBasis,revert)}
-.o1q0g3np:not(#\#):not(#\#){flex-direction:row}
 .ocr92ck:not(#\#):not(#\#){flex-direction:var(--flexDirection,revert)}
 .o11kkp4q:not(#\#):not(#\#){flex-grow:var(--flexGrow,revert)}
 .oq4ukbr:not(#\#):not(#\#){flex-wrap:var(--flexWrap,revert)}
+.o1q1tvw:not(#\#):not(#\#){font-family:var(--fontFamily,revert)}
 .o13jbg0v:not(#\#):not(#\#){font-size:var(--fontSize,revert)}
 .o1d8kn6q:not(#\#):not(#\#){font-weight:var(--fontWeight,revert)}
 .o1qa288d:not(#\#):not(#\#){justify-content:var(--justifyContent,revert)}
+.oatrb82:not(#\#):not(#\#){line-height:var(--lineHeight,revert)}
 .o1u4uod0:not(#\#):not(#\#){opacity:var(--opacity,revert)}
+.o16rutl3:not(#\#):not(#\#){position:var(--position,revert)}
 .om8a6f2:not(#\#):not(#\#){row-gap:var(--rowGap,revert)}
-.o7p49u4:not(#\#):not(#\#){transform:rotate(0deg)}
-.o1iffjtl:not(#\#):not(#\#){transform:rotate(90deg)}
+.otc2z4j:not(#\#):not(#\#){text-fill-color:var(--textFillColor,revert)}
+.o8rf0a0:not(#\#):not(#\#){text-transform:var(--textTransform,revert)}
 .o1v0jg1i:not(#\#):not(#\#){transform:var(--transform,revert)}
 .otgbcpc:not(#\#):not(#\#){white-space:var(--whiteSpace,revert)}
-.o1yn0g08:not(#\#):not(#\#){word-break:break-all}
 .ocl18dw:not(#\#):not(#\#){word-break:var(--wordBreak,revert)}
 .o1277o0a:hover:not(#\#):not(#\#){cursor:pointer}
 .oy0h9ws:not(#\#):not(#\#):not(#\#){border-bottom-left-radius:var(--borderBottomLeftRadius,revert)}
@@ -51,7 +51,6 @@
 .owmvlbq:not(#\#):not(#\#):not(#\#){margin-left:var(--marginLeft,revert)}
 .oy982vn:not(#\#):not(#\#):not(#\#){margin-right:var(--marginRight,revert)}
 .o1v67u4u:not(#\#):not(#\#):not(#\#){margin-top:var(--marginTop,revert)}
-.o193iq5w:not(#\#):not(#\#):not(#\#){max-width:100%}
 .osvhuol:not(#\#):not(#\#):not(#\#){max-width:var(--maxWidth,revert)}
 .o1gu4hsp:not(#\#):not(#\#):not(#\#){min-height:var(--minHeight,revert)}
 .o13to73x:not(#\#):not(#\#):not(#\#){min-width:var(--minWidth,revert)}
@@ -60,7 +59,63 @@
 .o1af1tl5:not(#\#):not(#\#):not(#\#){padding-right:var(--paddingRight,revert)}
 .obobb8a:not(#\#):not(#\#):not(#\#){padding-top:var(--paddingTop,revert)}
 .o17fnjtu:not(#\#):not(#\#):not(#\#){width:var(--width,revert)}
-                            /*!
+                            .o-ip-w {
+    width: var(--width, revert) !important
+}
+
+.o-ip-bg {
+    background: var(--background, revert) !important;
+}
+
+.o-ip-c {
+    color: var(--color, revert) !important;
+}
+
+.o-ip-btlr {
+    border-top-left-radius: var(--borderTopLeftRadius, revert) !important
+}
+
+.o-ip-btrr {
+    border-top-right-radius: var(--borderTopRightRadius, revert) !important
+}
+
+.o-ip-bbrr {
+    border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important
+}
+
+.o-ip-bblr {
+    border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important
+}
+
+.os-imp-height {
+    height: var(--height, revert) !important
+}
+
+.o-ip-bg-clip,
+.o-ip-bg.o-ip-bg-clip {
+    background-clip: var(--backgroundClip, revert) !important;
+    -webkit-background-clip: var(--backgroundClip, revert) !important;
+}
+
+.o-ip-bg-color,
+.o-ip-bg.o-ip-bg-color {
+    background-color: var(--backgroundColor, revert) !important;
+}
+
+.o-ip-td {
+    text-decoration: var(--textDecoration, revert) !important
+}
+
+.o-ip-font {
+    font-size: var(--fontSize, revert) !important;
+    font-weight: var(--fontWeight, revert) !important;
+    line-height: var(--lineHeight, revert) !important;
+}
+
+.o-ip-fs {
+    font-size: var(--fontSize, revert) !important;
+}
+/*!
 use .css file to override vuetify css prevent flickering because that will bundle to omnia.fx.ux_dee030cc-4ab3-4158-bb06-8049f5c67542.css
  */
 
@@ -149,6 +204,154 @@ html[data-omfx] pre {
     margin-left: 0;
     margin-right: 0;
 }
+
+/*Apply some rules for mobile devices (focus on ios)*/
+
+/* CSS specific to iOS devices */ 
+@supports (-webkit-touch-callout: none) {
+  @media (min-device-width:320px) and (max-device-width:600px) {
+    #omnia-app{
+      overflow-y: hidden;
+    }
+  }
+}
+
+@media (min-device-width:320px) and (max-device-width:600px) {
+    #omnia-content-footer{
+        padding-bottom: 60px
+    }
+}
+/* .o-bl-icon-nest i.v-icon,
+.v-btn.o-bl-icon-nest i.v-icon {
+    background: var(--background, revert) !important;
+    background-clip: var(--backgroundClip, revert) !important;
+    -webkit-background-clip: var(--backgroundClip, revert) !important;
+    -webkit-text-fill-color: var(--textFillColor, revert);
+    color: var(--color, revert) !important;
+    font-size: var(--fontSize, revert) !important;
+
+} */
+
+.o-blin-c i.v-icon,
+.v-btn.o-blin-c i.v-icon {
+    color: var(--color, revert) !important;
+}
+
+.o-blin-fs i.v-icon,
+.v-btn.o-blin-fs i.v-icon {
+    font-size: var(--fontSize, revert) !important;
+}
+
+.o-blin-bdf i.v-icon,
+.v-btn.o-blin-bdf i.v-icon {
+    font-size: var(--fontSize, revert) !important;
+}
+
+.o-blin-bg-clip i.v-icon,
+.v-btn.o-blin-bg-clip i.v-icon {
+    background-clip: var(--backgroundClip, revert) !important;
+    -webkit-background-clip: var(--backgroundClip, revert) !important;
+}
+
+.o-blin-bg i.v-icon,
+.v-btn.o-blin-bg i.v-icon {
+    background: var(--background, revert) !important;
+}
+
+.o-blin-tfc i.v-icon,
+.v-btn.o-blin-tfc i.v-icon {
+    -webkit-text-fill-color: var(--textFillColor, revert);
+}
+
+
+.o-bln-bg::before {
+    background-image: var(--backgroundImage, revert) !important;
+    content: "";
+    position: absolute;
+    background-position: top;
+    left: 0;
+    top: 0;
+    z-index: -1;
+    background-size: cover;
+    width: 100%;
+    height: 100%;
+    background-repeat: no-repeat;
+}
+
+.o-blb::before {
+    content: "";
+    position: absolute;
+    width: 100%;
+    height: 100%;
+}
+
+.o-blb-bg::before {
+    background: var(--background, revert) !important;
+}
+
+.o-blb-bdf::before {
+    backdrop-filter: var(--backDropFilter, revert);
+}
+
+.o-blb-border::before {
+    border: var(--border, revert);
+}
+
+.o-blb-border-b::before {
+    border-bottom: var(--borderBottom, revert);
+}
+
+.o-blb-border-r::before {
+    border-right: var(--borderRight, revert);
+}
+
+.o-blb-border-t::before {
+    border-top: var(--borderTop, revert);
+}
+
+.o-blb-border-l::before {
+    border-left: var(--borderLeft, revert);
+}
+
+.o-blb-bblr::before {
+    border-bottom-left-radius: var(--borderBottomLeftRadius, revert) !important;
+}
+
+.o-blb-bbrr::before {
+    border-bottom-right-radius: var(--borderBottomRightRadius, revert) !important;
+}
+
+.o-blb-btlr::before {
+    border-top-left-radius: var(--borderTopLeftRadius, revert) !important;
+}
+
+.o-blb-btrr::before {
+    border-top-right-radius: var(--borderTopRightRadius, revert) !important;
+}
+
+.o-blb-position::before {
+    position: var(--position, revert);
+}
+
+.o-blb .v-btn__content {
+    z-index: 30;
+}
+
+@media screen and (max-width: 420px) {
+    .o-typ-font {
+        font-size: var(--fontSize-s, revert) !important;
+        font-weight: var(--fontWeight-s, revert) !important;
+        line-height: var(--lineHeight-s, revert) !important;
+    }
+}
+
+@media screen and (min-width: 421) and (max-width: 1200px) {
+    .o-typ-font {
+        font-size: var(--fontSize-m, revert) !important;
+        font-weight: var(--fontWeight-m, revert) !important;
+        line-height: var(--lineHeight-m, revert) !important;
+    }
+}
 /*!
  * Generated with CSS Flag Sprite generator (https://www.flag-sprites.com/)
  */
@@ -1218,12 +1421,12 @@ html[data-omfx] pre {
 }
 
 .v-btn.o-btn-wrapper {
-    color: var(--obtn-color) !important;
-    background: var(--obtn-background) !important;
+    color: var(--obtn-color, revert) !important;
+    background: var(--obtn-background, revert) !important;
 }
 
 .v-btn.o-btn-wrapper i {
-    color: var(--obtn-nest-color) !important;
+    color: var(--obtn-nest-color, revert) !important;
 }
 
 .v-btn.o-btn-wrapper .v-btn__content {
@@ -1231,7 +1434,7 @@ html[data-omfx] pre {
 }
 
 .v-btn.o-btn-wrapper:hover>.v-btn__overlay {
-    background: var(--obtn-nest-background) !important;
+    background: var(--obtn-nest-background, revert) !important;
 }
 [comp="o-icon"].ms-Icon {
     margin-top: "10px";