likelihood-widgets-react/dist/bundles/bundle.main.css

A collection of React components used by Likelihood UI.

.Dropdown__Dropdown___1LwRb {
  position: relative;
  outline: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 200px;
  border-radius: 2px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(55, 71, 79, 0.1);
          box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 2px rgba(55, 71, 79, 0.1);
  font-family: proxima-nova;
  font-size: 12px;
  line-height: 1.17;
  color: #37474f; }
  .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 {
    position: relative;
    height: 30px;
    border-bottom: solid 1px #e6e9eb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row; }
    .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__icon___1aJNn {
      position: relative;
      top: 5px;
      padding-left: 2px;
      width: 22px; }
      .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__icon___1aJNn svg {
        background-color: white !important; }
    .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__input___3Rtrq {
      border: none;
      outline: none;
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      font-family: proxima-nova;
      font-size: 12px;
      line-height: 1.17;
      color: #37474f; }
      .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__input___3Rtrq::-webkit-input-placeholder {
        color: #c0cbd2; }
      .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__input___3Rtrq::-moz-placeholder {
        color: #c0cbd2; }
      .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__input___3Rtrq:-ms-input-placeholder {
        color: #c0cbd2; }
      .Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__input___3Rtrq::placeholder {
        color: #c0cbd2; }
  .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 4px 0;
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 250px; }
    .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw .Dropdown__empty___MPMNp {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      cursor: default;
      padding: 4px 8px;
      height: 22px;
      color: #c0cbd2; }
    .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw .Dropdown__option___3yZl4 {
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding: 4px 8px;
      height: 22px;
      -webkit-transition: background-color .1s ease-out;
      transition: background-color .1s ease-out; }
      .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw .Dropdown__option___3yZl4:hover {
        background-color: rgba(112, 120, 242, 0.6); }
    .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw .Dropdown__active___QzcMj {
      background-color: #7078f2 !important;
      color: white; }
    .Dropdown__Dropdown___1LwRb .Dropdown__optionBox___2iZSw::-webkit-scrollbar-thumb {
      border-radius: 10px;
      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
              box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
      background-color: rgba(55, 71, 79, 0.12); }
.Icon__icon___3VX9i {
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #37474f;
  outline: none; }
  .Icon__icon___3VX9i .Icon__active___3FaAa path.white, .Icon__icon___3VX9i .Icon__active___3FaAa rect.white, .Icon__icon___3VX9i .Icon__active___3FaAa circle.white {
    fill: white; }
  .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__purple___2062r svg {
    background-color: #222D33; }
  .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__purple___2062r path, .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__purple___2062r rect, .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__purple___2062r circle {
    fill: #7078f2; }
  .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__white___1NH8i path, .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__white___1NH8i rect, .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__white___1NH8i circle {
    fill: #fff; }
  .Icon__icon___3VX9i .Icon__hover___2QdaT path, .Icon__icon___3VX9i .Icon__hover___2QdaT rect, .Icon__icon___3VX9i .Icon__hover___2QdaT circle {
    fill: #b0bec5; }
  .Icon__icon___3VX9i svg {
    height: 100%;
    width: 100%; }
    .Icon__icon___3VX9i svg path, .Icon__icon___3VX9i svg rect, .Icon__icon___3VX9i svg circle {
      fill: #6c7c84;
      -webkit-transition: fill .1s ease-in-out;
      transition: fill .1s ease-in-out; }
.IconGroup__icon-group___6sW8w {
  overflow-y: visible;
  white-space: nowrap; }
  .IconGroup__icon-group___6sW8w .IconGroup__icon___1ocNo {
    display: inline-block; }
.IconInput__icon-input___2QXlb .IconInput__icon___pPUVS {
  position: absolute; }

.IconInput__icon-input___2QXlb .IconInput__input___22xpX {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 9px 11px 10px 35px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #46575f;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1d2e36;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out; }
  .IconInput__icon-input___2QXlb .IconInput__input___22xpX:hover {
    border-color: #B0BEC5; }
  .IconInput__icon-input___2QXlb .IconInput__input___22xpX:focus {
    outline: 0;
    border-color: #7078F2; }
.Input__input___dU3pN {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px 11px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #46575f;
  border-radius: 2px;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: #1d2e36;
  -webkit-transition: all 100ms ease-out;
  transition: all 100ms ease-out; }
  .Input__input___dU3pN:hover {
    border-color: #B0BEC5; }
  .Input__input___dU3pN:focus {
    outline: 0;
    border-color: #7078F2; }
.RadioGroup__radio-group___3e0oN {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 1.42857143; }
  .RadioGroup__radio-group___3e0oN .RadioGroup__content-after___BOy-m {
    display: block; }
  .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa {
    display: block;
    margin-bottom: 0;
    padding-left: 26px;
    padding-bottom: 8px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    /* Hover and focus states */
    /* Checked state */
    /* Hover state whilst checked */
    /* Disabled state */
    /* Check mark */
    /* Show check mark */
    /* Radio button inner circle */
    /* Disabled circle colour */ }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa:last-child {
      padding-bottom: 0; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa .RadioGroup__radio-label___3c0Sk {
      font-family: proxima-nova;
      font-size: 12px;
      font-weight: normal;
      color: #6c7c84; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input {
      position: absolute;
      z-index: -1;
      opacity: 0; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa .RadioGroup__radio-indicator___2VMgH {
      position: absolute;
      top: 0;
      left: 0;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      width: 18px;
      height: 18px;
      border: solid 1px #46575f;
      border-radius: 50%;
      -webkit-transition: border-color .1s ease-out;
      transition: border-color .1s ease-out; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa:hover input ~ .RadioGroup__radio-indicator___2VMgH,
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input:focus ~ .RadioGroup__radio-indicator___2VMgH {
      border-color: #7078f2; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input:checked ~ .RadioGroup__radio-indicator___2VMgH {
      border: solid 2px #7078f2;
      width: 16px;
      height: 16px; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa:hover input:not([disabled]):checked ~ .RadioGroup__radio-indicator___2VMgH,
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa .RadioGroup__control___io5uS input:checked:focus ~ .RadioGroup__radio-indicator___2VMgH {
      border: solid 2px #7078f2;
      width: 16px;
      height: 16px; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input:disabled ~ .RadioGroup__radio-indicator___2VMgH {
      pointer-events: none;
      opacity: .6;
      border-color: #e6e6e6; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa .RadioGroup__radio-indicator___2VMgH:after {
      position: absolute;
      display: none;
      content: ''; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input:checked ~ .RadioGroup__radio-indicator___2VMgH:after {
      display: block; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa .RadioGroup__radio-indicator___2VMgH:after {
      top: 5px;
      left: 5px;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: #7078f2; }
    .RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa input:disabled ~ .RadioGroup__radio-indicator___2VMgH:after {
      background: #7b7b7b; }
.Select__Select___2w4fN {
  position: relative; }
  .Select__Select___2w4fN .Select__input___3PcAU {
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 7px;
    padding-top: 9px;
    padding-right: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 36px;
    cursor: pointer;
    border-radius: 2px;
    color: white;
    background-color: #3a4b53; }
    .Select__Select___2w4fN .Select__input___3PcAU .Select__empty-text___eRr03 {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      pointer-events: none;
      font-family: proxima-nova;
      font-size: 14px;
      line-height: 1.21;
      color: #6c7c84; }
    .Select__Select___2w4fN .Select__input___3PcAU .Select__input-value___oK3nd {
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
      font-family: proxima-nova;
      font-size: 14px;
      line-height: 1.21; }
    .Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd {
      position: absolute;
      top: 9px;
      right: 8px; }
      .Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd path, .Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd rect {
        fill: #e6e9eb !important; }
  .Select__Select___2w4fN .Select__dropdown___1lMNs {
    position: absolute;
    width: 100%;
    z-index: 1; }
.Tooltip__tooltip___36liX {
  padding: 6px !important;
  background-color: #8296a0 !important;
  font-family: proxima-nova;
  font-size: 12px !important;
  font-weight: normal !important;
  border-radius: 2px !important;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); }
  .Tooltip__tooltip___36liX.place-left:after {
    border-left-color: #8296a0 !important; }
  .Tooltip__tooltip___36liX.place-top:after {
    border-top-color: #8296a0 !important; }
  .Tooltip__tooltip___36liX.place-right:after {
    border-right-color: #8296a0 !important; }
  .Tooltip__tooltip___36liX.place-bottom:after {
    border-bottom-color: #8296a0 !important; }
  .Tooltip__tooltip___36liX.show {
    opacity: 1 !important; }
.Video__video-widget___3rgvv {
  display: inline-block; }
  .Video__video-widget___3rgvv .Video__video-wrapper___2zGEB {
    overflow: hidden; }
    .Video__video-widget___3rgvv .Video__video-wrapper___2zGEB .Video__video___22ksu {
      position: relative;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
.OperatorSelector__OperatorSelector___3EhpS {
  display: inline-block;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative; }
  .OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__operator-placeholder___28IDD {
    color: #6c7c84;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out; }
    .OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__operator-placeholder___28IDD:hover {
      color: white !important; }
    .OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__operator-placeholder___28IDD.OperatorSelector__incomplete___gKjoh {
      color: #ff697a; }
  .OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__dropdown___3WEwG {
    position: absolute;
    top: 17px;
    z-index: 1; }
.EmptyNullSelector__EmptyNullSelector___aQvoY {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .EmptyNullSelector__EmptyNullSelector___aQvoY .EmptyNullSelector__dropdown___2zUjM {
    position: absolute;
    top: 17px;
    z-index: 1; }
.ValueInput__ValueInput___1JZwz .ValueInput__value___1Dh72 {
  word-break: break-word;
  min-width: 1px;
  outline: none; }

.ValueInput__ValueInput___1JZwz .ValueInput__space___-7HkL {
  width: 6px; }

.ValueInput__ValueInput___1JZwz .ValueInput__value-placeholder___3QW8l {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #6c7c84; }
  .ValueInput__ValueInput___1JZwz .ValueInput__value-placeholder___3QW8l.ValueInput__incomplete___V6qr5 {
    color: #ff697a; }
.SelectedConjunction__SelectedConjunction___1gVdR {
  position: relative;
  display: inline-block; }
  .SelectedConjunction__SelectedConjunction___1gVdR .SelectedConjunction__dropdown___3aQeR {
    position: absolute;
    top: 20px;
    z-index: 1; }
.FilterValue__FilterValue___22OwX {
  margin-left: 8px;
  padding: 10px 8px;
  outline: none;
  color: white;
  border-radius: 2px;
  background-color: #1d2e36;
  border: solid 1px #46575f;
  -webkit-transition: border-color .1s ease-out;
  transition: border-color .1s ease-out; }
  .FilterValue__FilterValue___22OwX.FilterValue__focus___cWcms {
    border-color: #7078f2; }
  .FilterValue__FilterValue___22OwX.FilterValue__incomplete___3PNtw {
    border-color: #ff697a; }
  .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin-bottom: 11px; }
    .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm:last-child {
      margin-bottom: 0; }
    .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__operator___3rY-r {
      display: inline-block;
      position: relative;
      margin-right: 6px;
      cursor: pointer;
      overflow: visible;
      white-space: nowrap; }
    .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__special-value___oWbIA {
      position: relative;
      padding-right: 20px; }
      .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__special-value___oWbIA .FilterValue__delete___1rAmY {
        position: absolute;
        right: 0px;
        top: 2px; }
    .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__content___1E9G3 {
      -webkit-box-flex: 1;
          -ms-flex: 1;
              flex: 1;
      word-break: break-word; }
      .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__content___1E9G3 .FilterValue__conjunction___1Oxt- {
        margin-left: 6px;
        cursor: pointer;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        color: #6c7c84;
        -webkit-transition: color .1s ease-out;
        transition: color .1s ease-out; }
        .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__content___1E9G3 .FilterValue__conjunction___1Oxt-:hover {
          color: white; }
      .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__content___1E9G3 .FilterValue__conjunction-separator___23Jzs {
        margin-left: 6px;
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
        cursor: default;
        color: #6c7c84; }
    .FilterValue__FilterValue___22OwX .FilterValue__entry___10vjm .FilterValue__trash___1SB4Q {
      position: absolute;
      cursor: pointer;
      top: 9px;
      right: -20px; }
  .FilterValue__FilterValue___22OwX .entries-enter {
    opacity: 0.01;
    max-height: 0; }
  .FilterValue__FilterValue___22OwX .entries-enter.entries-enter-active {
    opacity: 1;
    max-height: 100px;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }
  .FilterValue__FilterValue___22OwX .entries-leave {
    opacity: 1;
    max-height: 100px; }
  .FilterValue__FilterValue___22OwX .entries-leave.entries-leave-active {
    opacity: 0.01;
    max-height: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }

.FilterValue__IncompleteFilter___VYUs_ {
  margin-top: 4px;
  margin-left: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-style: italic;
  font-size: 12px;
  color: #6c7c84; }
.FilterItem__FilterItem___2iilz {
  margin-bottom: 8px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row; }
  .FilterItem__FilterItem___2iilz .FilterItem__select___3MtZ6 {
    width: 140px; }
  .FilterItem__FilterItem___2iilz .FilterItem__value___1y6IE {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
.RefineDatasetSection__RefineDatasetSection___37EZs {
  font-family: proxima-nova;
  font-size: 14px;
  line-height: 1.21; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .RefineDatasetSection__title___Ip3c2 {
    margin-bottom: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: default;
    color: #6c7c84; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .RefineDatasetSection__add-filter___eNz3y {
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 600;
    color: #7078f2;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out; }
    .RefineDatasetSection__RefineDatasetSection___37EZs .RefineDatasetSection__add-filter___eNz3y:hover {
      color: white; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .filters-enter {
    opacity: 0.01;
    max-height: 0; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .filters-enter.filters-enter-active {
    opacity: 1;
    max-height: 500px;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .filters-leave {
    opacity: 1;
    max-height: 500px; }
  .RefineDatasetSection__RefineDatasetSection___37EZs .filters-leave.filters-leave-active {
    opacity: 0.01;
    max-height: 0;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out; }
.ImageItem__ImageItem___15jMj {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 113px;
  height: 113px;
  border: solid 1px #37474f;
  outline: 0px solid #7078f2;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transition: border-color .1s ease-out, outline-width, .1s ease-out;
  transition: border-color .1s ease-out, outline-width, .1s ease-out; }
  .ImageItem__ImageItem___15jMj:hover {
    border-color: #B0BEC5; }
  .ImageItem__ImageItem___15jMj.ImageItem__active___2VaJL {
    border-color: #7078f2;
    outline-width: 1px; }
  .ImageItem__ImageItem___15jMj .ImageItem__image___rUzXT {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    opacity: 0;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out; }
    .ImageItem__ImageItem___15jMj .ImageItem__image___rUzXT.ImageItem__imageLoaded___1oZ6p {
      opacity: 1; }
.ImageItemGrid__ImageItemGrid___1TTJ7 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%; }
  .ImageItemGrid__ImageItemGrid___1TTJ7 .ImageItemGrid__ImageItem___39Hex {
    margin-right: 8px;
    margin-bottom: 8px; }
.ListItemGrid__ListItemGrid___2QBSZ {
  position: relative;
  margin-right: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: solid 1px #37474f;
  color: white; }
  .ListItemGrid__ListItemGrid___2QBSZ .ListItemGrid__ListItem___KNoPN {
    padding-top: 9px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 34px;
    background-color: #23353e;
    -webkit-transition: background-color .1s ease-out;
    transition: background-color .1s ease-out; }
    .ListItemGrid__ListItemGrid___2QBSZ .ListItemGrid__ListItem___KNoPN:nth-child(2n+1) {
      background-color: rgba(255, 255, 255, 0.02); }
    .ListItemGrid__ListItemGrid___2QBSZ .ListItemGrid__ListItem___KNoPN.ListItemGrid__active___1X53G {
      background-color: #7078f2; }
    .ListItemGrid__ListItemGrid___2QBSZ .ListItemGrid__ListItem___KNoPN:hover {
      outline: solid 1px #B0BEC5; }
.StripedGrid__StripedGrid___1ZDyl {
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #23353e;
  width: 524px;
  font-size: 12px;
  color: #6c7c84; }
  .StripedGrid__StripedGrid___1ZDyl::-webkit-scrollbar {
    display: none; }
  .StripedGrid__StripedGrid___1ZDyl .StripedGrid__key___2tmZh {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow-x: scroll;
    white-space: nowrap;
    width: 180px;
    border-right: solid 1px #37474f; }
    .StripedGrid__StripedGrid___1ZDyl .StripedGrid__key___2tmZh::-webkit-scrollbar {
      display: none; }
  .StripedGrid__StripedGrid___1ZDyl .StripedGrid__value___hoJrg {
    display: inline-block;
    overflow-x: scroll;
    white-space: nowrap;
    width: 344px;
    color: white; }
    .StripedGrid__StripedGrid___1ZDyl .StripedGrid__value___hoJrg::-webkit-scrollbar {
      display: none; }
  .StripedGrid__StripedGrid___1ZDyl .StripedGrid__cell___tqQQn {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 28px;
    padding: 7px 8px; }
    .StripedGrid__StripedGrid___1ZDyl .StripedGrid__cell___tqQQn:nth-child(2n+1) {
      background-color: rgba(255, 255, 255, 0.02); }
    .StripedGrid__StripedGrid___1ZDyl .StripedGrid__cell___tqQQn::-moz-selection {
      color: white;
      background: #ACCEF7; }
    .StripedGrid__StripedGrid___1ZDyl .StripedGrid__cell___tqQQn::selection {
      color: white;
      background: #ACCEF7; }
.DetailPanel__DetailPanelWrapper___3jXpS {
  position: absolute;
  pointer-events: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  left: 0;
  top: 316px;
  width: 704px;
  height: 288px; }

.DetailPanel__DetailPanel___1L1WM {
  position: absolute;
  pointer-events: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #222d33;
  border-top: 1px solid #37474f;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform .15s ease-out;
  transition: -webkit-transform .15s ease-out;
  transition: transform .15s ease-out;
  transition: transform .15s ease-out, -webkit-transform .15s ease-out; }
  .DetailPanel__DetailPanel___1L1WM .DetailPanel__image___27i34 {
    display: inline-block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-right: 1px solid #37474f;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 180px;
    height: 100%;
    -webkit-transition: background-image .2s linear;
    transition: background-image .2s linear; }
  .DetailPanel__DetailPanel___1L1WM .DetailPanel__stripedGrid___6ygqW {
    display: inline-block;
    height: 100%; }
  .DetailPanel__DetailPanel___1L1WM .DetailPanel__close___2yO5V {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #222d33; }
.ExploreDatasetSection__ExploreDatasetSection___cL-Oy {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 484px;
  font-family: proxima-nova;
  font-size: 14px;
  line-height: 1.21; }
  .ExploreDatasetSection__ExploreDatasetSection___cL-Oy .ExploreDatasetSection__title___1i25m {
    margin-bottom: 8px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    cursor: default;
    color: #6c7c84; }
  .ExploreDatasetSection__ExploreDatasetSection___cL-Oy .ExploreDatasetSection__loading___11grJ {
    cursor: default;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    color: #6c7c84; }
  .ExploreDatasetSection__ExploreDatasetSection___cL-Oy .ExploreDatasetSection__message___2dptz {
    margin-bottom: 12px;
    color: white; }
  .ExploreDatasetSection__ExploreDatasetSection___cL-Oy .ExploreDatasetSection__refresh___1M_24 {
    display: inline-block;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    font-weight: 600;
    color: #7078f2;
    -webkit-transition: color .1s ease-out;
    transition: color .1s ease-out; }
    .ExploreDatasetSection__ExploreDatasetSection___cL-Oy .ExploreDatasetSection__refresh___1M_24:hover {
      color: white; }

/*# sourceMappingURL=bundle.umd.js.map*/