tsichart-core 2.0.0-beta.7 → 2.0.0

package/dist/styles/index.css

@@ -149,8 +149,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -1130,8 +1129,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -1771,8 +1769,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -2221,8 +2218,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -2964,8 +2960,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -3312,8 +3307,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -4020,8 +4014,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -4592,8 +4585,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -5405,8 +5397,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -5779,244 +5770,6 @@ select::-ms-expand {
   rx: 4px;
   ry: 4px;
 }
-@charset "UTF-8";
-
-/*!
- * Pikaday
- * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
- */
-
-.pika-single {
-    z-index: 9999;
-    display: block;
-    position: relative;
-    color: #333;
-    background: #fff;
-    border: 1px solid #ccc;
-    border-bottom-color: #bbb;
-    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-}
-
-/*
-clear child float (pika-lendar), using the famous micro clearfix hack
-http://nicolasgallagher.com/micro-clearfix-hack/
-*/
-.pika-single:before,
-.pika-single:after {
-    content: " ";
-    display: table;
-}
-.pika-single:after { clear: both }
-.pika-single { *zoom: 1 }
-
-.pika-single.is-hidden {
-    display: none;
-}
-
-.pika-single.is-bound {
-    position: absolute;
-    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
-}
-
-.pika-lendar {
-    float: left;
-    width: 240px;
-    margin: 8px;
-}
-
-.pika-title {
-    position: relative;
-    text-align: center;
-}
-
-.pika-label {
-    display: inline-block;
-    *display: inline;
-    position: relative;
-    z-index: 9999;
-    overflow: hidden;
-    margin: 0;
-    padding: 5px 3px;
-    font-size: 14px;
-    line-height: 20px;
-    font-weight: bold;
-    background-color: #fff;
-}
-.pika-title select {
-    cursor: pointer;
-    position: absolute;
-    z-index: 9998;
-    margin: 0;
-    left: 0;
-    top: 5px;
-    filter: alpha(opacity=0);
-    opacity: 0;
-}
-
-.pika-prev,
-.pika-next {
-    display: block;
-    cursor: pointer;
-    position: relative;
-    outline: none;
-    border: 0;
-    padding: 0;
-    width: 20px;
-    height: 30px;
-    /* hide text using text-indent trick, using width value (it's enough) */
-    text-indent: 20px;
-    white-space: nowrap;
-    overflow: hidden;
-    background-color: transparent;
-    background-position: center center;
-    background-repeat: no-repeat;
-    background-size: 75% 75%;
-    opacity: .5;
-    *position: absolute;
-    *top: 0;
-}
-
-.pika-prev:hover,
-.pika-next:hover {
-    opacity: 1;
-}
-
-.pika-prev,
-.is-rtl .pika-next {
-    float: left;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
-    *left: 0;
-}
-
-.pika-next,
-.is-rtl .pika-prev {
-    float: right;
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
-    *right: 0;
-}
-
-.pika-prev.is-disabled,
-.pika-next.is-disabled {
-    cursor: default;
-    opacity: .2;
-}
-
-.pika-select {
-    display: inline-block;
-    *display: inline;
-}
-
-.pika-table {
-    width: 100%;
-    border-collapse: collapse;
-    border-spacing: 0;
-    border: 0;
-}
-
-.pika-table th,
-.pika-table td {
-    width: 14.285714285714286%;
-    padding: 0;
-}
-
-.pika-table th {
-    color: #999;
-    font-size: 12px;
-    line-height: 25px;
-    font-weight: bold;
-    text-align: center;
-}
-
-.pika-button {
-    cursor: pointer;
-    display: block;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    outline: none;
-    border: 0;
-    margin: 0;
-    width: 100%;
-    padding: 5px;
-    color: #666;
-    font-size: 12px;
-    line-height: 15px;
-    text-align: right;
-    background: #f5f5f5;
-}
-
-.pika-week {
-    font-size: 11px;
-    color: #999;
-}
-
-.is-today .pika-button {
-    color: #33aaff;
-    font-weight: bold;
-}
-
-.is-selected .pika-button,
-.has-event .pika-button {
-    color: #fff;
-    font-weight: bold;
-    background: #33aaff;
-    box-shadow: inset 0 1px 3px #178fe5;
-    border-radius: 3px;
-}
-
-.has-event .pika-button {
-    background: #005da9;
-    box-shadow: inset 0 1px 3px #0076c9;
-}
-
-.is-disabled .pika-button,
-.is-inrange .pika-button {
-    background: #D5E9F7;
-}
-
-.is-startrange .pika-button {
-    color: #fff;
-    background: #6CB31D;
-    box-shadow: none;
-    border-radius: 3px;
-}
-
-.is-endrange .pika-button {
-    color: #fff;
-    background: #33aaff;
-    box-shadow: none;
-    border-radius: 3px;
-}
-
-.is-disabled .pika-button {
-    pointer-events: none;
-    cursor: default;
-    color: #999;
-    opacity: .3;
-}
-
-.is-outside-current-month .pika-button {
-    color: #999;
-    opacity: .3;
-}
-
-.is-selection-disabled {
-    pointer-events: none;
-    cursor: default;
-}
-
-.pika-button:hover,
-.pika-row.pick-whole-week:hover .pika-button {
-    color: #fff;
-    background: #ff8000;
-    box-shadow: none;
-    border-radius: 3px;
-}
-
-/* styling for abbr */
-.pika-table abbr {
-    border-bottom: none;
-    cursor: help;
-}
 div[class^=tsi-] {
   box-sizing: border-box;
   font-family: "Segoe UI", sans-serif;
@@ -6168,8 +5921,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -6753,8 +6505,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -6786,112 +6537,350 @@ select::-ms-expand {
   margin-left: 12px;
   margin-right: 12px;
 }
-.pika-single .pika-lendar abbr {
-  text-decoration: none;
+.pika-single .pika-lendar abbr {
+  text-decoration: none;
+}
+.pika-single .pika-lendar .pika-table .pika-row {
+  height: 28px;
+  margin: 0px;
+}
+.pika-single .pika-lendar .pika-table .pika-row td {
+  padding: 0px;
+}
+.pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
+  background-color: #d5ebe9;
+}
+.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day {
+  background-color: #309d90;
+  color: white;
+}
+.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day:hover, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day:hover {
+  background-color: #309d90;
+  color: white;
+}
+.pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
+  border-bottom-left-radius: 8px;
+  border-top-left-radius: 8px;
+}
+.pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
+  border-bottom-right-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.pika-single .pika-lendar .pika-table .pika-row td .pika-day {
+  width: 100%;
+  height: 28px;
+  width: 28px;
+  margin: 0px;
+}
+.pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
+  background-color: #309d90;
+  color: white;
+}
+.pika-single .pika-lendar .pika-table .pika-button {
+  border-radius: 0px;
+  text-align: center;
+}
+
+.tsi-search {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  position: relative;
+}
+.tsi-search .tsi-search-icon {
+  width: 21px;
+  height: 17px;
+  background-repeat: no-repeat;
+  margin-left: 8px;
+  background-size: 14px;
+  background-position-y: 2px;
+}
+.tsi-search .tsi-searchInput {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  padding-left: 28px;
+  background: transparent;
+  outline: none;
+  text-overflow: ellipsis;
+}
+
+.tsi-baseMono {
+  display: inline-block;
+  padding: 4px;
+  border-radius: 3px;
+  font-family: "Lucida Console", Monaco, monospace;
+  font-size: 85%;
+  line-height: 85%;
+  font-weight: 300;
+}
+
+.tsi-timezonePicker.tsi-dark {
+  background-color: #0d0f0e;
+  color: #fff;
+}
+.tsi-timezonePicker.tsi-dark .tsi-select, .tsi-timezonePicker.tsi-dark .tsi-select option {
+  color: #fff;
+  background-color: #0d0f0e;
+}
+.tsi-timezonePicker.tsi-light {
+  background-color: #ffffff;
+  color: #000;
+}
+.tsi-timezonePicker.tsi-light .tsi-select, .tsi-timezonePicker.tsi-light .tsi-select option {
+  color: #000;
+  background-color: #ffffff;
+}
+
+.tsi-select {
+  margin: 0px;
+  top: 4px;
+  appearance: none;
+  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        clip-path%3A url(%23clip-Chevron_light_theme_1)%3B      %7D      .cls-2%2C .cls-3 %7B        fill%3A none%3B        stroke-linecap%3A square%3B        stroke-miterlimit%3A 1%3B      %7D      .cls-2 %7B        stroke%3A rgba(0%2C0%2C0%2C0.1)%3B      %7D      .cls-3 %7B        stroke%3A %23666%3B      %7D      .cls-4 %7B        fill%3A %23fff%3B      %7D    %3C%2Fstyle%3E    %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E      %3Crect width%3D%2213%22 height%3D%227%22%2F%3E    %3C%2FclipPath%3E  %3C%2Fdefs%3E  %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E    %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E      %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E      %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E") 16px/16px no-repeat;
+  background-position-y: 12px;
+  background-position-x: calc(100% - 4px);
+  width: 160px;
+  display: block;
+}
+@charset "UTF-8";
+
+/*!
+ * Pikaday
+ * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
+ */
+
+.pika-single {
+    z-index: 9999;
+    display: block;
+    position: relative;
+    color: #333;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-bottom-color: #bbb;
+    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+
+/*
+clear child float (pika-lendar), using the famous micro clearfix hack
+http://nicolasgallagher.com/micro-clearfix-hack/
+*/
+.pika-single:before,
+.pika-single:after {
+    content: " ";
+    display: table;
+}
+.pika-single:after { clear: both }
+.pika-single { *zoom: 1 }
+
+.pika-single.is-hidden {
+    display: none;
+}
+
+.pika-single.is-bound {
+    position: absolute;
+    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
+}
+
+.pika-lendar {
+    float: left;
+    width: 240px;
+    margin: 8px;
+}
+
+.pika-title {
+    position: relative;
+    text-align: center;
+}
+
+.pika-label {
+    display: inline-block;
+    *display: inline;
+    position: relative;
+    z-index: 9999;
+    overflow: hidden;
+    margin: 0;
+    padding: 5px 3px;
+    font-size: 14px;
+    line-height: 20px;
+    font-weight: bold;
+    background-color: #fff;
+}
+.pika-title select {
+    cursor: pointer;
+    position: absolute;
+    z-index: 9998;
+    margin: 0;
+    left: 0;
+    top: 5px;
+    filter: alpha(opacity=0);
+    opacity: 0;
+}
+
+.pika-prev,
+.pika-next {
+    display: block;
+    cursor: pointer;
+    position: relative;
+    outline: none;
+    border: 0;
+    padding: 0;
+    width: 20px;
+    height: 30px;
+    /* hide text using text-indent trick, using width value (it's enough) */
+    text-indent: 20px;
+    white-space: nowrap;
+    overflow: hidden;
+    background-color: transparent;
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-size: 75% 75%;
+    opacity: .5;
+    *position: absolute;
+    *top: 0;
+}
+
+.pika-prev:hover,
+.pika-next:hover {
+    opacity: 1;
+}
+
+.pika-prev,
+.is-rtl .pika-next {
+    float: left;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
+    *left: 0;
 }
-.pika-single .pika-lendar .pika-table .pika-row {
-  height: 28px;
-  margin: 0px;
+
+.pika-next,
+.is-rtl .pika-prev {
+    float: right;
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
+    *right: 0;
 }
-.pika-single .pika-lendar .pika-table .pika-row td {
-  padding: 0px;
+
+.pika-prev.is-disabled,
+.pika-next.is-disabled {
+    cursor: default;
+    opacity: .2;
 }
-.pika-single .pika-lendar .pika-table .pika-row td.is-inrange .pika-day {
-  background-color: #d5ebe9;
+
+.pika-select {
+    display: inline-block;
+    *display: inline;
 }
-.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day {
-  background-color: #309d90;
-  color: white;
+
+.pika-table {
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    border: 0;
 }
-.pika-single .pika-lendar .pika-table .pika-row td.is-endrange .pika-day:hover, .pika-single .pika-lendar .pika-table .pika-row td.is-startrange .pika-day:hover {
-  background-color: #309d90;
-  color: white;
+
+.pika-table th,
+.pika-table td {
+    width: 14.285714285714286%;
+    padding: 0;
 }
-.pika-single .pika-lendar .pika-table .pika-row td.is-startrange button {
-  border-bottom-left-radius: 8px;
-  border-top-left-radius: 8px;
+
+.pika-table th {
+    color: #999;
+    font-size: 12px;
+    line-height: 25px;
+    font-weight: bold;
+    text-align: center;
 }
-.pika-single .pika-lendar .pika-table .pika-row td.is-endrange button {
-  border-bottom-right-radius: 8px;
-  border-top-right-radius: 8px;
+
+.pika-button {
+    cursor: pointer;
+    display: block;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    outline: none;
+    border: 0;
+    margin: 0;
+    width: 100%;
+    padding: 5px;
+    color: #666;
+    font-size: 12px;
+    line-height: 15px;
+    text-align: right;
+    background: #f5f5f5;
 }
-.pika-single .pika-lendar .pika-table .pika-row td .pika-day {
-  width: 100%;
-  height: 28px;
-  width: 28px;
-  margin: 0px;
+
+.pika-week {
+    font-size: 11px;
+    color: #999;
 }
-.pika-single .pika-lendar .pika-table .pika-row td .pika-day:hover {
-  background-color: #309d90;
-  color: white;
+
+.is-today .pika-button {
+    color: #33aaff;
+    font-weight: bold;
 }
-.pika-single .pika-lendar .pika-table .pika-button {
-  border-radius: 0px;
-  text-align: center;
+
+.is-selected .pika-button,
+.has-event .pika-button {
+    color: #fff;
+    font-weight: bold;
+    background: #33aaff;
+    box-shadow: inset 0 1px 3px #178fe5;
+    border-radius: 3px;
 }
 
-.tsi-search {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  position: relative;
+.has-event .pika-button {
+    background: #005da9;
+    box-shadow: inset 0 1px 3px #0076c9;
 }
-.tsi-search .tsi-search-icon {
-  width: 21px;
-  height: 17px;
-  background-repeat: no-repeat;
-  margin-left: 8px;
-  background-size: 14px;
-  background-position-y: 2px;
+
+.is-disabled .pika-button,
+.is-inrange .pika-button {
+    background: #D5E9F7;
 }
-.tsi-search .tsi-searchInput {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  padding-left: 28px;
-  background: transparent;
-  outline: none;
-  text-overflow: ellipsis;
+
+.is-startrange .pika-button {
+    color: #fff;
+    background: #6CB31D;
+    box-shadow: none;
+    border-radius: 3px;
 }
 
-.tsi-baseMono {
-  display: inline-block;
-  padding: 4px;
-  border-radius: 3px;
-  font-family: "Lucida Console", Monaco, monospace;
-  font-size: 85%;
-  line-height: 85%;
-  font-weight: 300;
+.is-endrange .pika-button {
+    color: #fff;
+    background: #33aaff;
+    box-shadow: none;
+    border-radius: 3px;
 }
 
-.tsi-timezonePicker.tsi-dark {
-  background-color: #0d0f0e;
-  color: #fff;
+.is-disabled .pika-button {
+    pointer-events: none;
+    cursor: default;
+    color: #999;
+    opacity: .3;
 }
-.tsi-timezonePicker.tsi-dark .tsi-select, .tsi-timezonePicker.tsi-dark .tsi-select option {
-  color: #fff;
-  background-color: #0d0f0e;
+
+.is-outside-current-month .pika-button {
+    color: #999;
+    opacity: .3;
 }
-.tsi-timezonePicker.tsi-light {
-  background-color: #ffffff;
-  color: #000;
+
+.is-selection-disabled {
+    pointer-events: none;
+    cursor: default;
 }
-.tsi-timezonePicker.tsi-light .tsi-select, .tsi-timezonePicker.tsi-light .tsi-select option {
-  color: #000;
-  background-color: #ffffff;
+
+.pika-button:hover,
+.pika-row.pick-whole-week:hover .pika-button {
+    color: #fff;
+    background: #ff8000;
+    box-shadow: none;
+    border-radius: 3px;
 }
 
-.tsi-select {
-  margin: 0px;
-  top: 4px;
-  appearance: none;
-  background: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E  %3Cdefs%3E    %3Cstyle%3E      .cls-1 %7B        clip-path%3A url(%23clip-Chevron_light_theme_1)%3B      %7D      .cls-2%2C .cls-3 %7B        fill%3A none%3B        stroke-linecap%3A square%3B        stroke-miterlimit%3A 1%3B      %7D      .cls-2 %7B        stroke%3A rgba(0%2C0%2C0%2C0.1)%3B      %7D      .cls-3 %7B        stroke%3A %23666%3B      %7D      .cls-4 %7B        fill%3A %23fff%3B      %7D    %3C%2Fstyle%3E    %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E      %3Crect width%3D%2213%22 height%3D%227%22%2F%3E    %3C%2FclipPath%3E  %3C%2Fdefs%3E  %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E    %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E      %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E      %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E    %3C%2Fg%3E  %3C%2Fg%3E%3C%2Fsvg%3E") 16px/16px no-repeat;
-  background-position-y: 12px;
-  background-position-x: calc(100% - 4px);
-  width: 160px;
-  display: block;
+/* styling for abbr */
+.pika-table abbr {
+    border-bottom: none;
+    cursor: help;
 }
 div[class^=tsi-] {
   box-sizing: border-box;
@@ -7044,8 +7033,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -7346,8 +7334,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -7941,8 +7928,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -8262,8 +8248,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -8888,8 +8873,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -9514,8 +9498,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -9967,8 +9950,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -10623,8 +10605,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -11221,8 +11202,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -12180,8 +12160,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -12653,8 +12632,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -13086,8 +13064,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -13351,8 +13328,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -14427,8 +14403,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -14862,8 +14837,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -15157,8 +15131,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -16092,8 +16065,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -16462,8 +16434,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;
@@ -16823,8 +16794,7 @@ select::-ms-expand {
 .tsi-select {
   margin: 2px;
   position: relative;
-  -webkit-appearance: none;
-  -moz-appearance: none;
+  appearance: none;
   padding: 6px;
   padding-right: 28px;
   border-width: 1px;