UNPKG

likelihood-widgets-react

Version:

A collection of React components used by Likelihood UI.

1,224 lines (1,218 loc) 49.8 kB
.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 !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__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 !important; 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 !important; } .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 !important; } .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 !important; } .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 !important; } .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 !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%); } .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 !important; } .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*/