
[data-v-694f6e40]::-webkit-search-cancel-button{
    display: none;
}

a[data-v-6265473a]::before {
  content: "";
}

/** h-[calc] was getting dropped so moved to styles. Virtual list requires defined height. */
/** Header is 64px, padding-top is 8px **/
.specs-list-container[data-v-6265473a] {
  height: calc(100vh - 64px - 8px);
}

/** For run all specs group hover to work */
[data-cy=spec-row-item]:hover .run-all[data-v-6265473a], [data-cy=spec-row-item]:focus-within .run-all[data-v-6265473a] {
  opacity: 1 !important;
}

button.override-border[data-v-ac0da8b0] {

    --tw-border-opacity: 1;

    border-color: rgb(208 210 224 / var(--tw-border-opacity))
}
button.override-border[data-v-ac0da8b0]:hover {

    --tw-border-opacity: 1;

    border-color: rgb(154 162 252 / var(--tw-border-opacity))
}
button.override-border[data-v-ac0da8b0]:focus {

    --tw-border-opacity: 1;

    border-color: rgb(154 162 252 / var(--tw-border-opacity))
}.studio-url-container[data-v-1c834c7a]::before {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent rgba(0, 0, 0, 0.15) transparent;
}
.studio-url-container[data-v-1c834c7a]::after {
  content: " ";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -9px;
  border-width: 9px;
  border-style: solid;
  border-color: transparent transparent #1B1E2E transparent;
}.screenshot-helper-pixels div[data-v-0efcdee6] {
  height: 1px;
  width: 1px;
  position: fixed;
  z-index: 10;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(1) {
  background: #ccc;
  left: 0;
  top: 0;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(2) {
  background: white;
  left: 1px;
  top: 0;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(3) {
  background: white;
  left: 0;
  top: 1px;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(4) {
  background: white;
  right: 0;
  top: 0;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(5) {
  background: white;
  bottom: 0;
  left: 0;
}
.screenshot-helper-pixels div[data-v-0efcdee6]:nth-child(6) {
  background: black;
  bottom: 0;
  right: 0;
}#main-pane[data-v-8dd4e318] {
  /** There is a "bug" caused by this line:
    https://github.com/cypress-io/cypress/blob/develop/packages/driver/src/cy/actionability.ts#L375
    Basically `scrollIntoView` is applied even outside of the <iframe>,
    scrolling an element "upwards", messing up the UI
    Easiest way to reproduce is remove the `position: fixed`
    and run the `SpecList.spec.tsx` test in runner-ct
    in CT mode.
    Ideally we should not need `position: fixed`, but I don't see
    a good way to work around this right now.
  */
  position: fixed;
  height: 100vh;
}
#unified-reporter[data-v-8dd4e318] {
  position: relative;
  height: 100%;
}#main-pane[data-v-142a6429] {
  /** There is a "bug" caused by this line:
    https://github.com/cypress-io/cypress/blob/develop/packages/driver/src/cy/actionability.ts#L375
    Basically `scrollIntoView` is applied even outside of the <iframe>,
    scrolling an element "upwards", messing up the UI
    Easiest way to reproduce is remove the `position: fixed`
    and run the `SpecList.spec.tsx` test in runner-ct
    in CT mode.
    Ideally we should not need `position: fixed`, but I don't see
    a good way to work around this right now.
  */
  position: fixed;
  height: 100vh;
}
#unified-reporter[data-v-142a6429] {
  position: relative;
  height: 100%;
}iframe.aut-iframe {
  width: 100%;
  height: 100%;
  background: white;
}
.is-screenshotting #main-pane {
  overflow: auto !important;
}
.is-screenshotting.screenshot-scrolling #main-pane {
  overflow: visible !important;
}
#resizable-panels-root {
  overflow-x: auto;
  overflow-y: hidden;
}
.is-screenshotting #resizable-panels-root {
  overflow-x: visible;
  overflow-y: visible;
}
iframe.spec-iframe {
  border: none;
  height: 0;
  position: absolute;
  visibility: hidden;
  width: 0;
}
.highlight {
  background: rgba(159, 196, 231, 0.6);
  border: solid 2px #9FC4E7;
  cursor: pointer;
}
.tooltip {
  font-family: sans-serif;
  font-size: 14px;
  max-width: 400px !important;
}
#unified-runner {
  position: relative;
  margin: 0 auto;
}
.is-screenshotting #unified-runner {
  margin: unset;
}
#unified-runner > .screenshot-height-container {
  height: 100%;
}
.is-screenshotting #unified-runner > .screenshot-height-container {
  height: min(100%, 100vh);
}