likelihood-widgets-react
Version:
A collection of React components used by Likelihood UI.
1,224 lines (1,218 loc) • 49.8 kB
CSS
.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: 100%;
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;
margin-left: 4px;
margin-right: 2px;
top: 6px; }
.Dropdown__Dropdown___1LwRb .Dropdown__search___3Frv0 .Dropdown__icon___1aJNn svg {
background-color: white ; }
.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__optionList___1a6FT {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 4px 0;
cursor: pointer;
overflow-y: scroll;
max-height: 250px; }
.Dropdown__Dropdown___1LwRb .Dropdown__optionList___1a6FT .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__optionList___1a6FT .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;
color: #37474f;
padding: 4px 8px;
height: 22px;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
-webkit-transition-property: background-color, color;
transition-property: background-color, color; }
.Dropdown__Dropdown___1LwRb .Dropdown__optionList___1a6FT .Dropdown__option___3yZl4:hover {
background-color: rgba(112, 120, 242, 0.6);
color: white; }
.Dropdown__Dropdown___1LwRb .Dropdown__optionList___1a6FT .Dropdown__active___QzcMj {
background-color: #7078f2 ;
color: white; }
.Dropdown__Dropdown___1LwRb .Dropdown__optionList___1a6FT .Dropdown__preselect___205Qb {
background-color: rgba(112, 120, 242, 0.6);
color: white; }
.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 svg {
height: 100%;
width: 100%; }
.Icon__icon___3VX9i svg path, .Icon__icon___3VX9i svg rect, .Icon__icon___3VX9i svg circle {
-webkit-transition: fill .1s ease-in-out;
transition: fill .1s ease-in-out; }
.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: #c0cbd2 ; }
.Icon__icon___3VX9i .Icon__default___2ip9Y path, .Icon__icon___3VX9i .Icon__default___2ip9Y rect, .Icon__icon___3VX9i .Icon__default___2ip9Y circle {
fill: #51636c; }
.Icon__icon___3VX9i .Icon__light___28rB1 path, .Icon__icon___3VX9i .Icon__light___28rB1 rect, .Icon__icon___3VX9i .Icon__light___28rB1 circle {
fill: #c0cbd2; }
.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; }
.NumericInput__NumericInput___3jBwL {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 17px;
padding: 0 6px;
outline: none;
height: 30px;
width: 100%;
border: solid 1px #46575f;
border-radius: 2px;
background-color: #1d2e36;
font-size: 14px;
font-family: proxima-nova;
line-height: 1.42857143;
-webkit-transition: border-color .1s linear;
transition: border-color .1s linear; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 100%; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__input___9vvhm {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
outline: none;
font-size: 12px;
font-family: proxima-nova;
line-height: 1.42857143;
color: #fff;
border: none;
background-color: #1d2e36;
height: 100%;
width: 100%; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__inputMask___2gVyD {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__arrow___1iJzv {
position: relative;
width: 10px;
margin-left: 1px;
z-index: 1045;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__arrow___1iJzv .NumericInput__up___2Qdw8 {
position: absolute;
top: -15px; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__arrow___1iJzv .NumericInput__down___2x3gY {
position: absolute;
top: 5px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__type___7Sat6 {
margin-left: 1px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
font-size: 11px;
font-family: proxima-nova;
color: #51636c;
-webkit-transition: color .1s linear;
transition: color .1s linear; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__type___7Sat6.NumericInput__disabled___3HbsH {
pointer-events: none; }
.NumericInput__NumericInput___3jBwL .NumericInput__inputWrapper___3l1PO .NumericInput__type___7Sat6:hover {
color: white; }
.NumericInput__NumericInput___3jBwL .NumericInput__autoWrapper___1zEnd {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.NumericInput__NumericInput___3jBwL .NumericInput__autoWrapper___1zEnd .NumericInput__text___1HNpy {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: 12px;
color: #51636c;
-webkit-transition: color .1s linear;
transition: color .1s linear; }
.NumericInput__NumericInput___3jBwL .NumericInput__autoWrapper___1zEnd .NumericInput__text___1HNpy.NumericInput__hover___3QYBm {
color: white; }
.NumericInput__NumericInput___3jBwL .NumericInput__autoWrapper___1zEnd .NumericInput__arrow___1iJzv {
position: relative;
top: 6px;
width: 10px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.NumericInput__NumericInput___3jBwL .NumericInput__label___1zEwR {
position: absolute;
top: 31px;
left: 0;
width: 100%;
cursor: default;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
font-size: 11px;
color: #6c7c84; }
.NumericInput__NumericInput___3jBwL .NumericInput__dropdown___2xr-Y {
position: absolute;
z-index: 1050;
right: 0;
top: 30px;
width: 50px; }
.NumericInput__NumericInput___3jBwL .NumericInput__dropdown___2xr-Y ::-webkit-scrollbar {
display: none ; }
.NumericInput__NumericInput___3jBwL .NumericInput__backdrop___3a2m9 {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.NumericInput__NumericInput___3jBwL .type-dropdown-enter {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0; }
.NumericInput__NumericInput___3jBwL .type-dropdown-enter.type-dropdown-enter-active {
-webkit-transform-origin: 80% top;
transform-origin: 80% top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.NumericInput__NumericInput___3jBwL .type-dropdown-leave {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1; }
.NumericInput__NumericInput___3jBwL .type-dropdown-leave.type-dropdown-leave-active {
-webkit-transform-origin: 80% top;
transform-origin: 80% top;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.Checkbox__Checkbox___1ygHA {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-family: proxima-nova;
font-size: 12px;
line-height: 1.42857143;
cursor: pointer; }
.Checkbox__Checkbox___1ygHA .Checkbox__box___3eLSE {
position: relative;
margin-right: 8px;
width: 16px;
height: 16px;
border-radius: 1px;
border: solid 1px #46575f;
background-color: #1d2e36;
-webkit-transition: border-color .1s ease-out;
transition: border-color .1s ease-out;
will-change: border-color; }
.Checkbox__Checkbox___1ygHA .Checkbox__checkmark___EQvMN {
position: absolute;
border-radius: 1px;
overflow: hidden;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .1s ease-out;
transition: -webkit-transform .1s ease-out;
transition: transform .1s ease-out;
transition: transform .1s ease-out, -webkit-transform .1s ease-out;
will-change: transform; }
.Checkbox__Checkbox___1ygHA .Checkbox__checkmark___EQvMN svg {
background-color: #7078f2 ; }
.Checkbox__Checkbox___1ygHA .Checkbox__label___2jCOz {
position: relative;
top: 1px;
color: #6c7c84;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
will-change: color;
-webkit-transition: color .1s ease-out;
transition: color .1s ease-out; }
.Checkbox__Checkbox___1ygHA.Checkbox__checked___g-9lt .Checkbox__checkmark___EQvMN {
-webkit-transform: scale(1);
transform: scale(1); }
.Checkbox__Checkbox___1ygHA.Checkbox__checked___g-9lt .Checkbox__label___2jCOz {
color: white; }
.Checkbox__Checkbox___1ygHA.Checkbox__hover___3tN8K .Checkbox__box___3eLSE {
border-color: #b2b2b2; }
.Checkbox__Checkbox___1ygHA.Checkbox__hover___3tN8K .Checkbox__label___2jCOz {
color: #b2b2b2; }
.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 {
position: relative;
top: -1px;
font-family: proxima-nova;
font-size: 12px;
font-weight: normal;
color: #6c7c84;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: color 0.15s cubic-bezier(0.23, 1, 0.32, 1);
transition: color 0.15s cubic-bezier(0.23, 1, 0.32, 1);
will-change: color; }
.RadioGroup__radio-group___3e0oN .RadioGroup__radio-item___2WrMa:hover .RadioGroup__radio-label___3c0Sk {
color: #b2b2b2; }
.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: 16px;
height: 16px;
border: solid 1px #46575f;
border-radius: 50%;
-webkit-transition: border-color 0.15s cubic-bezier(0.23, 1, 0.32, 1);
transition: border-color 0.15s cubic-bezier(0.23, 1, 0.32, 1);
will-change: border-color; }
.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: 14px;
height: 14px; }
.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: 14px;
height: 14px; }
.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: 4px;
left: 4px;
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;
font-family: proxima-nova;
font-size: 14px;
line-height: 1.42857143; }
.Select__Select___2w4fN.Select__small___-WNFZ {
font-size: 12px; }
.Select__Select___2w4fN.Select__small___-WNFZ .Select__input___3PcAU {
padding-top: 6px;
height: 30px; }
.Select__Select___2w4fN.Select__small___-WNFZ .Select__input___3PcAU .Select__arrow___gO3Wd {
top: 6px; }
.Select__Select___2w4fN .Select__input___3PcAU {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 7px;
padding-top: 8px;
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;
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; }
.Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd {
position: absolute;
top: 7px;
right: 8px; }
.Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd path, .Select__Select___2w4fN .Select__input___3PcAU .Select__arrow___gO3Wd rect {
fill: #e6e9eb ; }
.Select__Select___2w4fN .Select__dropdown___1lMNs {
position: absolute;
z-index: 1050; }
.Select__Select___2w4fN .Select__backdrop___2uCGd {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.Select__Select___2w4fN .dropdown-enter {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0; }
.Select__Select___2w4fN .dropdown-enter.dropdown-enter-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.Select__Select___2w4fN .dropdown-leave {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1; }
.Select__Select___2w4fN .dropdown-leave.dropdown-leave-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.Tooltip__tooltip___36liX {
padding: 6px ;
background-color: #8296a0 ;
font-family: proxima-nova;
font-size: 12px ;
font-weight: normal ;
border-radius: 2px ;
-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 ; }
.Tooltip__tooltip___36liX.place-top:after {
border-top-color: #8296a0 ; }
.Tooltip__tooltip___36liX.place-right:after {
border-right-color: #8296a0 ; }
.Tooltip__tooltip___36liX.place-bottom:after {
border-bottom-color: #8296a0 ; }
.Tooltip__tooltip___36liX.show {
opacity: 1 ; }
.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%); }
.Modal__Modal___1sV8y {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
pointer-events: none;
color: white;
font-family: proxima-nova;
font-size: 14px;
line-height: 1.21;
z-index: 1400; }
.Modal__Modal___1sV8y .Modal__mask___umMXY {
position: fixed;
height: 100%;
width: 100%;
top: 0;
left: -100%;
opacity: 0;
pointer-events: auto;
background-color: rgba(239, 242, 244, 0.92);
will-change: opacity, left;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
-webkit-transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 400ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
z-index: 1; }
.Modal__Modal___1sV8y .Modal__dialog___316I1 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
top: 50%;
-webkit-transform: translate3d(0px, calc(-50% - 100px), 0px);
transform: translate3d(0px, calc(-50% - 100px), 0px);
width: 706px;
margin: 0px auto;
z-index: 2;
pointer-events: auto;
opacity: 0;
background-color: #23353e;
-webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
.Modal__Modal___1sV8y .Modal__dialog___316I1 .Modal__title___lAWFE {
position: relative;
padding: 24px;
height: 64px;
background-color: #222d33;
font-weight: 600;
letter-spacing: 0.6px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #e6e9eb; }
.Modal__Modal___1sV8y .Modal__dialog___316I1 .Modal__close___D4Aby {
position: absolute;
right: 20px;
top: 20px; }
.Modal__Modal___1sV8y .Modal__dialog___316I1 .Modal__content___3Q4Ns {
padding: 24px;
max-height: 536px;
overflow-x: hidden;
overflow-y: scroll; }
.Modal__Modal___1sV8y.Modal__show___3R11I .Modal__mask___umMXY {
left: 0;
opacity: 1;
-webkit-transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
transition: left 0ms cubic-bezier(0.23, 1, 0.32, 1) 0ms, opacity 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; }
.Modal__Modal___1sV8y.Modal__show___3R11I .Modal__dialog___316I1 {
opacity: 1;
-webkit-transform: translateY(-50%);
transform: translateY(-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 ; }
.OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__operator-placeholder___28IDD.OperatorSelector__incomplete___gKjoh {
color: #ff697a; }
.OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__dropdown___3WEwG {
position: absolute;
z-index: 1050;
top: 17px;
width: 45px; }
.OperatorSelector__OperatorSelector___3EhpS .OperatorSelector__backdrop___2M3zq {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.OperatorSelector__OperatorSelector___3EhpS .operator-dropdown-enter {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0; }
.OperatorSelector__OperatorSelector___3EhpS .operator-dropdown-enter.operator-dropdown-enter-active {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.OperatorSelector__OperatorSelector___3EhpS .operator-dropdown-leave {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1; }
.OperatorSelector__OperatorSelector___3EhpS .operator-dropdown-leave.operator-dropdown-leave-active {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.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;
z-index: 1050;
top: 17px;
width: 50px; }
.EmptyNullSelector__EmptyNullSelector___aQvoY .EmptyNullSelector__backdrop___2tbJk {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.EmptyNullSelector__EmptyNullSelector___aQvoY .dropdown-enter {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0; }
.EmptyNullSelector__EmptyNullSelector___aQvoY .dropdown-enter.dropdown-enter-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.EmptyNullSelector__EmptyNullSelector___aQvoY .dropdown-leave {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1; }
.EmptyNullSelector__EmptyNullSelector___aQvoY .dropdown-leave.dropdown-leave-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.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;
z-index: 1050;
top: 20px;
width: 35px; }
.SelectedConjunction__SelectedConjunction___1gVdR .SelectedConjunction__backdrop___pQbAA {
position: fixed;
z-index: 1040;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.SelectedConjunction__SelectedConjunction___1gVdR .conjunction-dropdown-enter {
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0; }
.SelectedConjunction__SelectedConjunction___1gVdR .conjunction-dropdown-enter.conjunction-dropdown-enter-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.SelectedConjunction__SelectedConjunction___1gVdR .conjunction-dropdown-leave {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 1; }
.SelectedConjunction__SelectedConjunction___1gVdR .conjunction-dropdown-leave.conjunction-dropdown-leave-active {
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
opacity: 0;
-webkit-transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, opacity 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s, -webkit-transform 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s; }
.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: 160px; }
.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: 122px;
height: 122px;
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: 9px;
margin-bottom: 9px; }
.ListItemGrid__ListItemGrid___2QBSZ {
position: relative;
-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 {
padding: 12px;
padding-bottom: 0;
overflow-y: scroll;
background-color: #23353e;
font-size: 12px; }
.StripedGrid__StripedGrid___1ZDyl::-webkit-scrollbar {
display: none; }
.StripedGrid__StripedGrid___1ZDyl .StripedGrid__entry___1-ndp .StripedGrid__key___2tmZh {
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #6c7c84; }
.StripedGrid__StripedGrid___1ZDyl .StripedGrid__entry___1-ndp .StripedGrid__valueWrapper___2s4Xj {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 2px;
margin-bottom: 12px; }
.StripedGrid__StripedGrid___1ZDyl .StripedGrid__entry___1-ndp .StripedGrid__valueWrapper___2s4Xj .StripedGrid__image___1b46- {
margin-right: 8px;
vertical-align: top;
border: 1px solid #7078f2;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: 48px;
height: 48px; }
.StripedGrid__StripedGrid___1ZDyl .StripedGrid__entry___1-ndp .StripedGrid__valueWrapper___2s4Xj .StripedGrid__value___hoJrg {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
white-space: normal;
word-break: break-word;
overflow-x: hidden;
color: white; }
.DetailPanel__DetailPanelWrapper___3jXpS {
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
width: 706px;
height: 281px; }
.DetailPanel__DetailPanel___1L1WM {
position: relative;
pointer-events: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
background-color: #23353e;
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__header___zobUS {
height: 32px;
border-bottom: solid 1px #37474f; }
.DetailPanel__DetailPanel___1L1WM .DetailPanel__header___zobUS .DetailPanel__close___2yO5V {
position: absolute;
right: 5px;
top: 5px; }
.DetailPanel__DetailPanel___1L1WM .DetailPanel__content___2L29f {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row; }
.DetailPanel__DetailPanel___1L1WM .DetailPanel__content___2L29f .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: 248px;
height: 100%;
-webkit-transition: background-image .2s linear;
transition: background-image .2s linear; }
.DetailPanel__DetailPanel___1L1WM .DetailPanel__content___2L29f .DetailPanel__stripedGrid___6ygqW {
display: inline-block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 100%; }
.ExploreDatasetSection__ExploreDatasetSection___cL-Oy {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 658px;
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.min.js.map*/