@limetech/lime-elements 35.0.0-next.13 → 35.0.0-next.17

package/dist/collection/components/select/select.css

@@ -84,10 +84,13 @@
   text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
   position: absolute;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: left top;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: left top;
   line-height: 1.15rem;
   text-align: left;
@@ -100,16 +103,23 @@
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
 }
 [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   right: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: auto;
   /* @noflip */
+  /*rtl:ignore*/
   -webkit-transform-origin: right top;
   /* @noflip */
+  /*rtl:ignore*/
   transform-origin: right top;
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
 
 .mdc-floating-label--float-above {
@@ -118,15 +128,23 @@
 
 .mdc-floating-label--required::after {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 1px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0px;
   content: "*";
 }
+[dir=rtl] .mdc-floating-label--required, .mdc-floating-label--required[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /*rtl:end:ignore*/
+}
 [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 1px;
 }
 
@@ -140,17 +158,25 @@
 
 @keyframes mdc-floating-label-shake-float-above-standard {
   0% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
   }
   33% {
     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
   }
   66% {
     animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
   }
   100% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
   }
 }
@@ -223,13 +249,18 @@
   max-width: 100%;
   height: 100%;
   /* @noflip */
+  /*rtl:ignore*/
   text-align: left;
   pointer-events: none;
 }
 [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
+
 .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
   box-sizing: border-box;
   height: 100%;
@@ -239,30 +270,44 @@
 }
 .mdc-notched-outline__leading {
   /* @noflip */
+  /*rtl:ignore*/
   border-left: 1px solid;
   /* @noflip */
+  /*rtl:ignore*/
   border-right: none;
   width: 12px;
 }
 [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   border-left: none;
   /* @noflip */
+  /*rtl:ignore*/
   border-right: 1px solid;
+  /*rtl:end:ignore*/
 }
+
 .mdc-notched-outline__trailing {
   /* @noflip */
+  /*rtl:ignore*/
   border-left: none;
   /* @noflip */
+  /*rtl:ignore*/
   border-right: 1px solid;
   flex-grow: 1;
 }
 [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   border-left: 1px solid;
   /* @noflip */
+  /*rtl:ignore*/
   border-right: none;
+  /*rtl:end:ignore*/
 }
+
 .mdc-notched-outline__notch {
   flex: 0 0 auto;
   width: auto;
@@ -277,21 +322,27 @@
   text-overflow: clip;
 }
 .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
