@cambly/syntax-core 10.10.0 → 10.12.0

package/dist/TextField/TextField.css

@@ -1,7 +1,6 @@
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/TextField/TextField.module.css/#css-module-data */
-._textfield_bmndn_1 {
+._textfield_15iys_1 {
   appearance: none;
-  border: 1px solid var(--color-base-gray-700);
   box-sizing: border-box;
   font-family:
     -apple-system,
@@ -15,145 +14,186 @@
   margin: 0;
   width: 100%;
 }
-._textfield_bmndn_1:focus {
+._textfieldClassic_15iys_10 {
+  border: 1px solid var(--color-base-gray-700);
+}
+._textfieldCambio_15iys_14 {
+  border: 1px solid var(--color-cambio-gray-370);
+  border-radius: 8px;
+  font-size: 14px;
+}
+._textfield_15iys_1:focus {
   outline: none;
   box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;
 }
-._textfield_bmndn_1:disabled {
+._textfield_15iys_1:disabled {
   cursor: auto;
 }
-._label_bmndn_20 {
+._label_15iys_29 {
   cursor: pointer;
 }
-._sm_bmndn_24 {
+._labelCambio_15iys_33 {
+  left: 1px;
+  right: 1px;
+  position: absolute;
+  border-radius: 8px;
+  pointer-events: none;
+  width: 100%;
+}
+._labelCambioTextfield_15iys_42 {
+  padding-top: 7px;
+}
+._sm_15iys_46 {
   border-radius: 12px;
   font-size: 12px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
-._smHeight_bmndn_31 {
+._smCambio_15iys_53 {
+  padding: 24px 12px 12px;
+}
+._mdCambio_15iys_57 {
+  padding: 24px 12px 12px;
+}
+._lgCambio_15iys_61 {
+  padding: 28px 12px 12px;
+}
+._heightCambio_15iys_65 {
+  height: 48px;
+}
+._smHeight_15iys_69 {
   height: 32px;
 }
-._md_bmndn_35 {
+._md_15iys_57 {
   border-radius: 12px;
   font-size: 14px;
   padding-inline-start: 12px;
   padding-inline-end: 12px;
 }
-._mdHeight_bmndn_42 {
+._mdHeight_15iys_80 {
   height: 40px;
 }
-._lg_bmndn_46 {
+._lg_15iys_61 {
   border-radius: 16px;
   font-size: 16px;
   padding-inline-start: 16px;
   padding-inline-end: 16px;
 }
-._lgHeight_bmndn_53 {
+._lgHeight_15iys_91 {
   height: 48px;
 }
-._inputError_bmndn_57 {
+._inputError_15iys_95 {
   color: var(--color-base-destructive-700);
   border-color: var(--color-base-destructive-700);
   background-color: var(--color-base-destructive-100);
 }
-._inputError_bmndn_57::placeholder {
+._inputError_15iys_95::placeholder {
   color: var(--color-base-destructive-700);
 }
+._inputErrorCambio_15iys_105 {
+  color: var(--color-cambio-destructive-900);
+  border-color: var(--color-cambio-destructive-700);
+}
+._inputErrorCambio_15iys_105::placeholder {
+  color: var(--color-cambio-destructive-900);
+}
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Box/Box.module.css/#css-module-data */
-._box_bg9pe_1 {
+._box_xcjsm_1 {
   box-sizing: border-box;
 }
-._flexnone_bg9pe_5 {
+._flexnone_xcjsm_5 {
   flex: 0 0 auto;
 }
-._flexgrow_bg9pe_9 {
+._flexgrow_xcjsm_9 {
   flex: 1 1 auto;
 }
-._flexWrap_bg9pe_13 {
+._flexWrap_xcjsm_13 {
   flex-wrap: wrap;
 }
-._alignItemscenter_bg9pe_18 {
+._alignItemscenter_xcjsm_18 {
   align-items: center;
 }
-._alignItemsstart_bg9pe_22 {
+._alignItemsstart_xcjsm_22 {
   align-items: flex-start;
 }
-._alignItemsend_bg9pe_26 {
+._alignItemsend_xcjsm_26 {
   align-items: flex-end;
 }
-._alignItemsstretch_bg9pe_30 {
+._alignItemsstretch_xcjsm_30 {
   align-items: stretch;
 }
-._alignItemsbaseline_bg9pe_34 {
+._alignItemsbaseline_xcjsm_34 {
   align-items: baseline;
 }
 @media (min-width: 480px) {
-  ._alignItemscenterSmall_bg9pe_40 {
+  ._alignItemscenterSmall_xcjsm_40 {
     align-items: center;
   }
-  ._alignItemsstartSmall_bg9pe_44 {
+  ._alignItemsstartSmall_xcjsm_44 {
     align-items: flex-start;
   }
-  ._alignItemsendSmall_bg9pe_48 {
+  ._alignItemsendSmall_xcjsm_48 {
     align-items: flex-end;
   }
-  ._alignItemsstretchSmall_bg9pe_52 {
+  ._alignItemsstretchSmall_xcjsm_52 {
     align-items: stretch;
   }
-  ._alignItemsbaselineSmall_bg9pe_56 {
+  ._alignItemsbaselineSmall_xcjsm_56 {
     align-items: baseline;
   }
 }
 @media (min-width: 960px) {
-  ._alignItemscenterLarge_bg9pe_63 {
+  ._alignItemscenterLarge_xcjsm_63 {
     align-items: center;
   }
-  ._alignItemsstartLarge_bg9pe_67 {
+  ._alignItemsstartLarge_xcjsm_67 {
     align-items: flex-start;
   }
-  ._alignItemsendLarge_bg9pe_71 {
+  ._alignItemsendLarge_xcjsm_71 {
     align-items: flex-end;
   }
-  ._alignItemsstretchLarge_bg9pe_75 {
+  ._alignItemsstretchLarge_xcjsm_75 {
     align-items: stretch;
   }
-  ._alignItemsbaselineLarge_bg9pe_79 {
+  ._alignItemsbaselineLarge_xcjsm_79 {
     align-items: baseline;
   }
 }
-._alignSelfcenter_bg9pe_85 {
+._alignSelfcenter_xcjsm_85 {
   align-self: center;
 }
-._alignSelfstart_bg9pe_89 {
+._alignSelfstart_xcjsm_89 {
   align-self: flex-start;
 }
-._alignSelfend_bg9pe_93 {
+._alignSelfend_xcjsm_93 {
   align-self: flex-end;
 }
-._alignSelfstretch_bg9pe_97 {
+._alignSelfstretch_xcjsm_97 {
   align-self: stretch;
 }
-._alignSelfbaseline_bg9pe_101 {
+._alignSelfbaseline_xcjsm_101 {
   align-self: baseline;
 }
-._alignSelfauto_bg9pe_105 {
+._alignSelfauto_xcjsm_105 {
   align-self: auto;
 }
-._block_bg9pe_110 {
+._block_xcjsm_110 {
   display: block;
 }
-._flex_bg9pe_5 {
+._flex_xcjsm_5 {
   display: flex;
 }
-._inlineBlock_bg9pe_118 {
+._inlineBlock_xcjsm_118 {
   display: inline-block;
 }
-._none_bg9pe_122 {
+._inlineFlex_xcjsm_122 {
+  display: inline-flex;
+}
+._none_xcjsm_126 {
   display: none;
 }
-._visuallyHidden_bg9pe_126 {
+._visuallyHidden_xcjsm_130 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -165,19 +205,22 @@
   overflow: hidden;
 }
 @media (min-width: 480px) {
-  ._blockSmall_bg9pe_140 {
+  ._blockSmall_xcjsm_144 {
     display: block;
   }
-  ._flexSmall_bg9pe_144 {
+  ._flexSmall_xcjsm_148 {
     display: flex;
   }
-  ._inlineBlockSmall_bg9pe_148 {
+  ._inlineBlockSmall_xcjsm_152 {
     display: inline-block;
   }
-  ._noneSmall_bg9pe_152 {
+  ._inlineFlexSmall_xcjsm_156 {
+    display: inline-flex;
+  }
+  ._noneSmall_xcjsm_160 {
     display: none;
   }
-  ._visuallyHiddenSmall_bg9pe_156 {
+  ._visuallyHiddenSmall_xcjsm_164 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -190,19 +233,22 @@
   }
 }
 @media (min-width: 960px) {
-  ._blockLarge_bg9pe_171 {
+  ._blockLarge_xcjsm_179 {
     display: block;
   }
-  ._flexLarge_bg9pe_175 {
+  ._flexLarge_xcjsm_183 {
     display: flex;
   }
-  ._inlineBlockLarge_bg9pe_179 {
+  ._inlineBlockLarge_xcjsm_187 {
     display: inline-block;
   }
-  ._noneLarge_bg9pe_183 {
+  ._inlineFlexLarge_xcjsm_191 {
+    display: inline-flex;
+  }
+  ._noneLarge_xcjsm_195 {
     display: none;
   }
-  ._visuallyHiddenLarge_bg9pe_187 {
+  ._visuallyHiddenLarge_xcjsm_199 {
     position: absolute;
     width: 1px;
     height: 1px;
@@ -214,189 +260,189 @@
     overflow: hidden;
   }
 }
-._column_bg9pe_201 {
+._column_xcjsm_213 {
   flex-direction: column;
 }
-._row_bg9pe_205 {
+._row_xcjsm_217 {
   flex-direction: row;
 }
 @media (min-width: 480px) {
-  ._columnSmall_bg9pe_211 {
+  ._columnSmall_xcjsm_223 {
     flex-direction: column;
   }
-  ._rowSmall_bg9pe_215 {
+  ._rowSmall_xcjsm_227 {
     flex-direction: row;
   }
 }
 @media (min-width: 960px) {
-  ._columnLarge_bg9pe_222 {
+  ._columnLarge_xcjsm_234 {
     flex-direction: column;
   }
-  ._rowLarge_bg9pe_226 {
+  ._rowLarge_xcjsm_238 {
     flex-direction: row;
   }
 }
-._gap0_bg9pe_232 {
+._gap0_xcjsm_244 {
   gap: 0;
 }
-._gap1_bg9pe_236 {
+._gap1_xcjsm_248 {
   gap: 4px;
 }
-._gap2_bg9pe_240 {
+._gap2_xcjsm_252 {
   gap: 8px;
 }
-._gap3_bg9pe_244 {
+._gap3_xcjsm_256 {
   gap: 12px;
 }
-._gap4_bg9pe_248 {
+._gap4_xcjsm_260 {
   gap: 16px;
 }
-._gap5_bg9pe_252 {
+._gap5_xcjsm_264 {
   gap: 20px;
 }
-._gap6_bg9pe_256 {
+._gap6_xcjsm_268 {
   gap: 24px;
 }
-._gap7_bg9pe_260 {
+._gap7_xcjsm_272 {
   gap: 28px;
 }
-._gap8_bg9pe_264 {
+._gap8_xcjsm_276 {
   gap: 32px;
 }
-._gap9_bg9pe_268 {
+._gap9_xcjsm_280 {
   gap: 36px;
 }
-._gap10_bg9pe_272 {
+._gap10_xcjsm_284 {
   gap: 40px;
 }
-._gap11_bg9pe_276 {
+._gap11_xcjsm_288 {
   gap: 44px;
 }
-._gap12_bg9pe_280 {
+._gap12_xcjsm_292 {
   gap: 48px;
 }
-._justifyContentcenter_bg9pe_285 {
+._justifyContentcenter_xcjsm_297 {
   justify-content: center;
 }
-._justifyContentstart_bg9pe_289 {
+._justifyContentstart_xcjsm_301 {
   justify-content: flex-start;
 }
-._justifyContentend_bg9pe_293 {
+._justifyContentend_xcjsm_305 {
   justify-content: flex-end;
 }
-._justifyContentbetween_bg9pe_297 {
+._justifyContentbetween_xcjsm_309 {
   justify-content: space-between;
 }
-._justifyContentaround_bg9pe_301 {
+._justifyContentaround_xcjsm_313 {
   justify-content: space-around;
 }
-._justifyContentevenly_bg9pe_305 {
+._justifyContentevenly_xcjsm_317 {
   justify-content: space-evenly;
 }
 @media (min-width: 480px) {
-  ._justifyContentcenterSmall_bg9pe_311 {
+  ._justifyContentcenterSmall_xcjsm_323 {
     justify-content: center;
   }
-  ._justifyContentstartSmall_bg9pe_315 {
+  ._justifyContentstartSmall_xcjsm_327 {
     justify-content: flex-start;
   }
-  ._justifyContentendSmall_bg9pe_319 {
+  ._justifyContentendSmall_xcjsm_331 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenSmall_bg9pe_323 {
+  ._justifyContentbetweenSmall_xcjsm_335 {
     justify-content: space-between;
   }
-  ._justifyContentaroundSmall_bg9pe_327 {
+  ._justifyContentaroundSmall_xcjsm_339 {
     justify-content: space-around;
   }
-  ._justifyContentevenlySmall_bg9pe_331 {
+  ._justifyContentevenlySmall_xcjsm_343 {
     justify-content: space-evenly;
   }
 }
 @media (min-width: 960px) {
-  ._justifyContentcenterLarge_bg9pe_338 {
+  ._justifyContentcenterLarge_xcjsm_350 {
     justify-content: center;
   }
-  ._justifyContentstartLarge_bg9pe_342 {
+  ._justifyContentstartLarge_xcjsm_354 {
     justify-content: flex-start;
   }
-  ._justifyContentendLarge_bg9pe_346 {
+  ._justifyContentendLarge_xcjsm_358 {
     justify-content: flex-end;
   }
-  ._justifyContentbetweenLarge_bg9pe_350 {
+  ._justifyContentbetweenLarge_xcjsm_362 {
     justify-content: space-between;
   }
-  ._justifyContentaroundLarge_bg9pe_354 {
+  ._justifyContentaroundLarge_xcjsm_366 {
     justify-content: space-around;
   }
-  ._justifyContentevenlyLarge_bg9pe_358 {
+  ._justifyContentevenlyLarge_xcjsm_370 {
     justify-content: space-evenly;
   }
 }
-._overflowvisible_bg9pe_364 {
+._overflowvisible_xcjsm_376 {
   overflow: visible;
 }
-._overflowhidden_bg9pe_368 {
+._overflowhidden_xcjsm_380 {
   overflow: hidden;
 }
-._overflowscroll_bg9pe_372 {
+._overflowscroll_xcjsm_384 {
   overflow: scroll;
 }
-._overflowauto_bg9pe_376 {
+._overflowauto_xcjsm_388 {
   overflow: auto;
 }
-._overflowinherit_bg9pe_380 {
+._overflowinherit_xcjsm_392 {
   overflow: inherit;
 }
-._overflowinitial_bg9pe_384 {
+._overflowinitial_xcjsm_396 {
   overflow: initial;
 }
-._overflowXvisible_bg9pe_388 {
+._overflowXvisible_xcjsm_400 {
   overflow-x: visible;
 }
-._overflowXhidden_bg9pe_392 {
+._overflowXhidden_xcjsm_404 {
   overflow-x: hidden;
 }
-._overflowXscroll_bg9pe_396 {
+._overflowXscroll_xcjsm_408 {
   overflow-x: scroll;
 }
-._overflowXauto_bg9pe_400 {
+._overflowXauto_xcjsm_412 {
   overflow-x: auto;
 }
-._overflowXinherit_bg9pe_404 {
+._overflowXinherit_xcjsm_416 {
   overflow-x: inherit;
 }
-._overflowXinitial_bg9pe_408 {
+._overflowXinitial_xcjsm_420 {
   overflow-x: initial;
 }
-._overflowYvisible_bg9pe_412 {
+._overflowYvisible_xcjsm_424 {
   overflow-y: visible;
 }
-._overflowYhidden_bg9pe_416 {
+._overflowYhidden_xcjsm_428 {
   overflow-y: hidden;
 }
-._overflowYscroll_bg9pe_420 {
+._overflowYscroll_xcjsm_432 {
   overflow-y: scroll;
 }
-._overflowYauto_bg9pe_424 {
+._overflowYauto_xcjsm_436 {
   overflow-y: auto;
 }
-._overflowYinherit_bg9pe_428 {
+._overflowYinherit_xcjsm_440 {
   overflow-y: inherit;
 }
-._overflowYinitial_bg9pe_432 {
+._overflowYinitial_xcjsm_444 {
   overflow-y: initial;
 }
-._absolute_bg9pe_437 {
+._absolute_xcjsm_449 {
   position: absolute;
 }
-._fixed_bg9pe_441 {
+._fixed_xcjsm_453 {
   position: fixed;
 }
-._relative_bg9pe_445 {
+._relative_xcjsm_457 {
   position: relative;
 }
-._sticky_bg9pe_449 {
+._sticky_xcjsm_461 {
   position: sticky;
 }
 
@@ -2041,33 +2087,50 @@
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/rounding.module.css/#css-module-data */
-._roundingsm_1bo6p_2 {
+._roundingsm_1fw7w_2 {
   border-radius: 8px;
 }
-._roundingmd_1bo6p_6 {
+._roundingmd_1fw7w_6 {
   border-radius: 12px;
 }
-._roundinglg_1bo6p_10 {
+._roundinglg_1fw7w_10 {
   border-radius: 16px;
 }
-._roundingxl_1bo6p_14 {
+._roundingxl_1fw7w_14 {
   border-radius: 24px;
 }
-._roundingfull_1bo6p_18 {
+._roundingfull_1fw7w_18 {
+  border-radius: 999px;
+}
+._roundingsmCambio_1fw7w_23 {
+  border-radius: 4px;
+}
+._roundingmdCambio_1fw7w_27 {
+  border-radius: 8px;
+}
+._roundingfullCambio_1fw7w_31 {
   border-radius: 999px;
 }
 
 /* css-module:/home/runner/work/syntax/syntax/packages/syntax-core/src/Typography/Typography.module.css/#css-module-data */
-._typography_15wcy_1 {
+._typography_imwgy_1 {
   margin: 0;
 }
 @font-face {
-  font-family: GT-Super-Text-Medium;
+  font-family: "GT Super";
   font-style: normal;
-  font-weight: 500;
-  src: local("GT-Super-Text-Medium"), url(https://partners.rebelmouse.com/protocol/GT-Super-Text-Medium.woff2) format("woff2");
+  font-weight: 510;
+  src: local("GT-Super-Text-Medium"), url(https://static.cambly.com/fonts/gt-super-medium.woff2);
+  font-display: optional;
 }
-._sansSerif_15wcy_19 {
+@font-face {
+  font-family: "GT Super";
+  font-style: normal;
+  font-weight: 700;
+  src: local("GT-Super-Text-Bold"), url(https://static.cambly.com/fonts/gt-super-bold.woff2);
+  font-display: optional;
+}
+._sansSerif_imwgy_23 {
   font-family:
     -apple-system,
     system-ui,
@@ -2079,9 +2142,9 @@
     sans-serif;
   margin: 0;
 }
-._serif_15wcy_25 {
+._serif_imwgy_29 {
   font-family:
-    GT-Super-Text-Medium,
+    "GT Super",
     -apple-system,
     system-ui,
     BlinkMacSystemFont,
@@ -2090,139 +2153,143 @@
     Helvetica,
     Arial,
     serif;
+  -webkit-font-smoothing: antialiased;
 }
-._size100_15wcy_31 {
+._size100_imwgy_36 {
   font-size: 12px;
 }
-._size200_15wcy_35 {
+._size200_imwgy_40 {
   font-size: 14px;
 }
-._size300_15wcy_39 {
+._size300_imwgy_44 {
   font-size: 16px;
 }
-._size500_15wcy_43 {
+._size500_imwgy_48 {
   font-size: 20px;
 }
-._size600_15wcy_47 {
+._size600_imwgy_52 {
   font-size: 28px;
 }
-._size700_15wcy_51 {
+._size700_imwgy_56 {
   font-size: 40px;
 }
-._size800_15wcy_55 {
+._size800_imwgy_60 {
   font-size: 64px;
 }
-._size100Cambio_15wcy_60 {
+._size100Cambio_imwgy_65 {
   font-size: 14px;
 }
-._size200Cambio_15wcy_64 {
+._size200Cambio_imwgy_69 {
   font-size: 16px;
 }
-._size300Cambio_15wcy_68 {
+._size300Cambio_imwgy_73 {
   font-size: 18px;
 }
-._size400Cambio_15wcy_72 {
+._size400Cambio_imwgy_77 {
   font-size: 20px;
 }
-._size500Cambio_15wcy_76 {
+._size500Cambio_imwgy_81 {
   font-size: 23px;
 }
-._size600Cambio_15wcy_80 {
+._size600Cambio_imwgy_85 {
   font-size: 26px;
 }
-._size700Cambio_15wcy_84 {
+._size700Cambio_imwgy_89 {
   font-size: 33px;
 }
-._size800Cambio_15wcy_88 {
+._size800Cambio_imwgy_93 {
   font-size: 41px;
 }
-._size900Cambio_15wcy_92 {
+._size900Cambio_imwgy_97 {
   font-size: 46px;
 }
 @media (min-width: 480px) {
-  ._size100Cambio_15wcy_60 {
-    font-size: 13px;
+  ._size100Cambio_imwgy_65 {
+    font-size: 14px;
   }
-  ._size200Cambio_15wcy_64 {
+  ._size200Cambio_imwgy_69 {
     font-size: 16px;
   }
-  ._size300Cambio_15wcy_68 {
+  ._size300Cambio_imwgy_73 {
     font-size: 20px;
   }
-  ._size400Cambio_15wcy_72 {
+  ._size400Cambio_imwgy_77 {
     font-size: 25px;
   }
-  ._size500Cambio_15wcy_76 {
+  ._size500Cambio_imwgy_81 {
     font-size: 31px;
   }
-  ._size600Cambio_15wcy_80 {
+  ._size600Cambio_imwgy_85 {
     font-size: 39px;
   }
-  ._size700Cambio_15wcy_84 {
+  ._size700Cambio_imwgy_89 {
     font-size: 49px;
   }
-  ._size800Cambio_15wcy_88 {
+  ._size800Cambio_imwgy_93 {
     font-size: 61px;
   }
-  ._size900Cambio_15wcy_92 {
+  ._size900Cambio_imwgy_97 {
     font-size: 76px;
   }
-  ._size1000Cambio_15wcy_133 {
+  ._size1000Cambio_imwgy_138 {
     font-size: 95px;
   }
-  ._size1100Cambio_15wcy_137 {
+  ._size1100Cambio_imwgy_142 {
     font-size: 119px;
   }
 }
-._center_15wcy_143 {
+._center_imwgy_148 {
   text-align: center;
 }
-._forceLeft_15wcy_147 {
+._forceLeft_imwgy_152 {
   text-align: left;
 }
-._forceRight_15wcy_151 {
+._forceRight_imwgy_156 {
   text-align: right;
 }
-._start_15wcy_155 {
+._start_imwgy_160 {
   text-align: start;
 }
-._end_15wcy_159 {
+._end_imwgy_164 {
   text-align: end;
 }
-._bold_15wcy_164 {
+._bold_imwgy_169 {
   font-weight: 700;
 }
-._regular_15wcy_168 {
+._regular_imwgy_173 {
   font-weight: 400;
 }
-._interactive_15wcy_172 {
+._interactive_imwgy_177 {
   font-weight: 500;
 }
-._semiBold_15wcy_176 {
+._semiBold_imwgy_181 {
   font-weight: 600;
 }
-._heavy_15wcy_180 {
+._heavy_imwgy_185 {
   font-weight: 860;
 }
-._regularCambio_15wcy_184 {
+._regularCambio_imwgy_189 {
   font-weight: 400;
 }
-._mediumCambio_15wcy_188 {
+._mediumCambio_imwgy_193 {
   font-weight: 510;
 }
-._semiBoldCambio_15wcy_192 {
+._semiBoldCambio_imwgy_197 {
   font-weight: 590;
 }
-._underline_15wcy_196 {
+._boldCambio_imwgy_201 {
+  font-weight: 700;
+}
+._underline_imwgy_205 {
   text-decoration: underline;
 }
-._inline_15wcy_200 {
+._inline_imwgy_209 {
   display: inline;
 }
-._uppercase_15wcy_204 {
+._uppercase_imwgy_213 {
   text-transform: uppercase;
 }
-._lineClamp_15wcy_208 {
+._lineClamp_imwgy_217 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   max-width: 100%;