@ima/devtools
Version:
IMA.js debugging panel in the Chrome Developer Tools window.
1,688 lines (1,658 loc) • 59.6 kB
CSS
.src-components-atom-alert-alert-module__alert--CRska {
padding: 18px 22px;
background: white;
-webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.src-components-atom-alert-alert-module__title--EKwsI {
margin-right: 6px;
}
.src-components-atom-alert-alert-module__title--success--YZeU4 {
color: var(--oc-green-6);
}
.src-components-atom-alert-alert-module__title--danger--RwTn_ {
color: var(--oc-red-6);
}
.src-components-atom-alert-alert-module__title--warning--QRjeO {
color: var(--oc-yellow-6);
}
.src-components-atom-button-button-module__btn--YRwOu {
border: 2px solid var(--oc-gray-7);
border-radius: 8px;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
color: var(--oc-gray-7);
background: none;
-webkit-transition: 0.1s all;
transition: 0.1s all;
outline: none;
}
.src-components-atom-button-button-module__btn--YRwOu:active {
opacity: 0.8;
}
.src-components-atom-button-button-module__btn--YRwOu:not([disabled]):hover {
color: var(--color-white);
background: var(--oc-gray-7);
}
.src-components-atom-button-button-module__btn--YRwOu[disabled] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: default;
opacity: 0.5;
}
.src-components-atom-button-button-module__btn--primary--F5jO0 {
border-color: var(--color-primary);
color: var(--color-primary);
}
.src-components-atom-button-button-module__btn--primary--F5jO0:not([disabled]):hover {
background: var(--color-primary);
}
.src-components-atom-button-button-module__btn--success--AxqT4 {
border-color: var(--oc-green-6);
color: var(--oc-green-6);
}
.src-components-atom-button-button-module__btn--success--AxqT4:not([disabled]):hover {
background: var(--oc-green-6);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--Yfg4k {
border: none;
padding: 8px 12px;
color: var(--color-button);
background: none;
-webkit-transition: color 0.1s linear;
transition: color 0.1s linear;
cursor: pointer;
outline: none;
}
.src-components-atom-iconButton-iconButton-module__iconBtn--Yfg4k:hover {
color: var(--color-button-hover);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--Yfg4k:active {
color: var(--color-button-active);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--Yfg4k svg {
width: 20px;
height: 20px;
}
.src-components-atom-iconButton-iconButton-module__iconBtn--danger--uPgKO {
color: var(--oc-red-6);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--danger--uPgKO:hover {
color: var(--oc-red-5);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--danger--uPgKO:active {
color: var(--oc-red-7);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--success--EB54T {
color: var(--oc-green-6);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--success--EB54T:hover {
color: var(--oc-green-5);
}
.src-components-atom-iconButton-iconButton-module__iconBtn--success--EB54T:active {
color: var(--oc-green-7);
}
.src-components-atom-jsonView-jsonView-module__jsonView--swfTh {
padding: 10px;
}
.src-components-atom-loader-loader-module__wrapper--a3Nyz {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 90vh;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.src-components-atom-loader-loader-module__loaderIcon--YCHDn {
position: relative;
border-radius: 50%;
border-top: 4px solid var(--color-primary);
border-right: 4px solid transparent;
width: 60px;
height: 60px;
-webkit-animation: src-components-atom-loader-loader-module__rotation--UbXJG 0.8s linear infinite;
animation: src-components-atom-loader-loader-module__rotation--UbXJG 0.8s linear infinite;
}
.src-components-atom-loader-loader-module__title--yUAuq {
margin-top: 20px;
}
@-webkit-keyframes src-components-atom-loader-loader-module__rotation--UbXJG {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes src-components-atom-loader-loader-module__rotation--UbXJG {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.src-assets-less-animations-module__animSlideIn--jKxWh {
animation: src-assets-less-animations-module__slideIn--A7RfS 0.2s cubic-bezier(0.17, 0.67, 0.22, 1.23) forwards;
}
@keyframes src-assets-less-animations-module__slideIn--A7RfS {
0% {
transform: scale(0.95) translateY(20px);
opacity: 0;
}
100% {
transform: scale(1) translateY(0);
opacity: 1;
}
}
.src-assets-less-animations-module__animSlideOut--Bhfna {
animation: src-assets-less-animations-module__slideOut--SYco8 0.2s cubic-bezier(0.87, -0.35, 1, 0.64) forwards;
}
@keyframes src-assets-less-animations-module__slideOut--SYco8 {
0% {
transform: scale(1) translateY(0);
opacity: 1;
}
100% {
transform: scale(0.95) translateY(20px);
opacity: 0;
}
}
.src-assets-less-animations-module__animFadeIn--UudNB {
animation: src-assets-less-animations-module__fadeIn--_Fucr 0.2s linear forwards;
}
@keyframes src-assets-less-animations-module__fadeIn--_Fucr {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.src-assets-less-animations-module__animFadeOut--zOP9E {
animation: src-assets-less-animations-module__fadeOut--YW54U 0.2s linear forwards;
}
@keyframes src-assets-less-animations-module__fadeOut--YW54U {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.src-components-atom-modal-modal-module__animSlideIn--hTMJA {
-webkit-animation: src-components-atom-modal-modal-module__slideIn--Djpcn 0.2s cubic-bezier(0.17, 0.67, 0.22, 1.23) forwards;
animation: src-components-atom-modal-modal-module__slideIn--Djpcn 0.2s cubic-bezier(0.17, 0.67, 0.22, 1.23) forwards;
}
@-webkit-keyframes src-components-atom-modal-modal-module__slideIn--Djpcn {
0% {
-webkit-transform: scale(0.95) translateY(20px);
transform: scale(0.95) translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
opacity: 1;
}
}
@keyframes src-components-atom-modal-modal-module__slideIn--Djpcn {
0% {
-webkit-transform: scale(0.95) translateY(20px);
transform: scale(0.95) translateY(20px);
opacity: 0;
}
100% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
opacity: 1;
}
}
.src-components-atom-modal-modal-module__animSlideOut--YeQgs {
-webkit-animation: src-components-atom-modal-modal-module__slideOut--bPjPn 0.2s cubic-bezier(0.87, -0.35, 1, 0.64) forwards;
animation: src-components-atom-modal-modal-module__slideOut--bPjPn 0.2s cubic-bezier(0.87, -0.35, 1, 0.64) forwards;
}
@-webkit-keyframes src-components-atom-modal-modal-module__slideOut--bPjPn {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95) translateY(20px);
transform: scale(0.95) translateY(20px);
opacity: 0;
}
}
@keyframes src-components-atom-modal-modal-module__slideOut--bPjPn {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95) translateY(20px);
transform: scale(0.95) translateY(20px);
opacity: 0;
}
}
.src-components-atom-modal-modal-module__animFadeIn--HbexO {
-webkit-animation: src-components-atom-modal-modal-module__fadeIn--dSDT_ 0.2s linear forwards;
animation: src-components-atom-modal-modal-module__fadeIn--dSDT_ 0.2s linear forwards;
}
@-webkit-keyframes src-components-atom-modal-modal-module__fadeIn--dSDT_ {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes src-components-atom-modal-modal-module__fadeIn--dSDT_ {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.src-components-atom-modal-modal-module__animFadeOut--uiUFx {
-webkit-animation: src-components-atom-modal-modal-module__fadeOut--Gr5kl 0.2s linear forwards;
animation: src-components-atom-modal-modal-module__fadeOut--Gr5kl 0.2s linear forwards;
}
@-webkit-keyframes src-components-atom-modal-modal-module__fadeOut--Gr5kl {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes src-components-atom-modal-modal-module__fadeOut--Gr5kl {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.src-components-atom-modal-modal-module__wrapper--J31Z9 {
position: absolute;
left: 0;
top: 0;
z-index: var(--z-index-modal);
width: 100%;
height: 100%;
}
.src-components-atom-modal-modal-module__overlay--OatCm {
display: -ms-flexbox;
display: flex;
position: fixed;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: start;
align-items: flex-start;
background: rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.src-components-atom-modal-modal-module__overlay--closing--Zn8Sj {
}
.src-components-atom-modal-modal-module__modal--IourX {
position: relative;
z-index: 2;
margin: 150px auto 0;
padding: 20px;
background: var(--color-white);
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
.src-components-atom-modal-modal-module__modal--closing--r_iRi {
}
.src-components-atom-modal-modal-module__header--foY_O {
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid var(--color-border);
padding-bottom: 10px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
}
.src-components-atom-modal-modal-module__header--foY_O h4 {
font-size: 18px;
font-weight: 600;
}
.src-components-atom-modal-modal-module__footer--BXnru {
display: -ms-flexbox;
display: flex;
border-top: 1px solid var(--color-border);
padding-top: 20px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.src-components-atom-modal-modal-module__footer--BXnru button {
margin-left: 10px;
}
.src-components-atom-modal-modal-module__closeIcon--AzKan {
margin: 0;
padding: 5px;
height: auto;
line-height: 0;
background: none;
}
.src-components-atom-modal-modal-module__closeIcon--AzKan:focus {
outline: none;
}
.src-components-atom-modal-modal-module__closeIcon--AzKan:hover {
color: var(--color-button-hover);
}
.src-components-atom-modal-modal-module__closeIcon--AzKan:active {
color: var(--color-button-active);
}
.src-components-atom-modal-modal-module__closeIcon--AzKan svg {
width: 22px;
height: auto;
}
.src-components-atom-modal-modal-module__body--awwXm {
margin: 20px 0;
}
.src-components-molecule-alerts-alerts-module__container--zUkbM {
display: -ms-flexbox;
display: flex;
position: fixed;
right: 0;
top: 0;
z-index: var(--z-index-menu-alerts);
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: end;
align-items: flex-end;
}
.src-components-molecule-alerts-alerts-module__alert--mLI0R {
margin: 20px 20px 0 0;
cursor: pointer;
}
.src-components-molecule-alerts-alerts-module__alert--hidden--wCSPO {
}
.src-components-molecule-confirmModal-confirmModal-module__modal--TlvCV {
width: 100%;
max-width: 450px;
}
.src-components-molecule-confirmModal-confirmModal-module__body--dvny4 {
padding: 6px 0;
}
.src-components-molecule-confirmModal-confirmModal-module__body--dvny4 p {
margin: 14px 0;
}
.src-components-molecule-confirmModal-confirmModal-module__body--dvny4 strong {
font-weight: 700;
color: var(--oc-red-6);
}
.src-components-molecule-confirmModal-confirmModal-module__footer--vc_iR {
-ms-flex-pack: stretch;
justify-content: stretch;
}
.src-components-molecule-confirmModal-confirmModal-module__footer--vc_iR > button {
width: 100%;
}
.src-components-molecule-confirmModal-confirmModal-module__footer--vc_iR > button:first-child {
margin: 0 5px 0 0;
}
.src-components-molecule-confirmModal-confirmModal-module__footer--vc_iR > button:last-child {
margin: 0 0 0 5px;
}
.react-tabs__tab-list {
display: -ms-flexbox;
display: flex;
margin: 0;
border-bottom: 1px solid var(--color-border);
padding: 0;
height: var(--tabs-height);
-ms-flex-direction: row;
flex-direction: row;
list-style: none;
}
.react-tabs__tab {
display: block;
border: none;
border-bottom: 2px solid transparent;
padding: 0 12px;
font-size: 0.85em;
line-height: var(--tabs-height);
-webkit-transition: border-color 0.1s ease-in-out;
transition: border-color 0.1s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.react-tabs__tab:hover {
border-bottom-color: var(--color-primary);
}
.react-tabs__tab--selected {
border-bottom-color: var(--color-primary);
}
.src-components-molecule-dataView-dataView-module__info--SGvZR {
display: block;
padding: 30px 12px;
width: 100%;
font-family: var(--font-family-monospace);
font-size: 12px;
text-align: center;
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--bkjaB {
border-bottom: 1px solid var(--color-border);
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--bkjaB:hover {
background: var(--oc-gray-0);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--bkjaB:active {
background: var(--oc-gray-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--bkjaB:last-child {
border-bottom: none;
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--selected--vndLk {
background: var(--oc-gray-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--green--odbiM .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-green-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--green--odbiM .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-green-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--green--odbiM .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-green-7);
background: var(--oc-green-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--red--o7BOB .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-red-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--red--o7BOB .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-red-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--red--o7BOB .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-red-7);
background: var(--oc-red-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--yellow--g9K17 .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-yellow-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--yellow--g9K17 .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-yellow-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--yellow--g9K17 .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-yellow-7);
background: var(--oc-yellow-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--blue--kYQeN .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-blue-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--blue--kYQeN .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-blue-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--blue--kYQeN .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-blue-7);
background: var(--oc-blue-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--indigo--dhPGT .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-indigo-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--indigo--dhPGT .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-indigo-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--indigo--dhPGT .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-indigo-7);
background: var(--oc-indigo-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--violet--bL0Cp .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-violet-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--violet--bL0Cp .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-violet-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--violet--bL0Cp .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-violet-7);
background: var(--oc-violet-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--gray--Isr2X .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-gray-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--gray--Isr2X .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-gray-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--gray--Isr2X .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-gray-7);
background: var(--oc-gray-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--pink--MFLqr .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-pink-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--pink--MFLqr .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-pink-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--pink--MFLqr .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-pink-7);
background: var(--oc-pink-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--grape--dDK5g .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-grape-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--grape--dDK5g .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-grape-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--grape--dDK5g .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-grape-7);
background: var(--oc-grape-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--cyan--G2lFd .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-cyan-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--cyan--G2lFd .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-cyan-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--cyan--G2lFd .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-cyan-7);
background: var(--oc-cyan-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--teal--ReKPs .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-teal-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--teal--ReKPs .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-teal-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--teal--ReKPs .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-teal-7);
background: var(--oc-teal-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--lime--IXFv_ .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-lime-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--lime--IXFv_ .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-lime-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--lime--IXFv_ .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-lime-7);
background: var(--oc-lime-1);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--orange--vs0MB .src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
color: var(--oc-orange-7);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--orange--vs0MB .src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
color: var(--oc-orange-6);
}
.src-components-molecule-entryListItem-entryListItem-module__wrapper--orange--vs0MB .src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
color: var(--oc-orange-7);
background: var(--oc-orange-1);
}
.src-components-molecule-entryListItem-entryListItem-module__label--AZZB7,
.src-components-molecule-entryListItem-entryListItem-module__timeWrapper--QgleF {
padding: 6px 8px;
}
.src-components-molecule-entryListItem-entryListItem-module__event--UXKSG {
font-weight: normal;
}
.src-components-molecule-entryListItem-entryListItem-module__tagWrapper--7J4xu {
margin-left: 8px;
font-family: var(--font-family-monospace);
text-align: center;
color: var(--color-white);
}
.src-components-molecule-entryListItem-entryListItem-module__type--i9zKa {
border-radius: 3px;
padding: 2px 4px;
font-size: 11px;
color: var(--oc-gray-7);
background: var(--oc-gray-3);
}
.src-components-molecule-entryListItem-entryListItem-module__promiseStatus--ysKN3 {
border: 1px solid var(--oc-gray-4);
border-radius: 3px;
padding: 2px 4px;
font-size: 10px;
color: var(--oc-gray-6);
}
.src-components-molecule-entryListItem-entryListItem-module__promiseStatus--pending--RvZh2 {
color: var(--color-primary);
}
.src-components-molecule-entryListItem-entryListItem-module__promiseStatus--ysKN3 svg {
margin-right: 4px;
margin-bottom: -2px;
height: 11px;
}
.src-components-molecule-entryListItem-entryListItem-module__label--AZZB7 {
font-weight: 500;
}
.src-components-molecule-entryListItem-entryListItem-module__timeWrapper--QgleF {
font-size: 11px;
text-align: right;
color: var(--color-text-muted);
}
.src-components-molecule-entryListItem-entryListItem-module__time--TPPkA {
border-radius: 3px;
padding: 2px 4px;
background: var(--oc-gray-2);
}
.src-components-molecule-entryList-entryList-module__container--W9Dfh {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.src-components-molecule-entryList-entryList-module__table--AnS6l {
margin: 0;
padding: 0;
width: 100%;
list-style: none;
}
@media (prefers-color-scheme: dark) {
.w-tc-editor {
--color-fg-default: #c9d1d9;
--color-canvas-subtle: #161b22;
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-markup-bold: #c9d1d9;
}
}
@media (prefers-color-scheme: light) {
.w-tc-editor {
--color-fg-default: #24292f;
--color-canvas-subtle: #f6f8fa;
--color-prettylights-syntax-comment: #6e7781;
--color-prettylights-syntax-entity-tag: #116329;
--color-prettylights-syntax-entity: #8250df;
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
--color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-markup-bold: #24292f;
}
}
.w-tc-editor[data-color-mode*='dark'],
[data-color-mode*='dark'] .w-tc-editor,
[data-color-mode*='dark'] .w-tc-editor-var,
body[data-color-mode*='dark'] {
--color-fg-default: #c9d1d9;
--color-canvas-subtle: #161b22;
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-entity-tag: #7ee787;
--color-prettylights-syntax-entity: #d2a8ff;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant: #79c0ff;
--color-prettylights-syntax-string: #a5d6ff;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-markup-bold: #c9d1d9;
}
.w-tc-editor[data-color-mode*='light'],
[data-color-mode*='light'] .w-tc-editor,
[data-color-mode*='light'] .w-tc-editor-var,
body[data-color-mode*='light'] {
--color-fg-default: #24292f;
--color-canvas-subtle: #f6f8fa;
--color-prettylights-syntax-comment: #6e7781;
--color-prettylights-syntax-entity-tag: #116329;
--color-prettylights-syntax-entity: #8250df;
--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
--color-prettylights-syntax-constant: #0550ae;
--color-prettylights-syntax-string: #0a3069;
--color-prettylights-syntax-keyword: #cf222e;
--color-prettylights-syntax-markup-bold: #24292f;
}
.w-tc-editor {
font-family: inherit;
font-size: 12px;
background-color: var(--color-canvas-subtle);
color: var(--color-fg-default);
}
.w-tc-editor-text,
.w-tc-editor-preview {
min-height: 16px;
}
.w-tc-editor-preview pre {
margin: 0;
padding: 0;
white-space: inherit;
font-family: inherit;
font-size: inherit;
}
.w-tc-editor-preview pre code {
font-family: inherit;
}
.w-tc-editor code[class*='language-'] .token.cdata,
.w-tc-editor pre[class*='language-'] .token.cdata,
.w-tc-editor code[class*='language-'] .token.comment,
.w-tc-editor pre[class*='language-'] .token.comment,
.w-tc-editor code[class*='language-'] .token.doctype,
.w-tc-editor pre[class*='language-'] .token.doctype,
.w-tc-editor code[class*='language-'] .token.prolog,
.w-tc-editor pre[class*='language-'] .token.prolog {
color: var(--color-prettylights-syntax-comment);
}
.w-tc-editor code[class*='language-'] .token.punctuation,
.w-tc-editor pre[class*='language-'] .token.punctuation {
color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);
}
.w-tc-editor code[class*='language-'] .namespace,
.w-tc-editor pre[class*='language-'] .namespace {
opacity: 0.7;
}
.w-tc-editor code[class*='language-'] .token.boolean,
.w-tc-editor pre[class*='language-'] .token.boolean,
.w-tc-editor code[class*='language-'] .token.constant,
.w-tc-editor pre[class*='language-'] .token.constant,
.w-tc-editor code[class*='language-'] .token.deleted,
.w-tc-editor pre[class*='language-'] .token.deleted,
.w-tc-editor code[class*='language-'] .token.number,
.w-tc-editor pre[class*='language-'] .token.number,
.w-tc-editor code[class*='language-'] .token.symbol,
.w-tc-editor pre[class*='language-'] .token.symbol {
color: var(--color-prettylights-syntax-entity-tag);
}
.w-tc-editor code[class*='language-'] .token.builtin,
.w-tc-editor pre[class*='language-'] .token.builtin,
.w-tc-editor code[class*='language-'] .token.char,
.w-tc-editor pre[class*='language-'] .token.char,
.w-tc-editor code[class*='language-'] .token.inserted,
.w-tc-editor pre[class*='language-'] .token.inserted,
.w-tc-editor code[class*='language-'] .token.selector,
.w-tc-editor pre[class*='language-'] .token.selector,
.w-tc-editor code[class*='language-'] .token.string,
.w-tc-editor pre[class*='language-'] .token.string {
color: var(--color-prettylights-syntax-constant);
}
.w-tc-editor code[class*='language-'] .style .token.string,
.w-tc-editor pre[class*='language-'] .style .token.string,
.w-tc-editor code[class*='language-'] .token.entity,
.w-tc-editor pre[class*='language-'] .token.entity,
.w-tc-editor code[class*='language-'] .token.property,
.w-tc-editor pre[class*='language-'] .token.property,
.w-tc-editor code[class*='language-'] .token.operator,
.w-tc-editor pre[class*='language-'] .token.operator,
.w-tc-editor code[class*='language-'] .token.url,
.w-tc-editor pre[class*='language-'] .token.url {
color: var(--color-prettylights-syntax-constant);
}
.w-tc-editor code[class*='language-'] .token.atrule,
.w-tc-editor pre[class*='language-'] .token.atrule,
.w-tc-editor code[class*='language-'] .token.property-access .token.method,
.w-tc-editor pre[class*='language-'] .token.property-access .token.method,
.w-tc-editor code[class*='language-'] .token.keyword,
.w-tc-editor pre[class*='language-'] .token.keyword {
color: var(--color-prettylights-syntax-keyword);
}
.w-tc-editor code[class*='language-'] .token.function,
.w-tc-editor pre[class*='language-'] .token.function {
color: var(--color-prettylights-syntax-string);
}
.w-tc-editor code[class*='language-'] .token.important,
.w-tc-editor pre[class*='language-'] .token.important,
.w-tc-editor code[class*='language-'] .token.regex,
.w-tc-editor pre[class*='language-'] .token.regex,
.w-tc-editor code[class*='language-'] .token.variable,
.w-tc-editor pre[class*='language-'] .token.variable {
color: var(--color-prettylights-syntax-string-regexp);
}
.w-tc-editor code[class*='language-'] .token.bold,
.w-tc-editor pre[class*='language-'] .token.bold,
.w-tc-editor code[class*='language-'] .token.important,
.w-tc-editor pre[class*='language-'] .token.important {
color: var(--color-prettylights-syntax-markup-bold);
}
.w-tc-editor code[class*='language-'] .token.tag,
.w-tc-editor pre[class*='language-'] .token.tag {
color: var(--color-prettylights-syntax-entity-tag);
}
.w-tc-editor code[class*='language-'] .token.attr-value,
.w-tc-editor pre[class*='language-'] .token.attr-value,
.w-tc-editor code[class*='language-'] .token.attr-name,
.w-tc-editor pre[class*='language-'] .token.attr-name {
color: var(--color-prettylights-syntax-constant);
}
.w-tc-editor code[class*='language-'] .token.selector .class,
.w-tc-editor pre[class*='language-'] .token.selector .class,
.w-tc-editor code[class*='language-'] .token.class-name,
.w-tc-editor pre[class*='language-'] .token.class-name {
color: var(--color-prettylights-syntax-entity);
}
.src-components-molecule-hookEntry-hookEntry-module__container--Zj6sm {
position: relative;
height: 60px;
overflow: hidden;
-webkit-transition: 0.4s height;
transition: 0.4s height;
}
.src-components-molecule-hookEntry-hookEntry-module__container--opened--Gh85d {
height: 785px;
background: var(--oc-gray-0);
}
.src-components-molecule-hookEntry-hookEntry-module__container--Zj6sm:hover {
background: var(--oc-gray-0);
}
.src-components-molecule-hookEntry-hookEntry-module__infoWrapper--yQXQX {
display: -ms-flexbox;
display: flex;
position: relative;
padding: 10px;
height: 60px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
-webkit-transition: 0.4s opacity;
transition: 0.4s opacity;
cursor: pointer;
}
.src-components-molecule-hookEntry-hookEntry-module__formWrapper--tK6ei {
padding: 10px 20px;
width: 100%;
height: 724px;
overflow: auto;
-webkit-transition: 0.4s opacity;
transition: 0.4s opacity;
opacity: 0;
}
.src-components-molecule-hookEntry-hookEntry-module__formWrapper--opened--AhE35 {
opacity: 1;
}
.src-components-molecule-hookEntry-hookEntry-module__hookInfo--SGz0i {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
font-size: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.src-components-molecule-hookEntry-hookEntry-module__hookInfo--SGz0i h4 {
margin-bottom: 2px;
font-weight: 500;
}
.src-components-molecule-hookEntry-hookEntry-module__hookInfo--SGz0i p {
font-size: 12px;
color: var(--color-text-muted);
}
.src-components-molecule-hookEntry-hookEntry-module__actions--mZI1o {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
}
.src-components-molecule-hookEntry-hookEntry-module__input--S5HcI {
position: relative;
margin-bottom: 10px;
}
.src-components-molecule-hookEntry-hookEntry-module__input--S5HcI[disabled] {
cursor: not-allowed;
}
.src-components-molecule-hookEntry-hookEntry-module__codeInput--UmcjO {
border: 1px solid var(--oc-gray-4);
border-radius: 3px;
width: 100%;
min-height: 600px;
overflow: auto;
font-family: var(--font-family-monospace);
font-size: 12px;
background: var(--color-white);
}
.src-components-molecule-hookEntry-hookEntry-module__codeInput--UmcjO[disabled] {
cursor: not-allowed;
}
.src-components-molecule-hookEntry-hookEntry-module__codeInput--UmcjO textarea:focus {
outline: none;
}
.token.comment, .token.prolog, .token.doctype, .token.cdata {
color: var(--oc-gray-5);
}
.token.punctuation {
color: var(--oc-gray-6);
}
.namespace {
opacity: 0.7;
}
.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted {
color: var(--oc-red-7);
}
.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted {
color: var(--oc-green-6);
}
.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string {
color: var(--oc-blue-5);
}
.token.atrule, .token.attr-value, .token.keyword {
color: var(--oc-violet-7);
}
.token.function {
color: var(--oc-orange-5);
}
.token.regex, .token.important, .token.variable {
color: var(--oc-blue-5);
}
.token.important, .token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
.src-components-molecule-presetEntry-presetEntry-module__wrapper--VTRMK {
display: -ms-flexbox;
display: flex;
padding: 10px;
height: 60px;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.src-components-molecule-presetEntry-presetEntry-module__wrapper--VTRMK:hover {
background: var(--oc-gray-0);
}
.src-components-molecule-presetEntry-presetEntry-module__actions--n5HG_ {
width: 180px;
text-align: right;
}
.src-components-molecule-search-search-module__toolbar--JdWN2 {
display: -ms-flexbox;
display: flex;
z-index: var(--z-index-search-toolbar);
padding: 8px;
height: var(--toolbar-height);
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: center;
align-items: center;
background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.src-components-molecule-search-search-module__toolbar--JdWN2 .src-components-molecule-search-search-module__separator--maTVE {
margin: 0 6px;
border-left: 1px solid var(--color-border);
height: var(--toolbar-height);
}
.src-components-molecule-search-search-module__toolbar--JdWN2 .src-components-molecule-search-search-module__icon--cMCq6 {
display: -ms-flexbox;
display: flex;
padding: 8px;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.src-components-molecule-search-search-module__toolbar--JdWN2 .src-components-molecule-search-search-module__icon--cMCq6 svg {
width: 16px;
height: 16px;
}
.src-components-molecule-search-search-module__toolbar--JdWN2 .src-components-molecule-search-search-module__icon--large--YyGrA svg {
width: 18px;
height: 18px;
}
.src-components-molecule-search-search-module__toolbar--JdWN2 .src-components-molecule-search-search-module__icon--disabled--Jp9TM {
color: var(--color-button-disabled);
}
.src-components-molecule-search-search-module__showing--rDsGP {
display: inline-block;
margin-top: 1px;
margin-right: 6px;
font-size: 12px;
color: var(--oc-gray-6);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.src-components-molecule-search-search-module__btn--_RcaX {
border: none;
color: var(--color-button);
background: none;
-webkit-transition: color 0.1s linear;
transition: color 0.1s linear;
cursor: pointer;
outline: none;
}
.src-components-molecule-search-search-module__btn--_RcaX[disabled] {
color: var(--color-button-disabled);
cursor: default;
pointer-events: none;
}
.src-components-molecule-search-search-module__btn--_RcaX[aria-expanded='true'] {
color: var(--color-secondary);
}
.src-components-molecule-search-search-module__btn--_RcaX:not([disabled]):hover {
color: var(--color-button-hover);
}
.src-components-molecule-search-search-module__btn--_RcaX:not([disabled]):active {
color: var(--color-button-active);
}
.src-components-molecule-search-search-module__searchInput--fcHmF {
border: none;
padding: 8px 0;
width: 100%;
background: transparent;
}
.src-components-molecule-search-search-module__searchInput--invalid--lGO6p {
color: var(--oc-red-7);
}
.src-components-molecule-search-search-module__searchInput--fcHmF:focus {
background: transparent;
outline: none;
}
.src-components-molecule-search-search-module__search--HKENA {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: center;
align-items: center;
}
:root {
--reach-menu-button: 1;
}
[data-reach-menu-popover] {
z-index: var(--z-index-menu-dropdown);
}
[data-reach-menu-list], [data-reach-menu-items] {
display: block;
padding: 4px 0;
font-size: 13px;
white-space: nowrap;
background: var(--color-white);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
outline: none;
}
[data-reach-menu-list] hr, [data-reach-menu-items] hr {
margin: 4px 0;
border: none;
border-top: 1px solid var(--color-border);
}
[data-reach-menu-item] {
display: -ms-flexbox;
display: flex;
padding: 6px 12px;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
[data-reach-menu-item] svg {
width: 16px;
height: 16px;
color: var(--oc-gray-7);
}
[data-reach-menu-item]:hover {
color: var(--color-secondary);
}
[data-reach-menu-item]:hover svg {
color: var(--color-secondary);
}
.menu-item__label {
margin-right: 20px;
}
[data-reach-menu-item][data-selected] {
outline: none;
}
.src-components-organism-presetsModal-presetsModal-module__modal--ry6RS {
width: 100%;
max-width: 800px;
}
.src-components-organism-presetsModal-presetsModal-module__body--UV9Dy > div {
border-bottom: 1px solid var(--color-border);
}
.src-components-organism-presetsModal-presetsModal-module__body--UV9Dy > div:last-child {
border-bottom: none;
}
.src-components-organism-presetsModal-presetsModal-module__footer--j1i2n {
-ms-flex-pack: justify;
justify-content: space-between;
}
.src-components-organism-presetsModal-presetsModal-module__footer--j1i2n > button:first-child {
margin: 0 10px 0 0;
}
.src-components-organism-splitPane-splitPane-module__outerContainer--G4vrq {
display: -ms-flexbox;
display: flex;
height: 100vh;
-ms-flex-direction: column;
flex-direction: column;
}
.src-components-organism-splitPane-splitPane-module__container--oFo2J {
display: -ms-flexbox;
display: flex;
height: calc(100% - var(--toolbar-height));
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-align: stretch;
align-items: stretch;
background: var(--color-white);
}
.src-components-organism-splitPane-splitPane-module__leftPane--qi1fW::-webkit-scrollbar,
.src-components-organism-splitPane-splitPane-module__rightPane--c8zk3::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.src-components-organism-splitPane-splitPane-module__leftPane--qi1fW::-webkit-scrollbar-thumb,
.src-components-organism-splitPane-splitPane-module__rightPane--c8zk3::-webkit-scrollbar-thumb {
border-radius: 20px;
background: var(--oc-gray-5);
}
.src-components-organism-splitPane-splitPane-module__leftPane--qi1fW::-webkit-scrollbar-track,
.src-components-organism-splitPane-splitPane-module__rightPane--c8zk3::-webkit-scrollbar-track {
background: var(--oc-gray-2);
}
.src-components-organism-splitPane-splitPane-module__leftPane--qi1fW {
border-right: 1px solid var(--color-border);
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
overflow-y: auto;
}
.src-components-organism-splitPane-splitPane-module__rightPane--c8zk3 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
overflow-y: auto;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
code,
em,
img,
small,
strong,
sub,
sup,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
footer,
header,
nav,
section,
time,
audio,
video {
font-size: 100%;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
background-color: transparent;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
overflow-y: scroll;
-webkit-box-sizing: border-box;
box-sizing: border-box;
scroll-behavior: smooth;
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
background-repeat: no-repeat;
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
small,
hgroup,
summary {
display: block;
}
img,
embed,
iframe,
object,
audio,
video {
max-width: 100%;
height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
iframe {
border: 0;
}
audio:not([controls]) {
display: none;
height: 0;
}
blockquote,
q {
quotes: none;
}
blockquote::before,
blockquote::after,
q::before,
q::after {
content: "";
content: none;
}
ul,
li {
list-style: none;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
input {
line-height: normal;
border-radius: 0;
}
input,
select {
vertical-align: middle;
}
button,
input,
select,
textarea {
font-family: inherit;
margin: 0;
text-transform: none;
border: 0;
}
input[type="radio"] {
vertical-align: text-bottom;
}
input[type="checkbox"] {
vertical-align: bottom;
}
input::-ms-clear {
display: none;
}
input::-ms-reveal {
display: none;
}
strong,
b {
font-weight: bold;
}
abbr,
acronym {
cursor: help;
text-decoration: none;
border-bottom: 0.1em dotted;
}
a:active,
a:hover {
outline-width: 0;
}
label,
input[type="file"],
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
}
[disabled] {
cursor: not-allowed;
}
@media (prefers-reduced-motion: reduce) {
* {
-webkit-animation-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
-webkit-animation-iteration-count: 1 !important;
animation-iteration-count: 1 !important;
-webkit-transition-duration: 0.01ms !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}
:root {
--font-family-monospace: 'SFMono-Regular', consolas, 'Liberation Mono',
menlo, courier, monospace;
--font-family-sans: -apple-system, blinkmacsystemfont, segoe ui, helvetica,
arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;
--z-index-search-toolbar: 1;
--z-index-popup-header: 1;
--z-index-tooltip: 1;
--z-index-menu-dropdown: 10;
--z-index-menu-alerts: 100;
--z-index-modal: 99;
--color-primary: #f1404b;
--color-secondary: var(--oc-blue-4);
--color-text-primary: var(--oc-gray-8);
--color-text-muted: var(--oc-gray-6);
--color-border: var(--oc-gray-2);
--color-black: #000;
--color-white: #fff;
--color-button-background: #fff;
--color-button-background-focus: var(--oc-gray-2);
--color-button: var(--oc-gray-7);
--color-button-disabled: var(--oc-gray-4);
--color-button-active: var(--color-secondary);
--color-button-focus: var(--oc-gray-8);
--color-button-hover: var(--oc-gray-6);
--toolbar-height: 42px;
--tabs-height: 30px;
--options-sidebar-width: 300px;
--oc-gray-0: #f8f9fa;
--oc-gray-1: #f1f3f5;
--oc-gray-2: #e9ecef;
--oc-gray-3: #dee2e6;
--oc-gray-4: #ced4da;
--oc-gray-5: #adb5bd;
--oc-gray-6: #868e96;
--oc-gray-7: #495057;
--oc-gray-8: #343a40;
--oc-gray-9: #212529;
--oc-red-0: #fff5f5;
--oc-red-1: #ffe3e3;
--oc-red-2: #ffc9c9;
--oc-red-3: #ffa8a8;
--oc-red-4: #ff8787;
--oc-red-5: #ff6b6b;
--oc-red-6: #fa5252;
--oc-red-7: #f03e3e;
--oc-red-8: #e03131;
--oc-red-9: #c92a2a;
--oc-pink-0: #fff0f6;
--oc-pink-1: #ffdeeb;
--oc-pink-2: #fcc2d7;
--oc-pink-3: #faa2c1;
--oc-pink-4: #f783ac;
--oc-pink-5: #f06595;
--oc-pink-6: #e64980;
--oc-pink-7: #d6336c;
--oc-pink-8: #c2255c;
--oc-pink-9: #a61e4d;
--oc-grape-0: #f8f0fc;
--oc-grape-1: #f3d9fa;
--oc-grape-2: #eebefa;
--oc-grape-3: #e599f7;
--oc-grape-4: #da77f2;
--oc-grape-5: #cc5de8;
--oc-grape-6: #be4bdb;
--oc-grape-7: #ae3ec9;
--oc-grape-8: #9c36b5;
--oc-grape-9: #862e9c;
--oc-violet-0: #f3f0ff;
--oc-violet-1: #e5dbff;
--oc-violet-2: #d0bfff;
--oc-violet-3: #b197fc;
--oc-violet-4: #9775fa;
--oc-violet-5: #845ef7;
--oc-violet-6: #7950f2;
--oc-violet-7: #7048e8;
--oc-violet-8: #6741d9;
--oc-violet-9: #5f3dc4;
--oc-indigo-0: #edf2ff;
--oc-indigo-1: #dbe4ff;
--oc-indigo-2: #bac8ff;
--oc-indigo-3: #91a7ff;
--oc-indigo-4: #748ffc;
--oc-indigo-5: #5c7cfa;
--oc-indigo-6: #4c6ef5;
--oc-indigo-7: #4263eb;
--oc-indigo-8: #3b5bdb;
--oc-indigo-9: #364fc7;
--oc-blue-0: #e7f5ff;
--oc-blue-1: #d0ebff;
--oc-blue-2: #a5d8ff;
--oc-blue-3: #74c0fc;
--oc-blue-4: #4dabf7;
--oc-blue-5: #339af0;
--oc-blue-6: #228be6;
--oc-blue-7: #1c7ed6;
--oc-blue-8: #1971c2;
--oc-blue-9: #1864ab;
--oc-cyan-0: #e3fafc;
--oc-cyan-1: #c5f6fa;
--oc-cyan-2: #99e9f2;
--oc-cyan-3: #66d9e8;
--oc-cyan-4: #3bc9db;
--oc-cyan-5: #22b8cf;
--oc-cyan-6: #15aabf;
--oc-cyan-7: #1098ad;
--oc-cyan-8: #0c8599;
--oc-cyan-9: #0b7285;
--oc-teal-0: #e6fcf5;
--oc-teal-1: #c3fae8;
--oc-teal-2: #96f2d7;
--oc-teal-3: #63e6be;
--oc-teal-4: #38d9a9;
--oc-teal-5: #20c997;
--oc-teal-6: #12b886;
--oc-teal-7: #0ca678;
--oc-teal-8: #099268;
--oc-teal-9: #087f5b;
--oc-green-0: #ebfbee;
--oc-green-1: #d3f9d8;
--oc-green-2: #b2f2bb;
--oc-green-3: #8ce99a;
--oc-green-4: #69db7c;
--oc-green-5: #51cf66;
--oc-green-6: #40c057;
--oc-green-7: #37b24d;
--oc-green-8: #2f9e44;
--oc-green-9: #2b8a3e;
--oc-lime-0: #f4fce3;
--oc-lime-1: #e9fac8;
--oc-lime-2: #d8f5a2;
--oc-lime-3: #c0eb75;
--oc-lime-4: #a9e34b;
--oc-lime-5: #94d82d;
--oc-lime-6: #82c91e;
--oc-lime-7: #74b816;
--oc-lime-8: #66a80f;
--oc-lime-9: #5c940d;
--oc-yellow-0: #fff9db;
--oc-yellow-1: #fff3bf;
--oc-yellow-2: #ffec99;
--oc-yellow-3: #ffe066;
--oc-yellow-4: #ffd43b;
--oc-yellow-5: #fcc419;
--oc-yellow-6: #fab005;
--oc-yellow-7: #f59f00;
--oc-yellow-8: #f08c00;
--oc-yellow-9: #e67700;
--oc-orange-0: #fff4e6;
--oc-orange-1: #ffe8cc;
--oc-orange-2: #ffd8a8;
--oc-orange-3: #ffc078;
--oc-orange-4: #ffa94d;
--oc-orange-5: #ff922b;
--oc-orange-6: #fd7e14;
--oc-orange-7: #f76707;
--oc-orange-8: #e8590c;
--oc-orange-9: #d9480f;
}
:root {
--reach-tooltip: 1;
}
[data-reach-tooltip] {
position: absolute;
z-index: var(--z-index-tooltip);
margin-top: -6px;
border-radius: 4px;
padding: 3px 8px;
font-size: 12px;
color: var(--color-white);
white-space: nowrap;
background: var(--oc-gray-9);
pointer-events: none;
}
html, body {
margin: 0;
padding: 0;
overflow: hidden;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: var(--font-smoothing);
}
body, input {
font: 14px/1.4 var(--font-family-sans);
color: var(--color-text-primary);
}
.src-components-template-panel-panel-module__error--Z12Ov {
display: -ms-flexbox;
display: flex;
margin: 0 auto;
margin-top: 20px;
height: 90vh;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-size: 24px;
font-weight: bold;
}
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
code,
em,
img,
small,
strong,
sub,
sup,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
footer,
header,
nav,
section,
time,
audio,
video {
font-size: 100%;
font-weight: inherit;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
background-color: transparent;
}
html {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-seri