@ima/devtools/dist/css/options.css.map

IMA.js debugging panel in the Chrome Developer Tools window.

{"version":3,"file":"css/options.css","mappings":"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EAEA;AAFF;;ACTA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACF;AACF;AACA;EACE;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;EACF;AACF;AACA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACA;;;;EAIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACF;AACA;EACE;EACA;EACA;EACA;AACF;AACA;;EAEE;AACF;AACA;EACE;EACA;EACA;EACA;EACA;AACF;AACA;EACE;AACF;AACA;;;;;;;;EAQE;AACF;AACA;;EAEE;AACF;AACA;;EAEE;AACF;AACA;;;;;;;;;;EAUE;AACF;AACA;;;;;;;;;;EAUE;AACF;AACA;;;;;;;;;;EAUE;AACF;AACA;;;;;;EAME;AACF;AACA;;EAEE;AACF;AACA;;;;;;EAME;AACF;AACA;;;;EAIE;AACF;AACA;;EAEE;AACF;AACA;;;;EAIE;AACF;AACA;;;;EAIE;AACF;;AC7KA;EACE;EAEA;EAEA;EAEA;EAAA;AAFF;AAIE;EACE;EAEA;AAHJ;AAME;EACE;AAJJ;AAQA;EACE;EAAA;EAEA;EAEA;EACA;EAEA;MAAA;EACA;MAAA;EAEA;EAAA;EAEA;AAXF;AAcA;EACE;EACA;EACA;EACA;EAEA;EAAA;EAEA;AAdF;AAgBE;EACE;AAdJ;AAkBA;EACE;EAAA;EAEA;MAAA;EAEA;EAEA;KAAA;MAAA;UAAA;AAnBF;AAYA;EAUI;EAEA;AApBJ;AAQA;EAgBI;EACA;AArBJ;AAyBA;EACE;EAAA;EAEA;MAAA;EACA;MAAA;AAxBF;AA2BA;EACE;EAEA;AA1BF;AA4BE;EACE;AA1BJ;AA8BA;EACE;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;AA/BF;AAiCE;EACE;AA/BJ;AAmCI;EACE;AAjCN;AAuCA;EAKI;AAtCJ;AAiCA;EASI;AAvCJ;AA8BA;EAaI;AAxCJ;AA2BA;EAuBI;AAzCJ;AAkBA;EAgCI;AA1CJ;AAUA;EAwCI;AA3CJ;AAGA;EA8CI;AA5CJ;AAFA;EAkDI;AA7CJ;AALA;EAwDI;AA9CJ;AAVA;EA6DI;AA/CJ;AAdA;EAiEI;AAhDJ;AAjBA;EAqEI;AAjDJ;;ACtIA;EACE;EAAA;EAEA;EAEA;EAEA;MAAA;EACA;MAAA;EAEA;AAHF;AAKE;EACE;AAHJ;AAOA;EACE;EAEA;AANF;;ACdA;EACE;EAAA;EAEA;EAEA;EACA;EAEA;MAAA;EACA;MAAA;EAEA;EAEA;UAAA;AAJF;AATA;EAgBI;EACA;EACA;AAJJ;AAdA;EAsBI;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;AAPJ;AApBA;EA8BM;EACA;AAPN;AAUI;EAEI;EACA;AATR;AAaI;EACE;AAXN;AAgBA;EACE;EAEA;EACA;EAEA;EACA;EAEA;KAAA;MAAA;UAAA;AAjBF;AAoBA;EACE;EAEA;EAEA;EAEA;EAAA;EACA;EACA;AArBF;AAuBE;EACE;EAEA;EACA;AAtBJ;AAyBE;EACE;AAvBJ;AA0BE;EACE;AAxBJ;AA2BE;EACE;AAzBJ;AA6BA;EACE;EACA;EACA;EAEA;AA5BF;AA8BE;EACE;AA5BJ;AA+BE;EACE;EAEA;AA9BJ;AAkCA;EACE;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;AAlCF;AAqCA;EAGI;AArCJ;AAkCA;EAOI;AAtCJ;AA+BA;EAYI;EAEA;EAEA;EACA;EAEA;EAEA;UAAA;EACA;AA3CJ;AAqBA;EAyBM;EACA;EACA;AA1CN;AAeA;EAgCI;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;EACA;MAAA;EAEA;AA/CJ;AAOA;EA2CM;EACA;EAEA;AAhDN;AAmDI;EACE;AAjDN;AAgDI;EAII;AAjDR;AAJA;EA2DI;AApDJ;AAPA;EA+DI;AArDJ;;AC/HA;EACE;EACA;AACF;AAGE;EACE;AADJ;AAGI;EACE;AADN;AAMA;EACE;MAAA;AAJF;AAME;EACE;AAJJ;;ACfA;EACE;EAAA;EAEA;EAEA;MAAA;AADF;AAIA;EACE;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;EAEA;AALF;AAUE;;EACE;EACA;AAPJ;AAUE;;EACE;EAEA;AARJ;AAWE;;EACE;AARJ;AAYA;EACE;EACA;MAAA;EACA;AAVF;AAaA;EACE;MAAA;EACA;AAXF;;AClCA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;EACA;EACA;EACA;EACA;EACA;EACA;ACCF;ADEA;EACE;EAUA;EACA;UAAA;EACD;ACTD;ADYA;;;EAGE;UAAA;EACA;ACVF;ADaA;EACC;EACA;EACC;EACA;EACA;ACXF;ADcA;;;;;;;;;;;;;;EAcE;ACZF;ADeA;;;;;;EAME;EACA;ACbF;ADgBA;;;;;;EAMC;ACdD;ADiBA;EACE;ACfF;ADkBA;EACE;EACA;AChBF;ADmBA;;EAEE;ACjBF;ADoBA;;;;EAIE;EACA;AClBF;ADqBA;;EAEE;ACnBF;ADsBA;EACE;ACpBF;ADuBA;EACE;ACrBF;ADwBA;EACE;EACA;ACtBF;ADyBA;EACE;EACA;ACvBF;AD0BA;;EAEE;ACxBF;AD2BA;;;;EAIE;EACA;EACA;EACA;ACzBF;AD4BA;EACE;AC1BF;AD6BA;EACE;AC3BF;AD8BA;EACE;AC5BF;AD+BA;EACE;AC7BF;ADgCA;;EAEE;AC9BF;ADiCA;;EAEE;EACA;EACA;AC/BF;ADkCA;;EAEE;AChCF;ADmCA;;;;;;;EAOE;ACjCF;ADoCA;EACE;AClCF;ADqCA;EACE;IACE;YAAA;IACA;YAAA;IACA;YAAA;IACA;ECnCF;AACF;ACxMA;EAGI;+BAAA;EAEA;2EAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ADqKJ;AEvWA;EAGI;AFuWJ;AE1WA;EAOI;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;AFkWJ;AAlXA;EAGI;EACA;EACA;AAmXJ;AAxXA;EASI;UAAA;EACA;AAkXJ;AA5XA;EAeI;EACA;AAiXJ;AA7WA;EACE;EAAA;EAEA;EACA;EACA;EAEA;MAAA;EACA;MAAA;EAEA;EACA;AA4WF;;AD/YA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;EACA;EACA;EACA;EACA;EACA;EACA;AICF;AJEA;EACE;EAUA;EACA;UAAA;EACD;AITD;AJYA;;;EAGE;UAAA;EACA;AIVF;AJaA;EACC;EACA;EACC;EACA;EACA;AIXF;AJcA;;;;;;;;;;;;;;EAcE;AIZF;AJeA;;;;;;EAME;EACA;AIbF;AJgBA;;;;;;EAMC;AIdD;AJiBA;EACE;AIfF;AJkBA;EACE;EACA;AIhBF;AJmBA;;EAEE;AIjBF;AJoBA;;;;EAIE;EACA;AIlBF;AJqBA;;EAEE;AInBF;AJsBA;EACE;AIpBF;AJuBA;EACE;AIrBF;AJwBA;EACE;EACA;AItBF;AJyBA;EACE;EACA;AIvBF;AJ0BA;;EAEE;AIxBF;AJ2BA;;;;EAIE;EACA;EACA;EACA;AIzBF;AJ4BA;EACE;AI1BF;AJ6BA;EACE;AI3BF;AJ8BA;EACE;AI5BF;AJ+BA;EACE;AI7BF;AJgCA;;EAEE;AI9BF;AJiCA;;EAEE;EACA;EACA;AI/BF;AJkCA;;EAEE;AIhCF;AJmCA;;;;;;;EAOE;AIjCF;AJoCA;EACE;AIlCF;AJqCA;EACE;IACE;YAAA;IACA;YAAA;IACA;YAAA;IACA;EInCF;AACF;AFxMA;EAGI;+BAAA;EAEA;2EAAA;EAIA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AEqKJ;ADvWA;EAGI;ACuWJ;AD1WA;EAOI;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;ACkWJ;AAlXA;EAGI;EACA;AAmXJ;AAvXA;EAQI;UAAA;EACA;AAkXJ;AA3XA;EAcI;EACA;AAiXJ;AAhYA;EAmBI;EAEA;EACA;EACA;EACA;AA+WJ;AA7WI;EACE;EAEA;AA8WN;AAzWA;EACE;AA2WF;AAxWA;EACE;EACA;EACA;AA0WF;AAvWA;EACE;EAAA;EAEA;EAEA;MAAA;EAEA;MAAA;AAsWF;AA7WA;EAUI;EACA;EACA;AAsWJ;AAlXA;EAgBI;EAEA;EACA;AAoWJ;AAvXA;EAuBI;AAmWJ;AA/VA;EACE;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;EAEA;AA8VF;AA3VA;EACE;AA6VF;AA3VE;EACE;AA6VJ;AA3VI;EACE;AA6VN;AAxVA;EACE;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;AAwVF;AArVA;EACE;EAAA;EAEA;EAEA;MAAA;EACA;MAAA;EACA;MAAA;AAqVF;AA5VA;EAUI;AAqVJ;AAjVA;EACE;AAmVF;AAhVA;EACE;EACA;AAkVF;AA/UA;EACE;AAiVF","sources":["webpack://@ima/devtools/./src/components/atom/alert/alert.module.less","webpack://@ima/devtools/./src/components/atom/button/button.module.less","webpack://@ima/devtools/./src/components/atom/iconButton/iconButton.module.less","webpack://@ima/devtools/./src/components/atom/jsonView/jsonView.module.less","webpack://@ima/devtools/./src/components/atom/loader/loader.module.less","webpack://@ima/devtools/./src/assets/less/animations.module.less","webpack://@ima/devtools/./src/components/atom/modal/modal.module.less","webpack://@ima/devtools/./src/components/molecule/alerts/alerts.module.less","webpack://@ima/devtools/./src/components/molecule/confirmModal/confirmModal.module.less","webpack://@ima/devtools/./src/components/molecule/dataView/dataView.module.less","webpack://@ima/devtools/./src/components/molecule/entryListItem/entryListItem.module.less","webpack://@ima/devtools/./src/components/molecule/entryList/entryList.module.less","webpack://@ima/devtools/../../node_modules/@uiw/react-textarea-code-editor/esm/style/index.css","webpack://@ima/devtools/./src/components/molecule/hookEntry/hookEntry.module.less","webpack://@ima/devtools/./src/components/molecule/presetEntry/presetEntry.module.less","webpack://@ima/devtools/./src/components/molecule/search/search.module.less","webpack://@ima/devtools/./src/components/organism/presetsModal/presetsModal.module.less","webpack://@ima/devtools/./src/components/organism/splitPane/splitPane.module.less","webpack://@ima/devtools/../../node_modules/nanoreset/nanoreset.css","webpack://@ima/devtools/./src/components/template/panel/panel.module.less","webpack://@ima/devtools/./src/assets/less/config.module.less","webpack://@ima/devtools/./src/assets/less/tooltip.module.less","webpack://@ima/devtools/./src/components/template/options/options.module.less"],"sourcesContent":[".alert {\n  padding: 18px 22px;\n\n  background: white;\n\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.title {\n  margin-right: 6px;\n\n  &-- {\n    &success {\n      color: var(--oc-green-6);\n    }\n\n    &danger {\n      color: var(--oc-red-6);\n    }\n\n    &warning {\n      color: var(--oc-yellow-6);\n    }\n  }\n}\n",".btn {\n  border: 2px solid var(--oc-gray-7);\n  border-radius: 8px;\n  padding: 6px 12px;\n\n  font-size: 14px;\n  font-weight: 500;\n\n  color: var(--oc-gray-7);\n\n  background: none;\n\n  transition: 0.1s all;\n  outline: none;\n\n  &:active {\n    opacity: 0.8;\n  }\n\n  &:not([disabled]):hover {\n    color: var(--color-white);\n\n    background: var(--oc-gray-7);\n  }\n\n  &[disabled] {\n    user-select: none;\n\n    cursor: default;\n    opacity: 0.5;\n  }\n\n  &-- {\n    &primary {\n      border-color: var(--color-primary);\n\n      color: var(--color-primary);\n\n      &:not([disabled]):hover {\n        background: var(--color-primary);\n      }\n    }\n\n    &success {\n      border-color: var(--oc-green-6);\n\n      color: var(--oc-green-6);\n\n      &:not([disabled]):hover {\n        background: var(--oc-green-6);\n      }\n    }\n  }\n}\n",".iconBtn {\n  border: none;\n\n  padding: 8px 12px;\n\n  color: var(--color-button);\n\n  background: none;\n\n  transition: color 0.1s linear;\n  cursor: pointer;\n  outline: none;\n\n  &:hover {\n    color: var(--color-button-hover);\n  }\n\n  &:active {\n    color: var(--color-button-active);\n  }\n\n  svg {\n    width: 20px;\n    height: 20px;\n  }\n\n  &-- {\n    &danger {\n      color: var(--oc-red-6);\n\n      &:hover {\n        color: var(--oc-red-5);\n      }\n\n      &:active {\n        color: var(--oc-red-7);\n      }\n    }\n\n    &success {\n      color: var(--oc-green-6);\n\n      &:hover {\n        color: var(--oc-green-5);\n      }\n\n      &:active {\n        color: var(--oc-green-7);\n      }\n    }\n  }\n}\n",".jsonView {\n  padding: 10px;\n}\n",".wrapper {\n  display: flex;\n\n  width: 100%;\n  height: 90vh;\n\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.loaderIcon {\n  position: relative;\n\n  border-radius: 50%;\n\n  border-top: 4px solid var(--color-primary);\n  border-right: 4px solid transparent;\n\n  width: 60px;\n  height: 60px;\n\n  animation: rotation 0.8s linear infinite;\n}\n\n.title {\n  margin-top: 20px;\n}\n\n@keyframes rotation {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n",".animSlideIn {\n  animation: slideIn 0.2s cubic-bezier(0.17, 0.67, 0.22, 1.23) forwards;\n}\n\n@keyframes slideIn {\n  0% {\n    transform: scale(0.95) translateY(20px);\n    opacity: 0;\n  }\n\n  100% {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n}\n\n.animSlideOut {\n  animation: slideOut 0.2s cubic-bezier(0.87, -0.35, 1, 0.64) forwards;\n}\n\n@keyframes slideOut {\n  0% {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n\n  100% {\n    transform: scale(0.95) translateY(20px);\n    opacity: 0;\n  }\n}\n\n.animFadeIn {\n  animation: fadeIn 0.2s linear forwards;\n}\n\n@keyframes fadeIn {\n  0% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n}\n\n.animFadeOut {\n  animation: fadeOut 0.2s linear forwards;\n}\n\n@keyframes fadeOut {\n  0% {\n    opacity: 1;\n  }\n\n  100% {\n    opacity: 0;\n  }\n}\n","@import '../../../assets/less/animations.module.less';\n\n.wrapper {\n  position: absolute;\n  left: 0;\n  top: 0;\n\n  z-index: var(--z-index-modal);\n\n  width: 100%;\n  height: 100%;\n}\n\n.overlay {\n  display: flex;\n\n  position: fixed;\n  left: 0;\n  top: 0;\n\n  z-index: 2;\n\n  width: 100%;\n  height: 100%;\n\n  justify-content: center;\n  align-items: flex-start;\n\n  background: rgba(0, 0, 0, 0.25);\n\n  cursor: pointer;\n\n  composes: animfadein from '../../../assets/less/animations.module.less';\n\n  &--closing {\n    composes: animfadeout from '../../../assets/less/animations.module.less';\n  }\n}\n\n.modal {\n  position: relative;\n\n  z-index: 2;\n\n  margin: 150px auto 0;\n  padding: 20px;\n\n  background: var(--color-white);\n\n  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);\n\n  composes: animslidein from '../../../assets/less/animations.module.less';\n\n  &--closing {\n    composes: animslideout from '../../../assets/less/animations.module.less';\n  }\n}\n\n.header {\n  display: flex;\n\n  border-bottom: 1px solid var(--color-border);\n\n  padding-bottom: 10px;\n\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  h4 {\n    font-size: 18px;\n    font-weight: 600;\n  }\n}\n\n.footer {\n  display: flex;\n\n  border-top: 1px solid var(--color-border);\n  padding-top: 20px;\n\n  flex-direction: row;\n  align-items: center;\n\n  button {\n    margin-left: 10px;\n  }\n}\n\n.closeIcon {\n  margin: 0;\n\n  padding: 5px;\n  height: auto;\n\n  line-height: 0;\n\n  background: none;\n\n  &:focus {\n    outline: none;\n  }\n\n  &:hover {\n    color: var(--color-button-hover);\n  }\n\n  &:active {\n    color: var(--color-button-active);\n  }\n\n  svg {\n    width: 22px;\n    height: auto;\n  }\n}\n\n.body {\n  margin: 20px 0;\n}\n",".container {\n  display: flex;\n\n  position: fixed;\n  right: 0;\n  top: 0;\n\n  z-index: var(--z-index-menu-alerts);\n\n  flex-direction: column;\n  align-items: flex-end;\n}\n\n.alert {\n  margin: 20px 20px 0 0;\n\n  cursor: pointer;\n\n  composes: animslidein from '../../../assets/less/animations.module.less';\n\n  &--hidden {\n    composes: animslideout from '../../../assets/less/animations.module.less';\n  }\n}\n",".modal {\n  width: 100%;\n  max-width: 450px;\n}\n\n.body {\n  padding: 6px 0;\n\n  p {\n    margin: 14px 0;\n  }\n\n  strong {\n    font-weight: 700;\n    color: var(--oc-red-6);\n  }\n}\n\n.footer {\n  justify-content: stretch;\n\n  & > button {\n    width: 100%;\n\n    &:first-child {\n      margin: 0 5px 0 0;\n    }\n\n    &:last-child {\n      margin: 0 0 0 5px;\n    }\n  }\n}\n",":global {\n  // React tabs styling\n  .react-tabs__tab-list {\n    display: flex;\n\n    margin: 0;\n    border-bottom: 1px solid var(--color-border);\n    padding: 0;\n    height: var(--tabs-height);\n\n    flex-direction: row;\n\n    list-style: none;\n  }\n\n  .react-tabs__tab {\n    display: block;\n\n    border: none;\n    border-bottom: 2px solid transparent;\n    padding: 0 12px;\n\n    font-size: 0.85em;\n    line-height: var(--tabs-height);\n\n    transition: border-color 0.1s ease-in-out;\n    user-select: none;\n    cursor: pointer;\n\n    &:hover {\n      border-bottom-color: var(--color-primary);\n    }\n\n    &-- {\n      &selected {\n        border-bottom-color: var(--color-primary);\n      }\n    }\n  }\n}\n\n.info {\n  display: block;\n\n  padding: 30px 12px;\n  width: 100%;\n\n  font-family: var(--font-family-monospace);\n  font-size: 12px;\n  text-align: center;\n}\n",".wrapper {\n  border-bottom: 1px solid var(--color-border);\n\n  font-size: 12px;\n\n  user-select: none;\n\n  cursor: pointer;\n\n  &:hover {\n    background: var(--oc-gray-0);\n  }\n\n  &:active {\n    background: var(--oc-gray-1);\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n\n  &--selected {\n    background: var(--oc-gray-1);\n  }\n\n  &--green {\n    .label {\n      color: var(--oc-green-7);\n    }\n\n    .event {\n      color: var(--oc-green-6);\n    }\n\n    .type {\n      color: var(--oc-green-7);\n\n      background: var(--oc-green-1);\n    }\n  }\n\n  &--red {\n    .label {\n      color: var(--oc-red-7);\n    }\n\n    .event {\n      color: var(--oc-red-6);\n    }\n\n    .type {\n      color: var(--oc-red-7);\n\n      background: var(--oc-red-1);\n    }\n  }\n\n  &--yellow {\n    .label {\n      color: var(--oc-yellow-7);\n    }\n\n    .event {\n      color: var(--oc-yellow-6);\n    }\n\n    .type {\n      color: var(--oc-yellow-7);\n\n      background: var(--oc-yellow-1);\n    }\n  }\n\n  &--blue {\n    .label {\n      color: var(--oc-blue-7);\n    }\n\n    .event {\n      color: var(--oc-blue-6);\n    }\n\n    .type {\n      color: var(--oc-blue-7);\n\n      background: var(--oc-blue-1);\n    }\n  }\n\n  &--indigo {\n    .label {\n      color: var(--oc-indigo-7);\n    }\n\n    .event {\n      color: var(--oc-indigo-6);\n    }\n\n    .type {\n      color: var(--oc-indigo-7);\n\n      background: var(--oc-indigo-1);\n    }\n  }\n\n  &--violet {\n    .label {\n      color: var(--oc-violet-7);\n    }\n\n    .event {\n      color: var(--oc-violet-6);\n    }\n\n    .type {\n      color: var(--oc-violet-7);\n\n      background: var(--oc-violet-1);\n    }\n  }\n\n  &--gray {\n    .label {\n      color: var(--oc-gray-7);\n    }\n\n    .event {\n      color: var(--oc-gray-6);\n    }\n\n    .type {\n      color: var(--oc-gray-7);\n\n      background: var(--oc-gray-1);\n    }\n  }\n\n  &--pink {\n    .label {\n      color: var(--oc-pink-7);\n    }\n\n    .event {\n      color: var(--oc-pink-6);\n    }\n\n    .type {\n      color: var(--oc-pink-7);\n\n      background: var(--oc-pink-1);\n    }\n  }\n\n  &--grape {\n    .label {\n      color: var(--oc-grape-7);\n    }\n\n    .event {\n      color: var(--oc-grape-6);\n    }\n\n    .type {\n      color: var(--oc-grape-7);\n\n      background: var(--oc-grape-1);\n    }\n  }\n\n  &--cyan {\n    .label {\n      color: var(--oc-cyan-7);\n    }\n\n    .event {\n      color: var(--oc-cyan-6);\n    }\n\n    .type {\n      color: var(--oc-cyan-7);\n\n      background: var(--oc-cyan-1);\n    }\n  }\n\n  &--teal {\n    .label {\n      color: var(--oc-teal-7);\n    }\n\n    .event {\n      color: var(--oc-teal-6);\n    }\n\n    .type {\n      color: var(--oc-teal-7);\n\n      background: var(--oc-teal-1);\n    }\n  }\n\n  &--lime {\n    .label {\n      color: var(--oc-lime-7);\n    }\n\n    .event {\n      color: var(--oc-lime-6);\n    }\n\n    .type {\n      color: var(--oc-lime-7);\n\n      background: var(--oc-lime-1);\n    }\n  }\n\n  &--orange {\n    .label {\n      color: var(--oc-orange-7);\n    }\n\n    .event {\n      color: var(--oc-orange-6);\n    }\n\n    .type {\n      color: var(--oc-orange-7);\n\n      background: var(--oc-orange-1);\n    }\n  }\n}\n\n.label,\n.timeWrapper {\n  padding: 6px 8px;\n}\n\n.event {\n  font-weight: normal;\n}\n\n.tagWrapper {\n  margin-left: 8px;\n\n  font-family: var(--font-family-monospace);\n  text-align: center;\n  color: var(--color-white);\n}\n\n.type {\n  border-radius: 3px;\n  padding: 2px 4px;\n\n  font-size: 11px;\n  color: var(--oc-gray-7);\n\n  background: var(--oc-gray-3);\n}\n\n.promiseStatus {\n  border: 1px solid var(--oc-gray-4);\n  border-radius: 3px;\n  padding: 2px 4px;\n\n  font-size: 10px;\n  color: var(--oc-gray-6);\n\n  &-- {\n    &pending {\n      color: var(--color-primary);\n    }\n  }\n\n  svg {\n    margin-right: 4px;\n    margin-bottom: -2px;\n    height: 11px;\n  }\n}\n\n.label {\n  font-weight: 500;\n}\n\n.timeWrapper {\n  font-size: 11px;\n  text-align: right;\n  color: var(--color-text-muted);\n}\n\n.time {\n  border-radius: 3px;\n  padding: 2px 4px;\n\n  background: var(--oc-gray-2);\n}\n",".container {\n  display: flex;\n\n  width: 100%;\n}\n\n.table {\n  margin: 0;\n  padding: 0;\n  width: 100%;\n\n  list-style: none;\n}\n","@media (prefers-color-scheme: dark) {\n  .w-tc-editor {\n    --color-fg-default: #c9d1d9;\n    --color-canvas-subtle: #161b22;\n    --color-prettylights-syntax-comment: #8b949e;\n    --color-prettylights-syntax-entity-tag: #7ee787;\n    --color-prettylights-syntax-entity: #d2a8ff;\n    --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;\n    --color-prettylights-syntax-constant: #79c0ff;\n    --color-prettylights-syntax-string: #a5d6ff;\n    --color-prettylights-syntax-keyword: #ff7b72;\n    --color-prettylights-syntax-markup-bold: #c9d1d9;\n  }\n}\n@media (prefers-color-scheme: light) {\n  .w-tc-editor {\n    --color-fg-default: #24292f;\n    --color-canvas-subtle: #f6f8fa;\n    --color-prettylights-syntax-comment: #6e7781;\n    --color-prettylights-syntax-entity-tag: #116329;\n    --color-prettylights-syntax-entity: #8250df;\n    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;\n    --color-prettylights-syntax-constant: #0550ae;\n    --color-prettylights-syntax-string: #0a3069;\n    --color-prettylights-syntax-keyword: #cf222e;\n    --color-prettylights-syntax-markup-bold: #24292f;\n  }\n}\n.w-tc-editor[data-color-mode*='dark'],\n[data-color-mode*='dark'] .w-tc-editor,\n[data-color-mode*='dark'] .w-tc-editor-var,\nbody[data-color-mode*='dark'] {\n  --color-fg-default: #c9d1d9;\n  --color-canvas-subtle: #161b22;\n  --color-prettylights-syntax-comment: #8b949e;\n  --color-prettylights-syntax-entity-tag: #7ee787;\n  --color-prettylights-syntax-entity: #d2a8ff;\n  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;\n  --color-prettylights-syntax-constant: #79c0ff;\n  --color-prettylights-syntax-string: #a5d6ff;\n  --color-prettylights-syntax-keyword: #ff7b72;\n  --color-prettylights-syntax-markup-bold: #c9d1d9;\n}\n.w-tc-editor[data-color-mode*='light'],\n[data-color-mode*='light'] .w-tc-editor,\n[data-color-mode*='light'] .w-tc-editor-var,\nbody[data-color-mode*='light'] {\n  --color-fg-default: #24292f;\n  --color-canvas-subtle: #f6f8fa;\n  --color-prettylights-syntax-comment: #6e7781;\n  --color-prettylights-syntax-entity-tag: #116329;\n  --color-prettylights-syntax-entity: #8250df;\n  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;\n  --color-prettylights-syntax-constant: #0550ae;\n  --color-prettylights-syntax-string: #0a3069;\n  --color-prettylights-syntax-keyword: #cf222e;\n  --color-prettylights-syntax-markup-bold: #24292f;\n}\n.w-tc-editor {\n  font-family: inherit;\n  font-size: 12px;\n  background-color: var(--color-canvas-subtle);\n  color: var(--color-fg-default);\n}\n.w-tc-editor-text,\n.w-tc-editor-preview {\n  min-height: 16px;\n}\n.w-tc-editor-preview pre {\n  margin: 0;\n  padding: 0;\n  white-space: inherit;\n  font-family: inherit;\n  font-size: inherit;\n}\n.w-tc-editor-preview pre code {\n  font-family: inherit;\n}\n.w-tc-editor code[class*='language-'] .token.cdata,\n.w-tc-editor pre[class*='language-'] .token.cdata,\n.w-tc-editor code[class*='language-'] .token.comment,\n.w-tc-editor pre[class*='language-'] .token.comment,\n.w-tc-editor code[class*='language-'] .token.doctype,\n.w-tc-editor pre[class*='language-'] .token.doctype,\n.w-tc-editor code[class*='language-'] .token.prolog,\n.w-tc-editor pre[class*='language-'] .token.prolog {\n  color: var(--color-prettylights-syntax-comment);\n}\n.w-tc-editor code[class*='language-'] .token.punctuation,\n.w-tc-editor pre[class*='language-'] .token.punctuation {\n  color: var(--color-prettylights-syntax-sublimelinter-gutter-mark);\n}\n.w-tc-editor code[class*='language-'] .namespace,\n.w-tc-editor pre[class*='language-'] .namespace {\n  opacity: 0.7;\n}\n.w-tc-editor code[class*='language-'] .token.boolean,\n.w-tc-editor pre[class*='language-'] .token.boolean,\n.w-tc-editor code[class*='language-'] .token.constant,\n.w-tc-editor pre[class*='language-'] .token.constant,\n.w-tc-editor code[class*='language-'] .token.deleted,\n.w-tc-editor pre[class*='language-'] .token.deleted,\n.w-tc-editor code[class*='language-'] .token.number,\n.w-tc-editor pre[class*='language-'] .token.number,\n.w-tc-editor code[class*='language-'] .token.symbol,\n.w-tc-editor pre[class*='language-'] .token.symbol {\n  color: var(--color-prettylights-syntax-entity-tag);\n}\n.w-tc-editor code[class*='language-'] .token.builtin,\n.w-tc-editor pre[class*='language-'] .token.builtin,\n.w-tc-editor code[class*='language-'] .token.char,\n.w-tc-editor pre[class*='language-'] .token.char,\n.w-tc-editor code[class*='language-'] .token.inserted,\n.w-tc-editor pre[class*='language-'] .token.inserted,\n.w-tc-editor code[class*='language-'] .token.selector,\n.w-tc-editor pre[class*='language-'] .token.selector,\n.w-tc-editor code[class*='language-'] .token.string,\n.w-tc-editor pre[class*='language-'] .token.string {\n  color: var(--color-prettylights-syntax-constant);\n}\n.w-tc-editor code[class*='language-'] .style .token.string,\n.w-tc-editor pre[class*='language-'] .style .token.string,\n.w-tc-editor code[class*='language-'] .token.entity,\n.w-tc-editor pre[class*='language-'] .token.entity,\n.w-tc-editor code[class*='language-'] .token.property,\n.w-tc-editor pre[class*='language-'] .token.property,\n.w-tc-editor code[class*='language-'] .token.operator,\n.w-tc-editor pre[class*='language-'] .token.operator,\n.w-tc-editor code[class*='language-'] .token.url,\n.w-tc-editor pre[class*='language-'] .token.url {\n  color: var(--color-prettylights-syntax-constant);\n}\n.w-tc-editor code[class*='language-'] .token.atrule,\n.w-tc-editor pre[class*='language-'] .token.atrule,\n.w-tc-editor code[class*='language-'] .token.property-access .token.method,\n.w-tc-editor pre[class*='language-'] .token.property-access .token.method,\n.w-tc-editor code[class*='language-'] .token.keyword,\n.w-tc-editor pre[class*='language-'] .token.keyword {\n  color: var(--color-prettylights-syntax-keyword);\n}\n.w-tc-editor code[class*='language-'] .token.function,\n.w-tc-editor pre[class*='language-'] .token.function {\n  color: var(--color-prettylights-syntax-string);\n}\n.w-tc-editor code[class*='language-'] .token.important,\n.w-tc-editor pre[class*='language-'] .token.important,\n.w-tc-editor code[class*='language-'] .token.regex,\n.w-tc-editor pre[class*='language-'] .token.regex,\n.w-tc-editor code[class*='language-'] .token.variable,\n.w-tc-editor pre[class*='language-'] .token.variable {\n  color: var(--color-prettylights-syntax-string-regexp);\n}\n.w-tc-editor code[class*='language-'] .token.bold,\n.w-tc-editor pre[class*='language-'] .token.bold,\n.w-tc-editor code[class*='language-'] .token.important,\n.w-tc-editor pre[class*='language-'] .token.important {\n  color: var(--color-prettylights-syntax-markup-bold);\n}\n.w-tc-editor code[class*='language-'] .token.tag,\n.w-tc-editor pre[class*='language-'] .token.tag {\n  color: var(--color-prettylights-syntax-entity-tag);\n}\n.w-tc-editor code[class*='language-'] .token.attr-value,\n.w-tc-editor pre[class*='language-'] .token.attr-value,\n.w-tc-editor code[class*='language-'] .token.attr-name,\n.w-tc-editor pre[class*='language-'] .token.attr-name {\n  color: var(--color-prettylights-syntax-constant);\n}\n.w-tc-editor code[class*='language-'] .token.selector .class,\n.w-tc-editor pre[class*='language-'] .token.selector .class,\n.w-tc-editor code[class*='language-'] .token.class-name,\n.w-tc-editor pre[class*='language-'] .token.class-name {\n  color: var(--color-prettylights-syntax-entity);\n}\n",".container {\n  position: relative;\n\n  height: 60px;\n\n  overflow: hidden;\n\n  transition: 0.4s height;\n\n  &--opened {\n    height: 785px;\n\n    background: var(--oc-gray-0);\n  }\n\n  &:hover {\n    background: var(--oc-gray-0);\n  }\n}\n\n.infoWrapper {\n  display: flex;\n\n  position: relative;\n\n  padding: 10px;\n  height: 60px;\n\n  justify-content: space-between;\n  align-items: center;\n\n  transition: 0.4s opacity;\n\n  cursor: pointer;\n}\n\n.formWrapper {\n  padding: 10px 20px;\n  width: 100%;\n  height: 724px;\n  overflow: auto;\n\n  transition: 0.4s opacity;\n\n  opacity: 0;\n\n  &--opened {\n    opacity: 1;\n  }\n}\n\n.hookInfo {\n  display: flex;\n\n  flex-direction: column;\n\n  font-size: 15px;\n\n  user-select: none;\n\n  h4 {\n    margin-bottom: 2px;\n\n    font-weight: 500;\n  }\n\n  p {\n    font-size: 12px;\n    color: var(--color-text-muted);\n  }\n}\n\n.actions {\n  display: flex;\n\n  flex-direction: row;\n  align-items: center;\n}\n\n.input {\n  position: relative;\n\n  margin-bottom: 10px;\n\n  &[disabled] {\n    cursor: not-allowed;\n  }\n}\n\n.codeInput {\n  border: 1px solid var(--oc-gray-4);\n  border-radius: 3px;\n\n  width: 100%;\n  min-height: 600px;\n  overflow: auto;\n\n  font-family: var(--font-family-monospace);\n  font-size: 12px;\n\n  background: var(--color-white);\n\n  &[disabled] {\n    cursor: not-allowed;\n  }\n\n  textarea {\n    &:focus {\n      outline: none;\n    }\n  }\n}\n\n// Syntax highlighting\n:global {\n  .token.comment,\n  .token.prolog,\n  .token.doctype,\n  .token.cdata {\n    color: var(--oc-gray-5);\n  }\n\n  .token.punctuation {\n    color: var(--oc-gray-6);\n  }\n\n  .namespace {\n    opacity: 0.7;\n  }\n\n  .token.property,\n  .token.tag,\n  .token.boolean,\n  .token.number,\n  .token.constant,\n  .token.symbol,\n  .token.deleted {\n    color: var(--oc-red-7);\n  }\n\n  .token.selector,\n  .token.attr-name,\n  .token.string,\n  .token.char,\n  .token.builtin,\n  .token.inserted {\n    color: var(--oc-green-6);\n  }\n\n  .token.operator,\n  .token.entity,\n  .token.url,\n  .language-css .token.string,\n  .style .token.string {\n    color: var(--oc-blue-5);\n  }\n\n  .token.atrule,\n  .token.attr-value,\n  .token.keyword {\n    color: var(--oc-violet-7);\n  }\n\n  .token.function {\n    color: var(--oc-orange-5);\n  }\n\n  .token.regex,\n  .token.important,\n  .token.variable {\n    color: var(--oc-blue-5);\n  }\n\n  .token.important,\n  .token.bold {\n    font-weight: bold;\n  }\n\n  .token.italic {\n    font-style: italic;\n  }\n\n  .token.entity {\n    cursor: help;\n  }\n}\n",".wrapper {\n  display: flex;\n\n  padding: 10px;\n\n  height: 60px;\n\n  justify-content: space-between;\n  align-items: center;\n\n  cursor: pointer;\n\n  &:hover {\n    background: var(--oc-gray-0);\n  }\n}\n\n.actions {\n  width: 180px;\n\n  text-align: right;\n}\n",".toolbar {\n  display: flex;\n\n  z-index: var(--z-index-search-toolbar);\n\n  padding: 8px;\n  height: var(--toolbar-height);\n\n  flex-direction: row;\n  align-items: center;\n\n  background: #fff;\n\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n\n  .separator {\n    margin: 0 6px;\n    border-left: 1px solid var(--color-border);\n    height: var(--toolbar-height);\n  }\n\n  .icon {\n    display: flex;\n\n    padding: 8px;\n\n    justify-content: center;\n    align-items: center;\n\n    svg {\n      width: 16px;\n      height: 16px;\n    }\n\n    &--large {\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    }\n\n    &--disabled {\n      color: var(--color-button-disabled);\n    }\n  }\n}\n\n.showing {\n  display: inline-block;\n\n  margin-top: 1px;\n  margin-right: 6px;\n\n  font-size: 12px;\n  color: var(--oc-gray-6);\n\n  user-select: none;\n}\n\n.btn {\n  border: none;\n\n  color: var(--color-button);\n\n  background: none;\n\n  transition: color 0.1s linear;\n  cursor: pointer;\n  outline: none;\n\n  &[disabled] {\n    color: var(--color-button-disabled);\n\n    cursor: default;\n    pointer-events: none;\n  }\n\n  &[aria-expanded='true'] {\n    color: var(--color-secondary);\n  }\n\n  &:not([disabled]):hover {\n    color: var(--color-button-hover);\n  }\n\n  &:not([disabled]):active {\n    color: var(--color-button-active);\n  }\n}\n\n.searchInput {\n  border: none;\n  padding: 8px 0;\n  width: 100%;\n\n  background: transparent;\n\n  &--invalid {\n    color: var(--oc-red-7);\n  }\n\n  &:focus {\n    background: transparent;\n\n    outline: none;\n  }\n}\n\n.search {\n  display: flex;\n\n  width: 100%;\n\n  justify-content: flex-start;\n  align-items: center;\n}\n\n:global {\n  // @reach/menu-button\n  :root {\n    --reach-menu-button: 1;\n  }\n\n  [data-reach-menu-popover] {\n    z-index: var(--z-index-menu-dropdown);\n  }\n\n  [data-reach-menu-list],\n  [data-reach-menu-items] {\n    display: block;\n\n    padding: 4px 0;\n\n    font-size: 13px;\n    white-space: nowrap;\n\n    background: var(--color-white);\n\n    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);\n    outline: none;\n\n    hr {\n      margin: 4px 0;\n      border: none;\n      border-top: 1px solid var(--color-border);\n    }\n  }\n\n  [data-reach-menu-item] {\n    display: flex;\n\n    padding: 6px 12px;\n\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n\n    cursor: pointer;\n\n    svg {\n      width: 16px;\n      height: 16px;\n\n      color: var(--oc-gray-7);\n    }\n\n    &:hover {\n      color: var(--color-secondary);\n\n      svg {\n        color: var(--color-secondary);\n      }\n    }\n  }\n\n  .menu-item__label {\n    margin-right: 20px;\n  }\n\n  [data-reach-menu-item][data-selected] {\n    outline: none;\n  }\n}\n",".modal {\n  width: 100%;\n  max-width: 800px;\n}\n\n.body {\n  & > div {\n    border-bottom: 1px solid var(--color-border);\n\n    &:last-child {\n      border-bottom: none;\n    }\n  }\n}\n\n.footer {\n  justify-content: space-between;\n\n  & > button:first-child {\n    margin: 0 10px 0 0;\n  }\n}\n",".outerContainer {\n  display: flex;\n\n  height: 100vh;\n\n  flex-direction: column;\n}\n\n.container {\n  display: flex;\n\n  height: calc(100% - var(--toolbar-height));\n\n  flex-direction: row;\n  align-items: stretch;\n\n  background: var(--color-white);\n}\n\n.leftPane,\n.rightPane {\n  &::-webkit-scrollbar {\n    width: 6px;\n    height: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 20px;\n\n    background: var(--oc-gray-5);\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--oc-gray-2);\n  }\n}\n\n.leftPane {\n  border-right: 1px solid var(--color-border);\n  flex-basis: 50%;\n  overflow-y: auto;\n}\n\n.rightPane {\n  flex-basis: 50%;\n  overflow-y: auto;\n}\n","html,\nbody,\ndiv,\nspan,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\nabbr,\ncode,\nem,\nimg,\nsmall,\nstrong,\nsub,\nsup,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\nfooter,\nheader,\nnav,\nsection,\ntime,\naudio,\nvideo {\n  font-size: 100%;\n  font-weight: inherit;\n  margin: 0;\n  padding: 0;\n  vertical-align: baseline;\n  border: 0;\n  background-color: transparent;\n}\n\nhtml {\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Roboto,\n    Oxygen-Sans,\n    Ubuntu,\n    Cantarell,\n    \"Helvetica Neue\",\n    sans-serif;\n  overflow-y: scroll;\n  box-sizing: border-box;\n\tscroll-behavior: smooth;\n}\n\n*,\n*::before,\n*::after {\n  box-sizing: inherit;\n  background-repeat: no-repeat;\n}\n\nbody {\n\tmin-height: 100vh;\n\ttext-rendering: optimizeSpeed;\n  line-height: 1.6;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nmenu,\nnav,\nsection,\nsmall,\nhgroup,\nsummary {\n  display: block;\n}\n\nimg,\nembed,\niframe,\nobject,\naudio,\nvideo {\n  max-width: 100%;\n  height: auto;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n\tline-height: 1.2;\n}\n\niframe {\n  border: 0;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n  content: \"\";\n  content: none;\n}\n\nul,\nli {\n  list-style: none;\n}\n\nsup {\n  vertical-align: text-top;\n}\n\nsub {\n  vertical-align: text-bottom;\n}\n\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n}\n\ninput {\n  line-height: normal;\n  border-radius: 0;\n}\n\ninput,\nselect {\n  vertical-align: middle;\n}\n\nbutton,\ninput,\nselect,\ntextarea {\n  font-family: inherit;\n  margin: 0;\n  text-transform: none;\n  border: 0;\n}\n\ninput[type=\"radio\"] {\n  vertical-align: text-bottom;\n}\n\ninput[type=\"checkbox\"] {\n  vertical-align: bottom;\n}\n\ninput::-ms-clear {\n  display: none;\n}\n\ninput::-ms-reveal {\n  display: none;\n}\n\nstrong,\nb {\n  font-weight: bold;\n}\n\nabbr,\nacronym {\n  cursor: help;\n  text-decoration: none;\n  border-bottom: 0.1em dotted;\n}\n\na:active,\na:hover {\n  outline-width: 0;\n}\n\nlabel,\ninput[type=\"file\"],\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"],\n[role=\"button\"] {\n  cursor: pointer;\n}\n\n[disabled] {\n  cursor: not-allowed;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  * {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}\n","@import '~nanoreset';\n@import '../../../assets/less/config.module.less';\n@import '../../../assets/less/tooltip.module.less';\n\n:global {\n  html,\n  body {\n    margin: 0;\n    padding: 0;\n    overflow: hidden;\n  }\n\n  * {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--font-smoothing);\n  }\n\n  body,\n  input {\n    font: 14px/1.4 var(--font-family-sans);\n    color: var(--color-text-primary);\n  }\n}\n\n.error {\n  display: flex;\n\n  margin: 0 auto;\n  margin-top: 20px;\n  height: 90vh;\n\n  justify-content: center;\n  align-items: center;\n\n  font-size: 24px;\n  font-weight: bold;\n}\n",":global {\n  :root {\n    // Fonts\n    --font-family-monospace: 'SFMono-Regular', consolas, 'Liberation Mono',\n      menlo, courier, monospace;\n    --font-family-sans: -apple-system, blinkmacsystemfont, segoe ui, helvetica,\n      arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol;\n\n    // Z-indexes\n    --z-index-search-toolbar: 1;\n    --z-index-popup-header: 1;\n    --z-index-tooltip: 1;\n    --z-index-menu-dropdown: 10;\n    --z-index-menu-alerts: 100;\n    --z-index-modal: 99;\n\n    // Colors\n    --color-primary: #f1404b;\n    --color-secondary: var(--oc-blue-4);\n    --color-text-primary: var(--oc-gray-8);\n    --color-text-muted: var(--oc-gray-6);\n    --color-border: var(--oc-gray-2);\n    --color-black: #000;\n    --color-white: #fff;\n\n    // Buttons\n    --color-button-background: #fff;\n    --color-button-background-focus: var(--oc-gray-2);\n    --color-button: var(--oc-gray-7);\n    --color-button-disabled: var(--oc-gray-4);\n    --color-button-active: var(--color-secondary);\n    --color-button-focus: var(--oc-gray-8);\n    --color-button-hover: var(--oc-gray-6);\n\n    // Structure\n    --toolbar-height: 42px;\n    --tabs-height: 30px;\n    --options-sidebar-width: 300px;\n\n    // Open Colors - https://yeun.github.io/open-color/\n    // Gray\n    --oc-gray-0: #f8f9fa;\n    --oc-gray-1: #f1f3f5;\n    --oc-gray-2: #e9ecef;\n    --oc-gray-3: #dee2e6;\n    --oc-gray-4: #ced4da;\n    --oc-gray-5: #adb5bd;\n    --oc-gray-6: #868e96;\n    --oc-gray-7: #495057;\n    --oc-gray-8: #343a40;\n    --oc-gray-9: #212529;\n\n    // Red\n    --oc-red-0: #fff5f5;\n    --oc-red-1: #ffe3e3;\n    --oc-red-2: #ffc9c9;\n    --oc-red-3: #ffa8a8;\n    --oc-red-4: #ff8787;\n    --oc-red-5: #ff6b6b;\n    --oc-red-6: #fa5252;\n    --oc-red-7: #f03e3e;\n    --oc-red-8: #e03131;\n    --oc-red-9: #c92a2a;\n\n    // Pink\n    --oc-pink-0: #fff0f6;\n    --oc-pink-1: #ffdeeb;\n    --oc-pink-2: #fcc2d7;\n    --oc-pink-3: #faa2c1;\n    --oc-pink-4: #f783ac;\n    --oc-pink-5: #f06595;\n    --oc-pink-6: #e64980;\n    --oc-pink-7: #d6336c;\n    --oc-pink-8: #c2255c;\n    --oc-pink-9: #a61e4d;\n\n    // Grape\n    --oc-grape-0: #f8f0fc;\n    --oc-grape-1: #f3d9fa;\n    --oc-grape-2: #eebefa;\n    --oc-grape-3: #e599f7;\n    --oc-grape-4: #da77f2;\n    --oc-grape-5: #cc5de8;\n    --oc-grape-6: #be4bdb;\n    --oc-grape-7: #ae3ec9;\n    --oc-grape-8: #9c36b5;\n    --oc-grape-9: #862e9c;\n\n    // Violet\n    --oc-violet-0: #f3f0ff;\n    --oc-violet-1: #e5dbff;\n    --oc-violet-2: #d0bfff;\n    --oc-violet-3: #b197fc;\n    --oc-violet-4: #9775fa;\n    --oc-violet-5: #845ef7;\n    --oc-violet-6: #7950f2;\n    --oc-violet-7: #7048e8;\n    --oc-violet-8: #6741d9;\n    --oc-violet-9: #5f3dc4;\n\n    // Indigo\n    --oc-indigo-0: #edf2ff;\n    --oc-indigo-1: #dbe4ff;\n    --oc-indigo-2: #bac8ff;\n    --oc-indigo-3: #91a7ff;\n    --oc-indigo-4: #748ffc;\n    --oc-indigo-5: #5c7cfa;\n    --oc-indigo-6: #4c6ef5;\n    --oc-indigo-7: #4263eb;\n    --oc-indigo-8: #3b5bdb;\n    --oc-indigo-9: #364fc7;\n\n    // Blue\n    --oc-blue-0: #e7f5ff;\n    --oc-blue-1: #d0ebff;\n    --oc-blue-2: #a5d8ff;\n    --oc-blue-3: #74c0fc;\n    --oc-blue-4: #4dabf7;\n    --oc-blue-5: #339af0;\n    --oc-blue-6: #228be6;\n    --oc-blue-7: #1c7ed6;\n    --oc-blue-8: #1971c2;\n    --oc-blue-9: #1864ab;\n\n    // Cyan\n    --oc-cyan-0: #e3fafc;\n    --oc-cyan-1: #c5f6fa;\n    --oc-cyan-2: #99e9f2;\n    --oc-cyan-3: #66d9e8;\n    --oc-cyan-4: #3bc9db;\n    --oc-cyan-5: #22b8cf;\n    --oc-cyan-6: #15aabf;\n    --oc-cyan-7: #1098ad;\n    --oc-cyan-8: #0c8599;\n    --oc-cyan-9: #0b7285;\n\n    // Teal\n    --oc-teal-0: #e6fcf5;\n    --oc-teal-1: #c3fae8;\n    --oc-teal-2: #96f2d7;\n    --oc-teal-3: #63e6be;\n    --oc-teal-4: #38d9a9;\n    --oc-teal-5: #20c997;\n    --oc-teal-6: #12b886;\n    --oc-teal-7: #0ca678;\n    --oc-teal-8: #099268;\n    --oc-teal-9: #087f5b;\n\n    // Green\n    --oc-green-0: #ebfbee;\n    --oc-green-1: #d3f9d8;\n    --oc-green-2: #b2f2bb;\n    --oc-green-3: #8ce99a;\n    --oc-green-4: #69db7c;\n    --oc-green-5: #51cf66;\n    --oc-green-6: #40c057;\n    --oc-green-7: #37b24d;\n    --oc-green-8: #2f9e44;\n    --oc-green-9: #2b8a3e;\n\n    // Lime\n    --oc-lime-0: #f4fce3;\n    --oc-lime-1: #e9fac8;\n    --oc-lime-2: #d8f5a2;\n    --oc-lime-3: #c0eb75;\n    --oc-lime-4: #a9e34b;\n    --oc-lime-5: #94d82d;\n    --oc-lime-6: #82c91e;\n    --oc-lime-7: #74b816;\n    --oc-lime-8: #66a80f;\n    --oc-lime-9: #5c940d;\n\n    // Yellow\n    --oc-yellow-0: #fff9db;\n    --oc-yellow-1: #fff3bf;\n    --oc-yellow-2: #ffec99;\n    --oc-yellow-3: #ffe066;\n    --oc-yellow-4: #ffd43b;\n    --oc-yellow-5: #fcc419;\n    --oc-yellow-6: #fab005;\n    --oc-yellow-7: #f59f00;\n    --oc-yellow-8: #f08c00;\n    --oc-yellow-9: #e67700;\n\n    // Orange\n    --oc-orange-0: #fff4e6;\n    --oc-orange-1: #ffe8cc;\n    --oc-orange-2: #ffd8a8;\n    --oc-orange-3: #ffc078;\n    --oc-orange-4: #ffa94d;\n    --oc-orange-5: #ff922b;\n    --oc-orange-6: #fd7e14;\n    --oc-orange-7: #f76707;\n    --oc-orange-8: #e8590c;\n    --oc-orange-9: #d9480f;\n  }\n}\n",":global {\n  // @reach/tooltip\n  :root {\n    --reach-tooltip: 1;\n  }\n\n  [data-reach-tooltip] {\n    position: absolute;\n    z-index: var(--z-index-tooltip);\n\n    margin-top: -6px;\n    border-radius: 4px;\n    padding: 3px 8px;\n\n    font-size: 12px;\n    color: var(--color-white);\n    white-space: nowrap;\n\n    background: var(--oc-gray-9);\n\n    pointer-events: none;\n  }\n}\n","@import url('nanoreset');\n@import url('../../../assets/less/config.module.less');\n@import url('../../../assets/less/tooltip.module.less');\n\n:global {\n  html,\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  * {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--font-smoothing);\n  }\n\n  body,\n  input {\n    font: 14px/1.4 var(--font-family-sans);\n    color: var(--color-text-primary);\n  }\n\n  input {\n    display: block;\n\n    border: 1px solid var(--oc-gray-4);\n    border-radius: 3px;\n    padding: 8px 10px;\n    width: 100%;\n\n    &:focus {\n      border-color: var(--oc-gray-5);\n\n      outline: none;\n    }\n  }\n}\n\n.container {\n  position: relative;\n}\n\n.form {\n  margin: auto;\n  padding: 20px;\n  max-width: 960px;\n}\n\n.header {\n  display: flex;\n\n  margin-bottom: 10px;\n\n  flex-direction: column;\n\n  justify-content: space-between;\n\n  h1 {\n    font-size: 24px;\n    font-weight: bold;\n    letter-spacing: -0.03em;\n  }\n\n  p {\n    margin: 8px 0;\n\n    font-size: 14px;\n    line-height: 1.5;\n  }\n\n  a {\n    color: var(--color-primary);\n  }\n}\n\n.footer {\n  display: flex;\n\n  margin-top: 10px;\n\n  justify-content: space-between;\n  align-items: center;\n\n  text-align: right;\n}\n\n.hooksWrapper {\n  padding: 12px;\n\n  & > div {\n    border-top: 1px solid var(--color-border);\n\n    &:last-child {\n      border-bottom: 1px solid var(--color-border);\n    }\n  }\n}\n\n.actionsWrapper {\n  display: flex;\n\n  margin-top: 10px;\n\n  flex-direction: row;\n  justify-content: space-between;\n}\n\n.loadPresetsWrapper {\n  display: flex;\n\n  margin-left: auto;\n\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n\n  p {\n    margin-right: 15px;\n  }\n}\n\n.presetsLabel {\n  font-weight: 600;\n}\n\n.notEditable {\n  font-weight: 600;\n  color: var(--oc-red-7);\n}\n\n.saveBtn {\n  margin-left: auto;\n}\n"],"names":[],"sourceRoot":""}