likelihood-widgets-react/dist/bundle.lib.css

A collection of React components used by Likelihood UI.

.Dropdown__dropdown___1e5x4 {
  position: relative;
  outline: none;
  width: 156px;
  max-height: 186px;
  overflow: scroll;
  cursor: pointer;
  border-radius: 2px;
  background-color: #ffffff;
  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___1e5x4 .Dropdown__option___3yZl4 {
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 11px 9px;
    height: 32px;
    transition: background-color 150ms ease-out; }
    .Dropdown__dropdown___1e5x4 .Dropdown__option___3yZl4:hover {
      background-color: rgba(112, 120, 242, 0.6); }
  .Dropdown__dropdown___1e5x4 .Dropdown__active___QzcMj {
    background-color: #7078f2 !important; }
.Icon__icon___3VX9i {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #37474f; }
  .Icon__icon___3VX9i .Icon__active___3FaAa path.white, .Icon__icon___3VX9i .Icon__active___3FaAa rect.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 {
    fill: #7078f2; }
  .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__white___1NH8i path, .Icon__icon___3VX9i .Icon__active___3FaAa.Icon__white___1NH8i rect {
    fill: #fff; }
  .Icon__icon___3VX9i .Icon__hover___2QdaT path, .Icon__icon___3VX9i .Icon__hover___2QdaT rect {
    fill: #b0bec5; }
  .Icon__icon___3VX9i svg {
    height: 100%;
    width: 100%; }
    .Icon__icon___3VX9i svg path, .Icon__icon___3VX9i svg rect {
      fill: #6c7c84;
      transition: fill 150ms 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 {
  box-sizing: border-box;
  padding: 9px 11px 10px 35px;
  color: #fff;
  font-size: 14px;
  border: 1px solid #46575f;
  border-radius: 2px;
  box-shadow: none;
  background-color: #1d2e36;
  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;
  box-sizing: border-box;
  padding: 6px 11px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #46575f;
  border-radius: 2px;
  box-shadow: none;
  background-color: #1d2e36;
  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 .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;
  /* 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;
    box-sizing: content-box;
    width: 18px;
    height: 18px;
    border: solid 1px #46575f;
    border-radius: 50%;
    transition: border-color 150ms 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___3uZJi {
  position: relative; }
  .Select__select___3uZJi .Select__input___3PcAU {
    position: relative;
    box-sizing: border-box;
    padding-left: 7px;
    padding-top: 8px;
    height: 36px;
    cursor: pointer;
    border-radius: 2px;
    background-color: #3a4b53; }
    .Select__select___3uZJi .Select__input___3PcAU .Select__input-value___oK3nd {
      font-family: proxima-nova;
      font-size: 14px;
      line-height: 1.21;
      color: #ffffff; }
    .Select__select___3uZJi .Select__input___3PcAU .Select__arrow___gO3Wd {
      position: absolute;
      top: 7px;
      right: 8px; }
      .Select__select___3uZJi .Select__input___3PcAU .Select__arrow___gO3Wd path, .Select__select___3uZJi .Select__input___3PcAU .Select__arrow___gO3Wd rect {
        fill: #e6e9eb !important; }
  .Select__select___3uZJi .Select__dropdown___1lMNs {
    position: absolute; }
.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;
  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__operator-selector___1qdgv {
  display: inline-block; }
  .OperatorSelector__operator-selector___1qdgv .OperatorSelector__dropdown___3WEwG {
    position: absolute; }
.FilterValue__filter-value___3pjbr {
  margin-left: 8px;
  padding: 10px 8px;
  color: white;
  font-family: proxima-nova;
  font-size: 14px;
  line-height: 1.21;
  border-radius: 2px;
  background-color: #1d2e36;
  border: solid 1px #46575f; }
  .FilterValue__filter-value___3pjbr .FilterValue__entry___10vjm .FilterValue__operator___3rY-r {
    cursor: pointer;
    margin-right: 7px; }
  .FilterValue__filter-value___3pjbr .FilterValue__entry___10vjm .FilterValue__value____l4SL {
    margin-right: 6px;
    outline: none; }
  .FilterValue__filter-value___3pjbr .FilterValue__entry___10vjm .FilterValue__conjunction___1Oxt- {
    cursor: pointer;
    color: #6c7c84; }
.FilterItem__filter-item___1uFCC {
  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__filter-item___1uFCC .FilterItem__select___3MtZ6 {
    width: 140px; }
  .FilterItem__filter-item___1uFCC .FilterItem__value___1y6IE {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }

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