-  max-width: calc(100% / 0.75);
+  max-width: 133.3333333333%;
 }
 
 .mdc-notched-outline--notched .mdc-notched-outline__notch {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 8px;
   border-top: none;
 }
 [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 8px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 0;
+  /*rtl:end:ignore*/
 }
 
 .mdc-notched-outline--no-label .mdc-notched-outline__notch {
@@ -340,7 +391,7 @@
 .mdc-select.mdc-select--disabled .mdc-select__icon {
   color: rgba(0, 0, 0, 0.38);
 }
-@media screen and (-ms-high-contrast: active) {
+@media screen and (forced-colors: active), (-ms-high-contrast: active) {
   .mdc-select.mdc-select--disabled .mdc-select__selected-text {
     color: GrayText;
   }
@@ -372,28 +423,42 @@
 }
 .mdc-select .mdc-select__anchor {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 0;
 }
 [dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 16px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 0;
 }
 [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 0;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select .mdc-select__icon {
   width: 24px;
   height: 24px;
@@ -405,32 +470,48 @@
 }
 .mdc-select .mdc-select__menu .mdc-deprecated-list-item {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 16px;
 }
 [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item, .mdc-select .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 16px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 12px;
 }
 [dir=rtl] .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic, .mdc-select .mdc-select__menu .mdc-deprecated-list-item__graphic[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select__dropdown-icon {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 12px;
   display: inline-flex;
   position: relative;
@@ -459,11 +540,16 @@
   transition: opacity 75ms linear;
 }
 [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 12px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
   opacity: 0;
   transition: opacity 49.5ms linear;
@@ -533,11 +619,15 @@
   display: block;
   width: 100%;
   /* @noflip */
+  /*rtl:ignore*/
   text-align: left;
 }
 [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   text-align: right;
+  /*rtl:end:ignore*/
 }
 
 .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
@@ -572,42 +662,228 @@
 
 .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item {
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 12px;
 }
 [dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-deprecated-list-item[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   padding-right: 12px;
+  /*rtl:end:ignore*/
 }
 
-.mdc-select__menu .mdc-deprecated-list .mdc-select__icon {
+.mdc-select__menu .mdc-deprecated-list .mdc-select__icon,
+.mdc-select__menu .mdc-list .mdc-select__icon {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
 }
-[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl] {
+[dir=rtl] .mdc-select__menu .mdc-deprecated-list .mdc-select__icon, [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-deprecated-list .mdc-select__icon[dir=rtl], .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 0;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected,
-.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated {
+.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated,
+.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected,
+.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated {
   color: #000;
   /* @alternate */
   color: var(--mdc-theme-on-surface, #000);
 }
 .mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
-.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
+.mdc-select__menu .mdc-deprecated-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic,
+.mdc-select__menu .mdc-list .mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,
+.mdc-select__menu .mdc-list .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic {
   color: #000;
   /* @alternate */
   color: var(--mdc-theme-on-surface, #000);
 }
 
+.mdc-select__menu .mdc-list-item__start {
+  display: inline-flex;
+  align-items: center;
+}
+
+.mdc-select__option {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 16px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 16px;
+}
+[dir=rtl] .mdc-select__option, .mdc-select__option[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 16px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 16px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-select__one-line-option.mdc-list-item--with-one-line {
+  height: 48px;
+}
+
+.mdc-select__two-line-option.mdc-list-item--with-two-lines {
+  height: 64px;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__start {
+  margin-top: 20px;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text {
+  display: block;
+  margin-top: 0;
+  /* @alternate */
+  line-height: normal;
+  margin-bottom: -20px;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {
+  display: inline-block;
+  width: 0;
+  height: 28px;
+  content: "";
+  vertical-align: 0;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {
+  display: inline-block;
+  width: 0;
+  height: 20px;
+  content: "";
+  vertical-align: -20px;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {
+  display: block;
+  margin-top: 0;
+  /* @alternate */
+  line-height: normal;
+}
+.mdc-select__two-line-option.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {
+  display: inline-block;
+  width: 0;
+  height: 36px;
+  content: "";
+  vertical-align: 0;
+}
+
+.mdc-select__option-with-leading-content {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 12px;
+}
+.mdc-select__option-with-leading-content.mdc-list-item {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: auto;
+}
+[dir=rtl] .mdc-select__option-with-leading-content.mdc-list-item, .mdc-select__option-with-leading-content.mdc-list-item[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: auto;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-select__option-with-leading-content .mdc-list-item__start {
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 0;
+}
+[dir=rtl] .mdc-select__option-with-leading-content .mdc-list-item__start, .mdc-select__option-with-leading-content .mdc-list-item__start[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 12px;
+  /*rtl:end:ignore*/
+}
+
+.mdc-select__option-with-leading-content .mdc-list-item__start {
+  width: 36px;
+  height: 24px;
+}
+[dir=rtl] .mdc-select__option-with-leading-content, .mdc-select__option-with-leading-content[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+  /*rtl:end:ignore*/
+}
+
+.mdc-select__option-with-meta.mdc-list-item {
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: auto;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: 0;
+}
+[dir=rtl] .mdc-select__option-with-meta.mdc-list-item, .mdc-select__option-with-meta.mdc-list-item[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-left: 0;
+  /* @noflip */
+  /*rtl:ignore*/
+  padding-right: auto;
+  /*rtl:end:ignore*/
+}
+
+.mdc-select__option-with-meta .mdc-list-item__end {
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 12px;
+}
+[dir=rtl] .mdc-select__option-with-meta .mdc-list-item__end, .mdc-select__option-with-meta .mdc-list-item__end[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-left: 12px;
+  /* @noflip */
+  /*rtl:ignore*/
+  margin-right: 12px;
+  /*rtl:end:ignore*/
+}
+
 .mdc-select--filled .mdc-select__anchor {
   height: 56px;
   display: flex;
@@ -677,28 +953,42 @@
 }
 .mdc-select--filled .mdc-floating-label {
   /* @noflip */
+  /*rtl:ignore*/
   left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   right: initial;
 }
 [dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   left: initial;
   /* @noflip */
+  /*rtl:ignore*/
   right: 16px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
   /* @noflip */
+  /*rtl:ignore*/
   left: 48px;
   /* @noflip */
+  /*rtl:ignore*/
   right: initial;
 }
 [dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   left: initial;
   /* @noflip */
+  /*rtl:ignore*/
   right: 48px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
   max-width: calc(100% - 96px);
 }
@@ -746,126 +1036,176 @@
 }
 @keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
   0% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
   }
   33% {
     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
   }
   66% {
     animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
   }
   100% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
   }
 }
 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: var(--mdc-shape-small, 4px);
 }
 [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: 0;
+  /*rtl:end:ignore*/
 }
-@supports (top: max(0%)) {
+
+@supports (top: 0%) {
   .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
     width: max(12px, var(--mdc-shape-small, 4px));
   }
 }
-@supports (top: max(0%)) {
+@supports (top: 0%) {
   .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
     max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
   }
 }
 .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: 0;
 }
 [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-top-left-radius: var(--mdc-shape-small, 4px);
   /* @noflip */
+  /*rtl:ignore*/
   border-top-right-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-right-radius: 0;
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: 4px;
   /* @alternate */
   /* @noflip */
+  /*rtl:ignore*/
   border-bottom-left-radius: var(--mdc-shape-small, 4px);
+  /*rtl:end:ignore*/
 }
-@supports (top: max(0%)) {
+
+@supports (top: 0%) {
   .mdc-select--outlined .mdc-select__anchor {
     /* @noflip */
+    /*rtl:ignore*/
     padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
   }
 }
 [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   padding-left: 0;
+  /*rtl:end:ignore*/
 }
-@supports (top: max(0%)) {
+@supports (top: 0%) {
   [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
     /* @noflip */
+    /*rtl:ignore*/
     padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
   }
 }
-@supports (top: max(0%)) {
+
+@supports (top: 0%) {
   .mdc-select--outlined + .mdc-select-helper-text {
     /* @noflip */
+    /*rtl:ignore*/
     margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
   }
 }
 [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 0;
+  /*rtl:end:ignore*/
 }
-@supports (top: max(0%)) {
+@supports (top: 0%) {
   [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
     /* @noflip */
+    /*rtl:ignore*/
     margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
   }
 }
+
 .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
   background-color: transparent;
 }
@@ -950,16 +1290,23 @@
 .mdc-select--outlined .mdc-floating-label {
   line-height: 1.15rem;
   /* @noflip */
+  /*rtl:ignore*/
   left: 4px;
   /* @noflip */
+  /*rtl:ignore*/
   right: initial;
 }
 [dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   left: initial;
   /* @noflip */
+  /*rtl:ignore*/
   right: 4px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
   padding-top: 2px;
 }
@@ -991,34 +1338,53 @@
 }
 .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
   /* @noflip */
+  /*rtl:ignore*/
   left: 36px;
   /* @noflip */
+  /*rtl:ignore*/
   right: initial;
 }
 [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   left: initial;
   /* @noflip */
+  /*rtl:ignore*/
   right: 36px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
+  /* @noflip */
+  /*rtl:ignore*/
   transform: translateY(-37.25px) translateX(-32px) scale(1);
 }
 [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
   transform: translateY(-37.25px) translateX(32px) scale(1);
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
   font-size: 0.75rem;
 }
 .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
+  /* @noflip */
+  /*rtl:ignore*/
   transform: translateY(-34.75px) translateX(-32px) scale(0.75);
 }
-[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
-[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
-.mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
+[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /* @noflip */
+  /*rtl:ignore*/
   transform: translateY(-34.75px) translateX(32px) scale(0.75);
+  /*rtl:end:ignore*/
 }
+
 .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
 .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
   font-size: 1rem;
@@ -1028,36 +1394,57 @@
 }
 @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
   0% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
   }
   33% {
     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
   }
   66% {
     animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
   }
   100% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
   }
 }
+[dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] {
+  /*rtl:begin:ignore*/
+  /*rtl:end:ignore*/
+}
 [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
   animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
 }
+
 @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
   0% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
   }
   33% {
     animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
   }
   66% {
     animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
   }
   100% {
+    /* @noflip */
+    /*rtl:ignore*/
     transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
   }
 }
@@ -1107,6 +1494,7 @@
 .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
   top: 0;
   /* @noflip */
+  /*rtl:ignore*/
   left: 0;
   transform: scale(0);
   transform-origin: center center;
@@ -1114,6 +1502,7 @@
 .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
   top: var(--mdc-ripple-top, 0);
   /* @noflip */
+  /*rtl:ignore*/
   left: var(--mdc-ripple-left, 0);
 }
 .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
@@ -1127,6 +1516,7 @@
 .mdc-select__anchor .mdc-select__ripple::after {
   top: calc(50% - 100%);
   /* @noflip */
+  /*rtl:ignore*/
   left: calc(50% - 100%);
   width: 200%;
   height: 200%;
@@ -1221,8 +1611,10 @@
 .mdc-select-helper-text {
   margin: 0;
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 16px;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
@@ -1253,11 +1645,16 @@
   line-height: normal;
 }
 [dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 16px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 16px;
+  /*rtl:end:ignore*/
 }
+
 .mdc-select-helper-text::before {
   display: inline-block;
   width: 0;
@@ -1290,15 +1687,21 @@
 }
 .mdc-select--with-leading-icon .mdc-select__icon {
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 12px;
 }
 [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
+  /*rtl:begin:ignore*/
   /* @noflip */
+  /*rtl:ignore*/
   margin-left: 12px;
   /* @noflip */
+  /*rtl:ignore*/
   margin-right: 12px;
+  /*rtl:end:ignore*/
 }
 
 .mdc-select__icon:not([tabindex]),
@@ -1375,7 +1778,9 @@
 }
 .limel-select .limel-select-trigger .mdc-floating-label {
   color: rgba(var(--contrast-1200), 1);
-  width: calc( 100% - 1rem );
+  width: calc(
+                100% - 1rem
+            );
 }
 .limel-select .limel-select-trigger .mdc-floating-label.mdc-floating-label--float-above {
   font-size: 0.875rem;
@@ -1429,7 +1834,9 @@
   color: var(--lime-error-text-color);
 }
 .limel-select.limel-select--invalid .mdc-floating-label:not(.mdc-floating-label--float-above) {
-  max-width: calc( 100% - 4rem );
+  max-width: calc(
+                100% - 4rem
+            );
 }
 
 .invalid-icon {