/* TOGGLER */ .rorvswild-local-toggler {
background: rgb(17 20 27) !important; color: rgb(182 202 255) !important; font-weight: 700 !important; box-shadow: 0 0 0 1px rgba(69,74,84,1) inset, 0 1px 4px 0px rgba(14,18,26,0.96) !important; border-radius: 2px !important; font-family: SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace !important; font-size: 15px !important; line-height: 24px !important; position: fixed !important; bottom: 12px !important; left: 12px !important; padding: 0 12px !important; cursor: pointer !important; z-index: 99999999999999999 !important;
}
.rorvswild-local-toggler small {
color: rgb(146 149 159) !important; font-weight: 400 !important; font-size: 10px !important; margin-left: 4px !important; display: inline-block !important;
}
/* TOGGLER POSITION OPTION (default bottom-left) */ .is-top-right .rorvswild-local-toggler {
bottom: auto !important; left: auto !important; right: 12px !important; top: 12px !important;
}
.is-top-left .rorvswild-local-toggler {
bottom: auto !important; top: 12px !important;
}
.is-bottom-right .rorvswild-local-toggler {
bottom: 12px !important; left: auto !important; right: 12px !important;
}
.is-hidden .rorvswild-local-toggler { display: none; }
/* PANEL */ .rorvswild-local-panel {
background: rgb(17 20 27) !important; color: rgb(199 203 214) !important; font-family: SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace !important; font-size: 15px !important; line-height: 24px !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; z-index: 100000000000000000 !important; display: flex !important; flex-direction: column !important; overflow: hidden; height: 100dvh;
}
.rorvswild-local-panel.is-hidden, .rorvswild-local-panel:not(.is-hidden) + .rorvswild-local-toggler {
display: none !important;
}
.rorvswild-local-panel * {
font-family: inherit !important; font-size: inherit !important; box-sizing: border-box !important; color: inherit !important;
}
.rorvswild-local-panel ::-moz-selection {
background: rgb(71 75 83) !important; color: rgb(224 228 239) !important;
}
.rorvswild-local-panel ::selection {
background: rgb(71 75 83) !important; color: rgb(224 228 239) !important;
}
.rorvswild-local-panel small {
color: rgb(146 149 159) !important; font-size: 10px !important; font-weight: 400 !important; margin-left: 2px !important;
}
/* Panel Header */ .rorvswild-local-panel__header {
background: rgb(26 29 36) !important; box-shadow: 0 1px 2px 0 rgba(14,18,26, .8) !important;
}
.rorvswild-local-panel__header .rorvswild-local-panel__width-limiter {
display: flex !important; align-items: center !important; gap: 24px !important; padding: 0 12px !important;
}
.rorvswild-local-panel__header nav {
text-transform: uppercase !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1px !important; flex: 1 !important;
}
.rorvswild-local-panel__header nav ul {
padding: 0 !important; margin: 0 !important; list-style-type: none !important; display: flex !important; gap: 12px !important;
}
.rorvswild-local-panel__header nav li {
color: rgb(146 149 159) !important; cursor: pointer !important; line-height: 48px !important;
}
.rorvswild-local-panel__header nav li:hover {
color: rgb(199 203 214) !important;
}
- data-tab=“requests”
-
.tab–requests {
color: rgb(199 203 214) !important; box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
}
- data-tab=“jobs”
-
.tab–jobs {
color: rgb(199 203 214) !important; box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
}
- data-tab=“errors”
-
.tab–errors {
color: rgb(199 203 214) !important; box-shadow: 0 -3px 0 0 rgb(199 203 214) inset !important;
}
.rorvswild-local-panel svg {
height: 24px !important; width: 24px !important; stroke-width: 2.5 !important; fill: none !important; stroke-linecap: square !important; stroke: rgb(146 149 159) !important; stroke-miterlimit: 10 !important; vertical-align: middle !important;
}
.rorvswild-local-panel svg:hover { stroke: rgb(199 203 214) !important; }
.rorvswild-local-panel__header__icons {
width: 60px !important; display: flex !important; justify-content: flex-end !important;
}
.rorvswild-local-panel__close {
cursor: pointer !important; margin-left: 12px !important;
}
.rorvswild-local-panel__github svg {
stroke: none !important; fill: rgb(146 149 159) !important;
}
.rorvswild-local-panel__github svg:hover {
stroke: none !important; fill: rgb(199 203 214) !important;
}
/* Panel Content */ .rorvswild-local-panel__content {
flex: 1 !important; height: calc(100% - 48px) !important; overflow-y: scroll; overscroll-behavior: contain;
}
.rorvswild-local-panel–blank {
text-align: center !important; margin: 0 auto !important; font-size: 31px !important; line-height: calc(100dvh - 120px) !important; color: rgb(26 29 36) !important;
}
.rorvswild-local-panel__content::-webkit-scrollbar { width: 4px !important; }
.rorvswild-local-panel__content::-webkit-scrollbar-corner { background: transparent !important; }
.rorvswild-local-panel__content::-webkit-scrollbar-track {
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3) !important; background: transparent !important;
}
.rorvswild-local-panel__content::-webkit-scrollbar-thumb {
background-color: rgb(146 149 159) !important; outline: 1px solid rgb(146 149 159) !important;
}
/* Panel request summary */ .rorvswild-local-panel__row {
display: flex !important; padding: 12px 12px 11px !important; border-bottom: 1px solid rgb(26 29 36) !important; cursor: pointer !important; flex-wrap: wrap !important;
}
.rorvswild-local-panel__row:first-of-type {
margin-top: 12px !important;
}
.rorvswild-local-panel__row:hover { background: rgb(26 29 36) !important; }
.rorvswild-local-panel__name {
word-break: break-all !important; overflow-wrap: break-word !important; width: 100% !important; color: rgb(199 203 214) !important; font-weight: 700 !important;
}
.rorvswild-local-panel__row:hover .rorvswild-local-panel__name { color: rgb(223 228 242) !important; }
.rorvswild-local-panel__row .rorvswild-local-panel__name > span {
text-decoration-color: rgb(146 149 159) !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 1px !important;
}
.rorvswild-local-panel__row.rorvswild-local-panel__error .rorvswild-local-panel__name {
color: rgb(146 149 159) !important; font-weight: 400 !important; word-break: keep-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
}
.rorvswild-local-panel__row.rorvswild-local-panel__error .rorvswild-local-panel__name > span, .rorvswild-local-panel__error .rorvswild-local-panel__title {
color: rgb(255 184 172) !important; font-weight: 700 !important;
}
.rorvswild-local-panel__row.rorvswild-local-panel__error:hover .rorvswild-local-panel__name > span { color: rgb(255 220 214) !important; }
.rorvswild-local-panel__error .rorvswild-local-panel__path {
color: rgb(199 203 214) !important;
}
.rorvswild-local-panel__path {
color: rgb(146 149 159) !important; font-weight: 400; display: block !important; text-decoration: none !important; text-decoration-thickness: 0 !important; text-decoration-color: transparent !important;
}
.rorvswild-local-panel__started-at {
color: rgb(146 149 159) !important; margin-left: 12px !important;
}
.rorvswild-local-panel__runtime {
color: rgb(182 202 255) !important; font-weight: 700 !important;
}
/* Panel request details */ .rorvswild-local-panel__back-button {
margin: 24px 12px 18px !important; cursor: pointer !important; display: block !important;
}
.rorvswild-local-panel__details__header {
display: flex !important; margin-bottom: 36px !important; padding: 48px 12px 0 !important; flex-wrap: wrap !important;
}
h2.rorvswild-local-panel__title {
margin:-18px 0 0 !important; padding:0 !important; font-size: 31px !important; line-height: 48px !important; font-weight: 700 !important; font-family: SF Mono, Menlo, Consolas, DejaVu Sans Mono, monospace !important; text-align: left !important;
}
/* details sections */ .rorvswild-local-panel__breakdown {
display: flex !important; position: relative !important; width: calc(100% - 24px) !important; margin: 0 12px 12px !important; padding: 0 !important; text-align: center !important;
}
.rorvswild-local-panel__breakdown li {
display: inline-block !important; margin: 0 !important; padding: 0 8px !important; white-space: nowrap !important; overflow: hidden !important; border: 1px solid rgb(26 29 36) !important; font-size: 10px !important; text-transform: uppercase !important; letter-spacing: 1px !important;
}
.rorvswild-local-panel__breakdown li:first-of-type { background-color:rgba(199, 203, 214, .08) !important; }
.rorvswild-local-panel__breakdown li:nth-of-type(2) { background-color:rgba(199, 203, 214, .04) !important; }
.rorvswild-local-panel__breakdown li:nth-of-type(3) { background-color:rgba(199, 203, 214, .02) !important; }
.rorvswild-local-panel__breakdown__label {
display: inline-block; font-weight: 400; margin-right: 4px;
}
.rorvswild-local-panel__breakdown__value { font-weight: 700; }
.rorvswild-local-panel__details__section {
padding: 12px 12px 11px !important; border-bottom: 1px solid rgb(26 29 36) !important; display: block !important;
}
.rorvswild-local-panel__details__section:hover {
background: rgb(26 29 36) !important; transition: all .3s !important;
}
.rorvswild-local-panel__details__section__main {
display: flex !important; gap: 8px; width: 100% !important; flex-wrap: wrap !important;
}
.rorvswild-local-panel__details__section__file {
width: 100% !important; word-break: break-all !important; overflow-wrap: break-word !important; min-width: 0 !important; color: rgb(199 203 214) !important; display: flex; gap: 8px;
}
a.rorvswild-local-panel__file__name {
text-decoration-color: rgb(146 149 159); font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: 1px;
}
a.rorvswild-local-panel__file__name:hover {
color: rgb(223 228 242) !important; text-decoration-color: rgb(199 203 214);
}
a.rorvswild-local-panel__file__name::after {
content: '↗'; text-decoration: none; display: inline-block; margin-left: 4px; opacity: 0.5;
}
a.rorvswild-local-panel__file__name:hover::after { opacity: 1; }
.rorvswild-local-panel__file__name span {
background: rgb(38 41 49); text-decoration: none; display: inline-block;
}
.rorvswild-local-panel__details__section__average {
color: rgb(182 202 255) !important; font-weight: 700 !important; width: 48px !important; text-align: right; margin-left: auto;
}
.rorvswild-local-panel__details__section__calls {
color: rgb(199 203 214) !important; width: 48px !important; text-align: right;
}
.rorvswild-local-panel__details__section__impact {
color: rgb(199 203 214) !important; width: 48px !important; font-weight: 700 !important; text-align: right;
}
.rorvswild-local-panel__details__section__code {
color: rgb(146 149 159) !important; background: rgb(14 15 20); padding: 12px; margin: 12px -12px -12px; overflow: hidden !important; display: none;
}
.rorvswild-local-panel__details__section__code dl {
display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: wrap; margin: 0; padding: 0; text-align: right; gap: 12px 24px;
}
.rorvswild-local-panel__details__section__code dt {
white-space: nowrap; margin: 0; text-transform: uppercase; letter-spacing: 1px; font-size: 9px !important;
}
.rorvswild-local-panel__details__section__code dd {
margin: 0; color: rgb(182 202 255) !important; font-weight: 700;
}
.rorvswild-local-panel__details__section__code dd.dd–calls {
color: rgb(199 203 214) !important;
}
.rorvswild-local-panel__details__section__code dl + pre {
margin-top: 12px !important;
}
.rorvswild-local-panel__details__section__kind {
background: rgb(38 41 49); font-size: 10px !important; text-transform: uppercase !important; text-align: center !important; letter-spacing: 1px !important; width: 64px !important; height: 24px !important; min-height: 24px; padding: 0; display: inline-block !important; flex-shrink: 0;
}
button.rorvswild-local-panel__details__section__kind {
box-shadow: 0 0 0 1px rgb(72 75 80) inset !important; border: none !important; font-weight: 700 !important; position: relative !important; cursor: pointer !important;
}
button.rorvswild-local-panel__details__section__kind span {
display: inline-block; max-width: calc(5ch + 5px); white-space: nowrap; overflow: hidden;
}
button.rorvswild-local-panel__details__section__kind:hover {
box-shadow: 0 0 0 1px rgb(147 149 156) inset; background-color: rgb(14 15 20) !important;
}
button.rorvswild-local-panel__details__section__kind::after {
content: ""; display: block; box-sizing: border-box; position: absolute; width: 4px; height: 4px; border-bottom: 1px solid rgb(146 149 159); border-right: 1px solid rgb(146 149 159); transform: rotate(45deg); right: 6px; top:calc(50% - 3px);
}
button.rorvswild-local-panel__details__section__kind:hover::after { border-color: inherit; }
span.rorvswild-local-panel__details__section__kind {
background: rgb(14 15 20) !important; color: rgb(146 149 159)!important;
}
.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__code {
display: block; border-bottom: 1px solid rgb(26 29 36) !important
}
.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__kind {
color: rgb(182 202 255) !important; background-color: rgb(14 15 20) !important;
}
.rorvswild-local-panel__details__section.is-open .rorvswild-local-panel__details__section__kind::after {
transform: rotate(225deg); transform-origin: 2.5px 3px;
}
.rorvswild-local-panel__card {
padding: 12px; border: 1px solid rgb(26 29 36) !important;
}
.rorvswild-local-panel__card + .rorvswild-local-panel__card {
margin-top: 24px;
}
.rorvswild-local-panel__card__title {
color: rgb(146 149 159) !important; text-align: center; text-transform: uppercase; font-size: 10px !important; letter-spacing: 1px; margin: 0 !important; padding: 0 0 12px !important; line-height: 24px !important;
}
.rorvswild-local-panel__card > * + * {
margin-top: 12px;
}
.rorvswild-local-panel__card summary:hover {
cursor: pointer; color: rgb(223 228 242) !important;
}
.rorvswild-local-panel__card dl {
padding: 0; margin: 0 -12px -12px;
}
.rorvswild-local-panel__card dl div {
display: grid; grid-template-columns: 112px auto; padding: 12px;
}
.rorvswild-local-panel__card dl div:hover {
background:rgb(26 29 36);
}
.rorvswild-local-panel__card dl div + div {
border-top: 1px solid rgb(26 29 36);
}
.rorvswild-local-panel__card dt {
color: rgb(146 149 159) !important; text-transform: uppercase; font-size: 10px !important; letter-spacing: 1px;
}
.rorvswild-local-panel__card dd {
word-break: break-all !important; overflow-wrap: break-word !important;
}
/* Panel Footer */ .rorvswild-local-panel__footer {
width: 100% !important; background: rgb(38 41 49) !important; color: rgb(182 202 255) !important; padding: 12px !important; text-align: center !important;
}
a.rorvswild-local-panel__footer__link {
color: rgb(199 203 214) !important; text-decoration: underline !important; line-height: inherit !important;
}
@media screen and (min-width: 720px) {
.rorvswild-local-panel__details__section__main { flex-wrap: nowrap !important; } .rorvswild-local-panel__name, .rorvswild-local-panel__details__section__file { flex: 1 !important; } .rorvswild-local-panel__runtime { margin-left: 12px !important; } .rorvswild-local-panel__width-limiter { max-width: 1520px; margin: 0 auto; }
}