/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  border: none;
}

@keyframes loadingbars {
  0% {
    left: 100%;
    width: 0%;
  }
  33% {
    left: 50%;
    width: 50%;
  }
  66% {
    left: 0%;
    width: 50%;
  }
  100% {
    left: 0%;
    width: 0%;
  }
}
@keyframes dotdot {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}
.h56-colors--color-base-high {
  color: var(--color-base-high);
}
.h56-colors--background-base-high {
  background: var(--color-base-high);
}
.h56-colors--color-container-low {
  color: var(--color-container-low);
}
.h56-colors--background-container-low {
  background: var(--color-container-low);
}
.h56-colors--color-base-low {
  color: var(--color-base-low);
}
.h56-colors--background-base-low {
  background: var(--color-base-low);
}
.h56-colors--color-content-primary {
  color: var(--color-content-primary);
}
.h56-colors--background-content-primary {
  background: var(--color-content-primary);
}
.h56-colors--color-outline-low {
  color: var(--color-outline-low);
}
.h56-colors--background-outline-low {
  background: var(--color-outline-low);
}
.h56-colors--color-container-medium {
  color: var(--color-container-medium);
}
.h56-colors--background-container-medium {
  background: var(--color-container-medium);
}
.h56-colors--color-container-high {
  color: var(--color-container-high);
}
.h56-colors--background-container-high {
  background: var(--color-container-high);
}
.h56-colors--color-container-highest {
  color: var(--color-container-highest);
}
.h56-colors--background-container-highest {
  background: var(--color-container-highest);
}
.h56-colors--color-highlight-green {
  color: var(--color-highlight-green);
}
.h56-colors--background-highlight-green {
  background: var(--color-highlight-green);
}
.h56-colors--color-highlight-blue {
  color: var(--color-highlight-blue);
}
.h56-colors--background-highlight-blue {
  background: var(--color-highlight-blue);
}
.h56-colors--color-highlight-turquise {
  color: var(--color-highlight-turquise);
}
.h56-colors--background-highlight-turquise {
  background: var(--color-highlight-turquise);
}
.h56-colors--color-highlight-red {
  color: var(--color-highlight-red);
}
.h56-colors--background-highlight-red {
  background: var(--color-highlight-red);
}
.h56-colors--color-highlight-yellow {
  color: var(--color-highlight-yellow);
}
.h56-colors--background-highlight-yellow {
  background: var(--color-highlight-yellow);
}
.h56-colors--color-highlight-purple {
  color: var(--color-highlight-purple);
}
.h56-colors--background-highlight-purple {
  background: var(--color-highlight-purple);
}
.h56-colors--color-content-secondary {
  color: var(--color-content-secondary);
}
.h56-colors--background-content-secondary {
  background: var(--color-content-secondary);
}
.h56-colors--color-content-static-black-primary {
  color: var(--color-content-static-black-primary);
}
.h56-colors--background-content-static-black-primary {
  background: var(--color-content-static-black-primary);
}
.h56-colors--color-content-static-black-secondary {
  color: var(--color-content-static-black-secondary);
}
.h56-colors--background-content-static-black-secondary {
  background: var(--color-content-static-black-secondary);
}
.h56-colors--color-content-static-white-primary {
  color: var(--color-content-static-white-primary);
}
.h56-colors--background-content-static-white-primary {
  background: var(--color-content-static-white-primary);
}
.h56-colors--color-content-static-white-secondary {
  color: var(--color-content-static-white-secondary);
}
.h56-colors--background-content-static-white-secondary {
  background: var(--color-content-static-white-secondary);
}
.h56-colors--color-outline-high {
  color: var(--color-outline-high);
}
.h56-colors--background-outline-high {
  background: var(--color-outline-high);
}
.h56-colors--color-primary-blue {
  color: var(--color-primary-blue);
}
.h56-colors--background-primary-blue {
  background: var(--color-primary-blue);
}
.h56-colors--color-primary-turquise {
  color: var(--color-primary-turquise);
}
.h56-colors--background-primary-turquise {
  background: var(--color-primary-turquise);
}
.h56-colors--color-primary-red {
  color: var(--color-primary-red);
}
.h56-colors--background-primary-red {
  background: var(--color-primary-red);
}
.h56-colors--color-primary-yellow {
  color: var(--color-primary-yellow);
}
.h56-colors--background-primary-yellow {
  background: var(--color-primary-yellow);
}
.h56-colors--color-primary-purple {
  color: var(--color-primary-purple);
}
.h56-colors--background-primary-purple {
  background: var(--color-primary-purple);
}
.h56-colors--color-primary-green {
  color: var(--color-primary-green);
}
.h56-colors--background-primary-green {
  background: var(--color-primary-green);
}
.h56-colors--color-highlight-hover-green {
  color: var(--color-highlight-hover-green);
}
.h56-colors--background-highlight-hover-green {
  background: var(--color-highlight-hover-green);
}
.h56-colors--color-highlight-hover-blue {
  color: var(--color-highlight-hover-blue);
}
.h56-colors--background-highlight-hover-blue {
  background: var(--color-highlight-hover-blue);
}
.h56-colors--color-highlight-hover-turquise {
  color: var(--color-highlight-hover-turquise);
}
.h56-colors--background-highlight-hover-turquise {
  background: var(--color-highlight-hover-turquise);
}
.h56-colors--color-highlight-hover-red {
  color: var(--color-highlight-hover-red);
}
.h56-colors--background-highlight-hover-red {
  background: var(--color-highlight-hover-red);
}
.h56-colors--color-highlight-hover-yellow {
  color: var(--color-highlight-hover-yellow);
}
.h56-colors--background-highlight-hover-yellow {
  background: var(--color-highlight-hover-yellow);
}
.h56-colors--color-highlight-hover-purple {
  color: var(--color-highlight-hover-purple);
}
.h56-colors--background-highlight-hover-purple {
  background: var(--color-highlight-hover-purple);
}
.h56-colors--color-primary-hover-green {
  color: var(--color-primary-hover-green);
}
.h56-colors--background-primary-hover-green {
  background: var(--color-primary-hover-green);
}
.h56-colors--color-primary-hover-blue {
  color: var(--color-primary-hover-blue);
}
.h56-colors--background-primary-hover-blue {
  background: var(--color-primary-hover-blue);
}
.h56-colors--color-primary-hover-turquise {
  color: var(--color-primary-hover-turquise);
}
.h56-colors--background-primary-hover-turquise {
  background: var(--color-primary-hover-turquise);
}
.h56-colors--color-primary-hover-red {
  color: var(--color-primary-hover-red);
}
.h56-colors--background-primary-hover-red {
  background: var(--color-primary-hover-red);
}
.h56-colors--color-primary-hover-yellow {
  color: var(--color-primary-hover-yellow);
}
.h56-colors--background-primary-hover-yellow {
  background: var(--color-primary-hover-yellow);
}
.h56-colors--color-primary-hover-purple {
  color: var(--color-primary-hover-purple);
}
.h56-colors--background-primary-hover-purple {
  background: var(--color-primary-hover-purple);
}
.h56-colors--color-transparent-low {
  color: var(--color-transparent-low);
}
.h56-colors--background-transparent-low {
  background: var(--color-transparent-low);
}
.h56-colors--color-transparent-high {
  color: var(--color-transparent-high);
}
.h56-colors--background-transparent-high {
  background: var(--color-transparent-high);
}
.h56-colors--color-logo-rigbridge {
  color: var(--color-logo-rigbridge);
}
.h56-colors--background-logo-rigbridge {
  background: var(--color-logo-rigbridge);
}
.h56-colors--color-logo-rigflow {
  color: var(--color-logo-rigflow);
}
.h56-colors--background-logo-rigflow {
  background: var(--color-logo-rigflow);
}
.h56-colors--color-logo-rigplan {
  color: var(--color-logo-rigplan);
}
.h56-colors--background-logo-rigplan {
  background: var(--color-logo-rigplan);
}
.h56-colors--color-logo-rigguide {
  color: var(--color-logo-rigguide);
}
.h56-colors--background-logo-rigguide {
  background: var(--color-logo-rigguide);
}
.h56-colors--color-logo-horizon56 {
  color: var(--color-logo-horizon56);
}
.h56-colors--background-logo-horizon56 {
  background: var(--color-logo-horizon56);
}
.h56-colors--color-outline-strong {
  color: var(--color-outline-strong);
}
.h56-colors--background-outline-strong {
  background: var(--color-outline-strong);
}
.h56-colors--color-transparent-invisible {
  color: var(--color-transparent-invisible);
}
.h56-colors--background-transparent-invisible {
  background: var(--color-transparent-invisible);
}

body {
  color-scheme: light, dark;
  --color-base-high-dark: rgba(25, 29, 36, 1);
  --color-base-high-light: rgba(235, 244, 255, 1);
  --color-base-high-old-dark: rgba(31, 30, 32, 1);
  --color-base-high-old-light: rgba(235, 235, 235, 1);
  --color-container-low-dark: rgba(49, 53, 68, 1);
  --color-container-low-light: rgba(212, 227, 242, 1);
  --color-container-low-old-dark: rgba(45, 44, 46, 1);
  --color-container-low-old-light: rgba(215, 215, 215, 1);
  --color-base-low-dark: rgba(19, 22, 27, 1);
  --color-base-low-light: rgba(255, 255, 255, 1);
  --color-base-low-old-dark: rgba(22, 21, 23, 1);
  --color-base-low-old-light: rgba(247, 247, 247, 1);
  --color-content-primary-dark: rgba(255, 255, 255, 1);
  --color-content-primary-light: rgba(0, 0, 0, 1);
  --color-content-primary-old-dark: rgba(255, 255, 255, 1);
  --color-content-primary-old-light: rgba(0, 0, 0, 1);
  --color-outline-low-dark: rgba(255, 255, 255, 0.25);
  --color-outline-low-light: rgba(0, 0, 0, 0.25);
  --color-outline-low-old-dark: rgba(255, 255, 255, 0.25);
  --color-outline-low-old-light: rgba(0, 0, 0, 0.25);
  --color-container-medium-dark: rgba(58, 63, 80, 1);
  --color-container-medium-light: rgba(195, 211, 226, 1);
  --color-container-medium-old-dark: rgba(56, 56, 56, 1);
  --color-container-medium-old-light: rgba(198, 198, 198, 1);
  --color-container-high-dark: rgba(71, 78, 98, 1);
  --color-container-high-light: rgba(176, 194, 212, 1);
  --color-container-high-old-dark: rgba(69, 68, 69, 1);
  --color-container-high-old-light: rgba(183, 183, 183, 1);
  --color-container-highest-dark: rgba(87, 98, 117, 1);
  --color-container-highest-light: rgba(157, 175, 193, 1);
  --color-container-highest-old-dark: rgba(85, 85, 85, 1);
  --color-container-highest-old-light: rgba(168, 168, 168, 1);
  --color-highlight-green-dark: rgba(49, 102, 63, 1);
  --color-highlight-green-light: rgba(102, 207, 125, 1);
  --color-highlight-green-old-dark: rgba(49, 102, 63, 1);
  --color-highlight-green-old-light: rgba(102, 207, 125, 1);
  --color-highlight-blue-dark: rgba(41, 83, 136, 1);
  --color-highlight-blue-light: rgba(119, 185, 235, 1);
  --color-highlight-blue-old-dark: rgba(41, 83, 136, 1);
  --color-highlight-blue-old-light: rgba(119, 185, 235, 1);
  --color-highlight-turquise-dark: rgba(32, 104, 110, 1);
  --color-highlight-turquise-light: rgba(126, 223, 234, 1);
  --color-highlight-turquise-old-dark: rgba(32, 104, 110, 1);
  --color-highlight-turquise-old-light: rgba(126, 223, 234, 1);
  --color-highlight-red-dark: rgba(90, 28, 31, 1);
  --color-highlight-red-light: rgba(240, 163, 169, 1);
  --color-highlight-red-old-dark: rgba(90, 28, 31, 1);
  --color-highlight-red-old-light: rgba(240, 163, 169, 1);
  --color-highlight-yellow-dark: rgba(99, 96, 48, 1);
  --color-highlight-yellow-light: rgba(235, 231, 140, 1);
  --color-highlight-yellow-old-dark: rgba(99, 96, 48, 1);
  --color-highlight-yellow-old-light: rgba(235, 231, 140, 1);
  --color-highlight-purple-dark: rgba(81, 48, 112, 1);
  --color-highlight-purple-light: rgba(186, 160, 232, 1);
  --color-highlight-purple-old-dark: rgba(81, 48, 112, 1);
  --color-highlight-purple-old-light: rgba(186, 160, 232, 1);
  --color-content-secondary-dark: rgba(255, 255, 255, 0.6);
  --color-content-secondary-light: rgba(0, 0, 0, 0.6);
  --color-content-secondary-old-dark: rgba(255, 255, 255, 0.6);
  --color-content-secondary-old-light: rgba(0, 0, 0, 0.6);
  --color-content-static-black-primary-dark: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-light: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-old-dark: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-old-light: rgba(0, 0, 0, 1);
  --color-content-static-black-secondary-dark: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-light: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-old-dark: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-old-light: rgba(0, 0, 0, 0.6);
  --color-content-static-white-primary-dark: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-light: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-old-dark: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-old-light: rgba(255, 255, 255, 1);
  --color-content-static-white-secondary-dark: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-light: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-old-dark: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-old-light: rgba(255, 255, 255, 0.6);
  --color-outline-high-dark: rgba(255, 255, 255, 0.4);
  --color-outline-high-light: rgba(0, 0, 0, 0.4);
  --color-outline-high-old-dark: rgba(255, 255, 255, 0.4);
  --color-outline-high-old-light: rgba(0, 0, 0, 0.4);
  --color-primary-blue-dark: rgba(11, 111, 243, 1);
  --color-primary-blue-light: rgba(11, 111, 243, 1);
  --color-primary-blue-old-dark: rgba(11, 111, 243, 1);
  --color-primary-blue-old-light: rgba(11, 111, 243, 1);
  --color-primary-turquise-dark: rgba(15, 202, 243, 1);
  --color-primary-turquise-light: rgba(6, 174, 211, 1);
  --color-primary-turquise-old-dark: rgba(15, 202, 243, 1);
  --color-primary-turquise-old-light: rgba(6, 174, 211, 1);
  --color-primary-red-dark: rgba(200, 51, 60, 1);
  --color-primary-red-light: rgba(200, 51, 60, 1);
  --color-primary-red-old-dark: rgba(200, 51, 60, 1);
  --color-primary-red-old-light: rgba(200, 51, 60, 1);
  --color-primary-yellow-dark: rgba(247, 171, 23, 1);
  --color-primary-yellow-light: rgba(247, 171, 23, 1);
  --color-primary-yellow-old-dark: rgba(247, 171, 23, 1);
  --color-primary-yellow-old-light: rgba(247, 171, 23, 1);
  --color-primary-purple-dark: rgba(143, 77, 255, 1);
  --color-primary-purple-light: rgba(116, 36, 253, 1);
  --color-primary-purple-old-dark: rgba(143, 77, 255, 1);
  --color-primary-purple-old-light: rgba(116, 36, 253, 1);
  --color-primary-green-dark: rgba(31, 153, 71, 1);
  --color-primary-green-light: rgba(31, 153, 71, 1);
  --color-primary-green-old-dark: rgba(31, 153, 71, 1);
  --color-primary-green-old-light: rgba(31, 153, 71, 1);
  --color-highlight-hover-green-dark: rgba(57, 117, 73, 1);
  --color-highlight-hover-green-light: rgba(76, 195, 102, 1);
  --color-highlight-hover-green-old-dark: rgba(57, 117, 73, 1);
  --color-highlight-hover-green-old-light: rgba(76, 195, 102, 1);
  --color-highlight-hover-blue-dark: rgba(46, 93, 153, 1);
  --color-highlight-hover-blue-light: rgba(94, 170, 226, 1);
  --color-highlight-hover-blue-old-dark: rgba(46, 93, 153, 1);
  --color-highlight-hover-blue-old-light: rgba(94, 170, 226, 1);
  --color-highlight-hover-turquise-dark: rgba(37, 120, 126, 1);
  --color-highlight-hover-turquise-light: rgba(100, 210, 223, 1);
  --color-highlight-hover-turquise-old-dark: rgba(37, 120, 126, 1);
  --color-highlight-hover-turquise-old-light: rgba(100, 210, 223, 1);
  --color-highlight-hover-red-dark: rgba(105, 32, 36, 1);
  --color-highlight-hover-red-light: rgba(235, 143, 150, 1);
  --color-highlight-hover-red-old-dark: rgba(105, 32, 36, 1);
  --color-highlight-hover-red-old-light: rgba(235, 143, 150, 1);
  --color-highlight-hover-yellow-dark: rgba(113, 110, 55, 1);
  --color-highlight-hover-yellow-light: rgba(222, 217, 106, 1);
  --color-highlight-hover-yellow-old-dark: rgba(113, 110, 55, 1);
  --color-highlight-hover-yellow-old-light: rgba(222, 217, 106, 1);
  --color-highlight-hover-purple-dark: rgba(90, 54, 125, 1);
  --color-highlight-hover-purple-light: rgba(174, 145, 226, 1);
  --color-highlight-hover-purple-old-dark: rgba(90, 54, 125, 1);
  --color-highlight-hover-purple-old-light: rgba(174, 145, 226, 1);
  --color-primary-hover-green-dark: rgba(34, 170, 79, 1);
  --color-primary-hover-green-light: rgba(34, 170, 79, 1);
  --color-primary-hover-green-old-dark: rgba(34, 170, 79, 1);
  --color-primary-hover-green-old-light: rgba(34, 170, 79, 1);
  --color-primary-hover-blue-dark: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-light: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-old-dark: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-old-light: rgba(34, 126, 247, 1);
  --color-primary-hover-turquise-dark: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-light: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-old-dark: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-old-light: rgba(62, 215, 249, 1);
  --color-primary-hover-red-dark: rgba(212, 73, 82, 1);
  --color-primary-hover-red-light: rgba(221, 68, 68, 1);
  --color-primary-hover-red-old-dark: rgba(221, 68, 68, 1);
  --color-primary-hover-red-old-light: rgba(221, 68, 68, 1);
  --color-primary-hover-yellow-dark: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-light: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-old-dark: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-old-light: rgba(250, 189, 71, 1);
  --color-primary-hover-purple-dark: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-light: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-old-dark: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-old-light: rgba(130, 57, 254, 1);
  --color-transparent-low-dark: rgba(180, 210, 255, 0.17);
  --color-transparent-low-light: rgba(3, 47, 115, 0.17);
  --color-transparent-low-old-dark: rgba(255, 255, 255, 0.12);
  --color-transparent-low-old-light: rgba(0, 0, 0, 0.12);
  --color-transparent-high-dark: rgba(180, 210, 255, 0.28);
  --color-transparent-high-light: rgba(3, 47, 115, 0.28);
  --color-transparent-high-old-dark: rgba(255, 255, 255, 0.2);
  --color-transparent-high-old-light: rgba(0, 0, 0, 0.2);
  --color-logo-rigbridge-dark: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-light: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-old-dark: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-old-light: rgba(101, 45, 144, 1);
  --color-logo-rigflow-dark: rgba(214, 10, 82, 1);
  --color-logo-rigflow-light: rgba(214, 10, 82, 1);
  --color-logo-rigflow-old-dark: rgba(214, 10, 82, 1);
  --color-logo-rigflow-old-light: rgba(214, 10, 82, 1);
  --color-logo-rigplan-dark: rgba(0, 143, 153, 1);
  --color-logo-rigplan-light: rgba(0, 143, 153, 1);
  --color-logo-rigplan-old-dark: rgba(0, 143, 153, 1);
  --color-logo-rigplan-old-light: rgba(0, 143, 153, 1);
  --color-logo-rigguide-dark: rgba(54, 89, 156, 1);
  --color-logo-rigguide-light: rgba(54, 89, 156, 1);
  --color-logo-rigguide-old-dark: rgba(54, 89, 156, 1);
  --color-logo-rigguide-old-light: rgba(54, 89, 156, 1);
  --color-logo-horizon56-dark: rgba(254, 80, 0, 1);
  --color-logo-horizon56-light: rgba(254, 80, 0, 1);
  --color-logo-horizon56-old-dark: rgba(254, 80, 0, 1);
  --color-logo-horizon56-old-light: rgba(254, 80, 0, 1);
  --color-outline-strong-dark: rgba(255, 255, 255, 1);
  --color-outline-strong-light: rgba(0, 0, 0, 1);
  --color-outline-strong-old-dark: rgba(255, 255, 255, 1);
  --color-outline-strong-old-light: rgba(0, 0, 0, 1);
  --color-transparent-invisible-dark: rgba(255, 255, 255, 0);
  --color-transparent-invisible-light: rgba(255, 255, 255, 0);
  --color-transparent-invisible-old-dark: rgba(255, 255, 255, 0);
  --color-transparent-invisible-old-light: rgba(255, 255, 255, 0);
  --h56-product-color-RigFlowLite: #d60a52;
  --h56-product-color-RigFlow: #d60a52;
  --h56-product-color-RigGuide: #36599c;
  --h56-product-color-RigBridge: #652d90;
  --h56-product-color-RigPlan: #008f99;
  --h56-product-color-RigPulse: #f18a10;
  --h56-product-variation-color-RigBridge-dark: #56267b;
  --h56-product-variation-color-RigBridge-darker: #3d1b58;
  --h56-product-variation-color-RigFlow-dark: #a50a41;
  --h56-product-variation-color-RigFlow-darker: #7a0931;
  --h56-product-variation-color-RigFlowLite-dark: #a50a41;
  --h56-product-variation-color-RigFlowLite-darker: #7a0931;
  --h56-product-variation-color-RigGuide-dark: #2d4980;
  --h56-product-variation-color-RigGuide-darker: #29416e;
  --h56-product-variation-color-RigPlan-dark: #00747d;
  --h56-product-variation-color-RigPlan-darker: #066168;
  --app-layout-width: 56px;
  --app-layout-logo-height: 60px;
  --app-layout-options-height: 40px;
  --app-layout-logo-size: 30px;
  --app-layout-toggle-size: 32px;
  --app-layout-header-side-panel-toggle-offset-w: 40px;
  --app-layout-header-side-panel-toggle-offset-h: 40px;
  --app-transition-time: 0.2s;
  --app-transition: var(--app-transition-time, 0.2) ease-in-out;
  --app-radius-small: 5px;
  --app-radius-medium: 10px;
  --app-radius-large: 20px;
  --app-icon-tag-size-medium: 28px;
  --app-button-height-small: 24px;
  --app-button-height-medium: 32px;
  --app-button-height-large: 40px;
  --app-modal-size-small: 300px;
  --app-modal-size-medium: 450px;
  --app-modal-size-large: 980px;
  --app-modal-size-xlarge: 1440px;
  --app-tooltip-size-small: 160px;
  --app-tooltip-size-medium: 320px;
  --app-spacing-size-xxsmall: 2px;
  --app-spacing-size-xsmall: 4px;
  --app-spacing-size-small: 8px;
  --app-spacing-size-medium: 12px;
  --app-spacing-size-large: 16px;
  --app-spacing-size-xlarge: 20px;
  --app-spacing-size-xxlarge: 40px;
  --app-input-active-border-width: 3px;
  --app-input-spacing-small: 5px;
  --app-input-spacing-medium: 12px;
  --app-input-label-height-small: 32px;
  --app-input-label-height: 40px;
  --app-highest-z-index: 999999999999;
  --app-input-padding: var(--app-input-spacing-medium);
  --app-input-options-default-height: 400px;
  --app-input-modal-size-small: 80px;
  --app-input-modal-size-medium: 160px;
  --app-input-modal-size-large: 240px;
  --app-input-modal-size-xlarge: 360px;
  --app-font-size-h1: 26px;
  --app-font-size-h2: 18px;
  --app-font-size-title-large: 18px;
  --app-font-size-title-medium: 16px;
  --app-font-size-title-small: 14px;
  --app-font-size-base: 16px;
  --app-font-size-label: 14px;
  --app-icon-size-small: 16px;
  --app-icon-size-medium: 20px;
  --app-icon-size-large: 24px;
  --app-icon-size-xlarge: 40px;
  --app-focus-color: var(--blue-vivid);
  --app-tabs-default-width: 250px;
  --app-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);
  --transparent: transparent;
  --unset: unset;
  --inherit: inherit;
  --static-black: #000;
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-28: rgba(0, 0, 0, 0.28);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-14: rgba(255, 255, 255, 0.14);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-28: rgba(255, 255, 255, 0.28);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --app-container-spacing: 5px;
}
@media (min-width: 620px) {
  body {
    --app-container-spacing: 10px;
  }
}
body [class*=h56-icons-after--product-rb-]:after {
  color: var(--h56-product-color-RigBridge) !important;
}
body [class*=h56-icons-after--product-rb-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rf-]:after {
  color: var(--h56-product-color-RigFlow) !important;
}
body [class*=h56-icons-after--product-rf-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rg-]:after {
  color: var(--h56-product-color-RigGuide) !important;
}
body [class*=h56-icons-after--product-rg-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rp-]:after {
  color: var(--h56-product-color-RigPlan) !important;
}
body [class*=h56-icons-after--product-rp-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rigpulse-]:after {
  color: var(--h56-product-color-RigPulse) !important;
}
body [class*=h56-icons-after--product-rigpulse-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rb-]:before {
  color: var(--h56-product-color-RigBridge) !important;
}
body [class*=h56-icons-before--product-rb-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rf-]:before {
  color: var(--h56-product-color-RigFlow) !important;
}
body [class*=h56-icons-before--product-rf-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rg-]:before {
  color: var(--h56-product-color-RigGuide) !important;
}
body [class*=h56-icons-before--product-rg-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rp-]:before {
  color: var(--h56-product-color-RigPlan) !important;
}
body [class*=h56-icons-before--product-rp-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rigpulse-]:before {
  color: var(--h56-product-color-RigPulse) !important;
}
body [class*=h56-icons-before--product-rigpulse-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body:has(.h56-theme--DARK) {
  --black-5: rgba(255, 255, 255, 0.05);
  --black-10: rgba(255, 255, 255, 0.1);
  --black-20: rgba(255, 255, 255, 0.2);
  --black-28: rgba(255, 255, 255, 0.28);
  --black-50: rgba(255, 255, 255, 0.5);
  --black-90: rgba(255, 255, 255, 0.9);
  --global-bg: #353338;
  --card-bg: #161517;
  --menu-bg: #222123;
  --menu-hover: #2d2c2e;
  --menu-active: #454445;
  --content-bg: #222123;
  --content-hover: #454445;
  --purple-vivid: #9e65ff;
  --purple-600: #704ea9;
  --purple-500: #653fa5;
  --purple-400: #654994;
  --purple-300: #523d76;
  --purple-200: #403456;
  --purple-100: #2f273e;
  --red-vivid: #fd114a;
  --red-600: #d95059;
  --red-500: #c8464e;
  --red-200: #682327;
  --red-100: #501b1e;
  --green-vivid: #22b966;
  --green-600: #52ad7b;
  --green-500: #49a171;
  --green-400: #325a44;
  --green-300: #304f3e;
  --green-200: #2a4536;
  --green-100: #21372b;
  --blue-vivid: #0f89e2;
  --blue-600: #3093db;
  --blue-500: #2e88ca;
  --blue-200: #325671;
  --blue-100: #264257;
  --light-blue-vivid: #23cbf0;
  --light-blue-600: #53bbd1;
  --light-blue-500: #44adc5;
  --light-blue-200: #1f535f;
  --light-blue-100: #184954;
  --yellow-vivid: #ffa903;
  --yellow-600: #d1b243;
  --yellow-500: #c0a43f;
  --yellow-200: #605d31;
  --yellow-100: #514f2a;
}
body:has(.h56-theme--DARK).old {
  --color-base-high: var(--color-base-high-old-dark);
  --color-container-low: var(--color-container-low-old-dark);
  --color-base-low: var(--color-base-low-old-dark);
  --color-content-primary: var(--color-content-primary-old-dark);
  --color-outline-low: var(--color-outline-low-old-dark);
  --color-container-medium: var(--color-container-medium-old-dark);
  --color-container-high: var(--color-container-high-old-dark);
  --color-container-highest: var(--color-container-highest-old-dark);
  --color-highlight-green: var(--color-highlight-green-old-dark);
  --color-highlight-blue: var(--color-highlight-blue-old-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-old-dark);
  --color-highlight-red: var(--color-highlight-red-old-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-old-dark);
  --color-highlight-purple: var(--color-highlight-purple-old-dark);
  --color-content-secondary: var(--color-content-secondary-old-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-dark);
  --color-outline-high: var(--color-outline-high-old-dark);
  --color-primary-blue: var(--color-primary-blue-old-dark);
  --color-primary-turquise: var(--color-primary-turquise-old-dark);
  --color-primary-red: var(--color-primary-red-old-dark);
  --color-primary-yellow: var(--color-primary-yellow-old-dark);
  --color-primary-purple: var(--color-primary-purple-old-dark);
  --color-primary-green: var(--color-primary-green-old-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-old-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-old-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-dark);
  --color-transparent-low: var(--color-transparent-low-old-dark);
  --color-transparent-high: var(--color-transparent-high-old-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-old-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-old-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-old-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-old-dark);
  --color-outline-strong: var(--color-outline-strong-old-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-old-dark);
}
body:has(.h56-theme--DARK):not(.old) {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED {
  --black-5: rgba(0, 0, 0, 0.05);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-28: rgba(0, 0, 0, 0.28);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-90: rgba(0, 0, 0, 0.9);
  --global-bg: #cecdcf;
  --card-bg: #f7f7f7;
  --menu-bg: #ebebeb;
  --menu-hover: #dfdfdf;
  --menu-active: #c6c6c6;
  --content-bg: #ffffff;
  --content-hover: #dcdcdc;
  --purple-vivid: #6423d3;
  --purple-600: #8967bb;
  --purple-500: #9570cb;
  --purple-400: #d9cdeb;
  --purple-300: #e4daf3;
  --purple-200: #f2eafe;
  --purple-100: #f5f2fa;
  --red-vivid: #ff0440;
  --red-600: #e35858;
  --red-500: #f16464;
  --red-200: #ffd2d2;
  --red-100: #fcdddd;
  --green-vivid: #29af66;
  --green-600: #478161;
  --green-500: #518d6c;
  --green-400: #abddc2;
  --green-300: #b8e8ce;
  --green-200: #c9ecd9;
  --green-100: #d8f3e4;
  --blue-vivid: #1486da;
  --blue-600: #3a7bab;
  --blue-500: #4487b8;
  --blue-200: #d5ebfb;
  --blue-100: #e0f1fe;
  --light-blue-vivid: #0ab9df;
  --light-blue-600: #74dff6;
  --light-blue-500: #87e5fb;
  --light-blue-200: #d3f3fb;
  --light-blue-100: #ddf9ff;
  --yellow-vivid: #ffb931;
  --yellow-600: #f8d868;
  --yellow-500: #fddf77;
  --yellow-200: #faf7ba;
  --yellow-100: #fffdcb;
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED.old {
  --color-base-high: var(--color-base-high-old-light);
  --color-container-low: var(--color-container-low-old-light);
  --color-base-low: var(--color-base-low-old-light);
  --color-content-primary: var(--color-content-primary-old-light);
  --color-outline-low: var(--color-outline-low-old-light);
  --color-container-medium: var(--color-container-medium-old-light);
  --color-container-high: var(--color-container-high-old-light);
  --color-container-highest: var(--color-container-highest-old-light);
  --color-highlight-green: var(--color-highlight-green-old-light);
  --color-highlight-blue: var(--color-highlight-blue-old-light);
  --color-highlight-turquise: var(--color-highlight-turquise-old-light);
  --color-highlight-red: var(--color-highlight-red-old-light);
  --color-highlight-yellow: var(--color-highlight-yellow-old-light);
  --color-highlight-purple: var(--color-highlight-purple-old-light);
  --color-content-secondary: var(--color-content-secondary-old-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-light);
  --color-outline-high: var(--color-outline-high-old-light);
  --color-primary-blue: var(--color-primary-blue-old-light);
  --color-primary-turquise: var(--color-primary-turquise-old-light);
  --color-primary-red: var(--color-primary-red-old-light);
  --color-primary-yellow: var(--color-primary-yellow-old-light);
  --color-primary-purple: var(--color-primary-purple-old-light);
  --color-primary-green: var(--color-primary-green-old-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-light);
  --color-primary-hover-green: var(--color-primary-hover-green-old-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-light);
  --color-primary-hover-red: var(--color-primary-hover-red-old-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-light);
  --color-transparent-low: var(--color-transparent-low-old-light);
  --color-transparent-high: var(--color-transparent-high-old-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-light);
  --color-logo-rigflow: var(--color-logo-rigflow-old-light);
  --color-logo-rigplan: var(--color-logo-rigplan-old-light);
  --color-logo-rigguide: var(--color-logo-rigguide-old-light);
  --color-logo-horizon56: var(--color-logo-horizon56-old-light);
  --color-outline-strong: var(--color-outline-strong-old-light);
  --color-transparent-invisible: var(--color-transparent-invisible-old-light);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED:not(.old) {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
  color: var(--color-content-primary);
}
body:has(.h56-theme--LIGHT) {
  --black-5: rgba(0, 0, 0, 0.05);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-28: rgba(0, 0, 0, 0.28);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-90: rgba(0, 0, 0, 0.9);
  --global-bg: #cecdcf;
  --card-bg: #f7f7f7;
  --menu-bg: #ebebeb;
  --menu-hover: #dfdfdf;
  --menu-active: #c6c6c6;
  --content-bg: #ffffff;
  --content-hover: #dcdcdc;
  --purple-vivid: #6423d3;
  --purple-600: #8967bb;
  --purple-500: #9570cb;
  --purple-400: #d9cdeb;
  --purple-300: #e4daf3;
  --purple-200: #f2eafe;
  --purple-100: #f5f2fa;
  --red-vivid: #ff0440;
  --red-600: #e35858;
  --red-500: #f16464;
  --red-200: #ffd2d2;
  --red-100: #fcdddd;
  --green-vivid: #29af66;
  --green-600: #478161;
  --green-500: #518d6c;
  --green-400: #abddc2;
  --green-300: #b8e8ce;
  --green-200: #c9ecd9;
  --green-100: #d8f3e4;
  --blue-vivid: #1486da;
  --blue-600: #3a7bab;
  --blue-500: #4487b8;
  --blue-200: #d5ebfb;
  --blue-100: #e0f1fe;
  --light-blue-vivid: #0ab9df;
  --light-blue-600: #74dff6;
  --light-blue-500: #87e5fb;
  --light-blue-200: #d3f3fb;
  --light-blue-100: #ddf9ff;
  --yellow-vivid: #ffb931;
  --yellow-600: #f8d868;
  --yellow-500: #fddf77;
  --yellow-200: #faf7ba;
  --yellow-100: #fffdcb;
}
body:has(.h56-theme--LIGHT).old {
  --color-base-high: var(--color-base-high-old-light);
  --color-container-low: var(--color-container-low-old-light);
  --color-base-low: var(--color-base-low-old-light);
  --color-content-primary: var(--color-content-primary-old-light);
  --color-outline-low: var(--color-outline-low-old-light);
  --color-container-medium: var(--color-container-medium-old-light);
  --color-container-high: var(--color-container-high-old-light);
  --color-container-highest: var(--color-container-highest-old-light);
  --color-highlight-green: var(--color-highlight-green-old-light);
  --color-highlight-blue: var(--color-highlight-blue-old-light);
  --color-highlight-turquise: var(--color-highlight-turquise-old-light);
  --color-highlight-red: var(--color-highlight-red-old-light);
  --color-highlight-yellow: var(--color-highlight-yellow-old-light);
  --color-highlight-purple: var(--color-highlight-purple-old-light);
  --color-content-secondary: var(--color-content-secondary-old-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-light);
  --color-outline-high: var(--color-outline-high-old-light);
  --color-primary-blue: var(--color-primary-blue-old-light);
  --color-primary-turquise: var(--color-primary-turquise-old-light);
  --color-primary-red: var(--color-primary-red-old-light);
  --color-primary-yellow: var(--color-primary-yellow-old-light);
  --color-primary-purple: var(--color-primary-purple-old-light);
  --color-primary-green: var(--color-primary-green-old-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-light);
  --color-primary-hover-green: var(--color-primary-hover-green-old-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-light);
  --color-primary-hover-red: var(--color-primary-hover-red-old-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-light);
  --color-transparent-low: var(--color-transparent-low-old-light);
  --color-transparent-high: var(--color-transparent-high-old-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-light);
  --color-logo-rigflow: var(--color-logo-rigflow-old-light);
  --color-logo-rigplan: var(--color-logo-rigplan-old-light);
  --color-logo-rigguide: var(--color-logo-rigguide-old-light);
  --color-logo-horizon56: var(--color-logo-horizon56-old-light);
  --color-outline-strong: var(--color-outline-strong-old-light);
  --color-transparent-invisible: var(--color-transparent-invisible-old-light);
}
body:has(.h56-theme--LIGHT):not(.old) {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED {
  --black-5: rgba(255, 255, 255, 0.05);
  --black-10: rgba(255, 255, 255, 0.1);
  --black-20: rgba(255, 255, 255, 0.2);
  --black-28: rgba(255, 255, 255, 0.28);
  --black-50: rgba(255, 255, 255, 0.5);
  --black-90: rgba(255, 255, 255, 0.9);
  --global-bg: #353338;
  --card-bg: #161517;
  --menu-bg: #222123;
  --menu-hover: #2d2c2e;
  --menu-active: #454445;
  --content-bg: #222123;
  --content-hover: #454445;
  --purple-vivid: #9e65ff;
  --purple-600: #704ea9;
  --purple-500: #653fa5;
  --purple-400: #654994;
  --purple-300: #523d76;
  --purple-200: #403456;
  --purple-100: #2f273e;
  --red-vivid: #fd114a;
  --red-600: #d95059;
  --red-500: #c8464e;
  --red-200: #682327;
  --red-100: #501b1e;
  --green-vivid: #22b966;
  --green-600: #52ad7b;
  --green-500: #49a171;
  --green-400: #325a44;
  --green-300: #304f3e;
  --green-200: #2a4536;
  --green-100: #21372b;
  --blue-vivid: #0f89e2;
  --blue-600: #3093db;
  --blue-500: #2e88ca;
  --blue-200: #325671;
  --blue-100: #264257;
  --light-blue-vivid: #23cbf0;
  --light-blue-600: #53bbd1;
  --light-blue-500: #44adc5;
  --light-blue-200: #1f535f;
  --light-blue-100: #184954;
  --yellow-vivid: #ffa903;
  --yellow-600: #d1b243;
  --yellow-500: #c0a43f;
  --yellow-200: #605d31;
  --yellow-100: #514f2a;
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED.old {
  --color-base-high: var(--color-base-high-old-dark);
  --color-container-low: var(--color-container-low-old-dark);
  --color-base-low: var(--color-base-low-old-dark);
  --color-content-primary: var(--color-content-primary-old-dark);
  --color-outline-low: var(--color-outline-low-old-dark);
  --color-container-medium: var(--color-container-medium-old-dark);
  --color-container-high: var(--color-container-high-old-dark);
  --color-container-highest: var(--color-container-highest-old-dark);
  --color-highlight-green: var(--color-highlight-green-old-dark);
  --color-highlight-blue: var(--color-highlight-blue-old-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-old-dark);
  --color-highlight-red: var(--color-highlight-red-old-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-old-dark);
  --color-highlight-purple: var(--color-highlight-purple-old-dark);
  --color-content-secondary: var(--color-content-secondary-old-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-dark);
  --color-outline-high: var(--color-outline-high-old-dark);
  --color-primary-blue: var(--color-primary-blue-old-dark);
  --color-primary-turquise: var(--color-primary-turquise-old-dark);
  --color-primary-red: var(--color-primary-red-old-dark);
  --color-primary-yellow: var(--color-primary-yellow-old-dark);
  --color-primary-purple: var(--color-primary-purple-old-dark);
  --color-primary-green: var(--color-primary-green-old-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-old-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-old-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-dark);
  --color-transparent-low: var(--color-transparent-low-old-dark);
  --color-transparent-high: var(--color-transparent-high-old-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-old-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-old-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-old-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-old-dark);
  --color-outline-strong: var(--color-outline-strong-old-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-old-dark);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED:not(.old) {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
  color: var(--color-content-primary);
}

body {
  font-size: var(--app-font-size-base);
  font-family: H56Font;
  color: var(--color-content-primary);
}
body .old {
  --app-font-size-base: 14px;
  --app-font-size-label: 12px;
}

.hiddenCanvasElement {
  display: none;
  position: absolute;
}/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

button {
  border: none;
}

@keyframes loadingbars {
  0% {
    left: 100%;
    width: 0%;
  }
  33% {
    left: 50%;
    width: 50%;
  }
  66% {
    left: 0%;
    width: 50%;
  }
  100% {
    left: 0%;
    width: 0%;
  }
}
@keyframes dotdot {
  0% {
    content: "";
  }
  25% {
    content: ".";
  }
  50% {
    content: "..";
  }
  75% {
    content: "...";
  }
}
.h56-colors--color-base-high {
  color: var(--color-base-high);
}
.h56-colors--background-base-high {
  background: var(--color-base-high);
}
.h56-colors--color-container-low {
  color: var(--color-container-low);
}
.h56-colors--background-container-low {
  background: var(--color-container-low);
}
.h56-colors--color-base-low {
  color: var(--color-base-low);
}
.h56-colors--background-base-low {
  background: var(--color-base-low);
}
.h56-colors--color-content-primary {
  color: var(--color-content-primary);
}
.h56-colors--background-content-primary {
  background: var(--color-content-primary);
}
.h56-colors--color-outline-low {
  color: var(--color-outline-low);
}
.h56-colors--background-outline-low {
  background: var(--color-outline-low);
}
.h56-colors--color-container-medium {
  color: var(--color-container-medium);
}
.h56-colors--background-container-medium {
  background: var(--color-container-medium);
}
.h56-colors--color-container-high {
  color: var(--color-container-high);
}
.h56-colors--background-container-high {
  background: var(--color-container-high);
}
.h56-colors--color-container-highest {
  color: var(--color-container-highest);
}
.h56-colors--background-container-highest {
  background: var(--color-container-highest);
}
.h56-colors--color-highlight-green {
  color: var(--color-highlight-green);
}
.h56-colors--background-highlight-green {
  background: var(--color-highlight-green);
}
.h56-colors--color-highlight-blue {
  color: var(--color-highlight-blue);
}
.h56-colors--background-highlight-blue {
  background: var(--color-highlight-blue);
}
.h56-colors--color-highlight-turquise {
  color: var(--color-highlight-turquise);
}
.h56-colors--background-highlight-turquise {
  background: var(--color-highlight-turquise);
}
.h56-colors--color-highlight-red {
  color: var(--color-highlight-red);
}
.h56-colors--background-highlight-red {
  background: var(--color-highlight-red);
}
.h56-colors--color-highlight-yellow {
  color: var(--color-highlight-yellow);
}
.h56-colors--background-highlight-yellow {
  background: var(--color-highlight-yellow);
}
.h56-colors--color-highlight-purple {
  color: var(--color-highlight-purple);
}
.h56-colors--background-highlight-purple {
  background: var(--color-highlight-purple);
}
.h56-colors--color-content-secondary {
  color: var(--color-content-secondary);
}
.h56-colors--background-content-secondary {
  background: var(--color-content-secondary);
}
.h56-colors--color-content-static-black-primary {
  color: var(--color-content-static-black-primary);
}
.h56-colors--background-content-static-black-primary {
  background: var(--color-content-static-black-primary);
}
.h56-colors--color-content-static-black-secondary {
  color: var(--color-content-static-black-secondary);
}
.h56-colors--background-content-static-black-secondary {
  background: var(--color-content-static-black-secondary);
}
.h56-colors--color-content-static-white-primary {
  color: var(--color-content-static-white-primary);
}
.h56-colors--background-content-static-white-primary {
  background: var(--color-content-static-white-primary);
}
.h56-colors--color-content-static-white-secondary {
  color: var(--color-content-static-white-secondary);
}
.h56-colors--background-content-static-white-secondary {
  background: var(--color-content-static-white-secondary);
}
.h56-colors--color-outline-high {
  color: var(--color-outline-high);
}
.h56-colors--background-outline-high {
  background: var(--color-outline-high);
}
.h56-colors--color-primary-blue {
  color: var(--color-primary-blue);
}
.h56-colors--background-primary-blue {
  background: var(--color-primary-blue);
}
.h56-colors--color-primary-turquise {
  color: var(--color-primary-turquise);
}
.h56-colors--background-primary-turquise {
  background: var(--color-primary-turquise);
}
.h56-colors--color-primary-red {
  color: var(--color-primary-red);
}
.h56-colors--background-primary-red {
  background: var(--color-primary-red);
}
.h56-colors--color-primary-yellow {
  color: var(--color-primary-yellow);
}
.h56-colors--background-primary-yellow {
  background: var(--color-primary-yellow);
}
.h56-colors--color-primary-purple {
  color: var(--color-primary-purple);
}
.h56-colors--background-primary-purple {
  background: var(--color-primary-purple);
}
.h56-colors--color-primary-green {
  color: var(--color-primary-green);
}
.h56-colors--background-primary-green {
  background: var(--color-primary-green);
}
.h56-colors--color-highlight-hover-green {
  color: var(--color-highlight-hover-green);
}
.h56-colors--background-highlight-hover-green {
  background: var(--color-highlight-hover-green);
}
.h56-colors--color-highlight-hover-blue {
  color: var(--color-highlight-hover-blue);
}
.h56-colors--background-highlight-hover-blue {
  background: var(--color-highlight-hover-blue);
}
.h56-colors--color-highlight-hover-turquise {
  color: var(--color-highlight-hover-turquise);
}
.h56-colors--background-highlight-hover-turquise {
  background: var(--color-highlight-hover-turquise);
}
.h56-colors--color-highlight-hover-red {
  color: var(--color-highlight-hover-red);
}
.h56-colors--background-highlight-hover-red {
  background: var(--color-highlight-hover-red);
}
.h56-colors--color-highlight-hover-yellow {
  color: var(--color-highlight-hover-yellow);
}
.h56-colors--background-highlight-hover-yellow {
  background: var(--color-highlight-hover-yellow);
}
.h56-colors--color-highlight-hover-purple {
  color: var(--color-highlight-hover-purple);
}
.h56-colors--background-highlight-hover-purple {
  background: var(--color-highlight-hover-purple);
}
.h56-colors--color-primary-hover-green {
  color: var(--color-primary-hover-green);
}
.h56-colors--background-primary-hover-green {
  background: var(--color-primary-hover-green);
}
.h56-colors--color-primary-hover-blue {
  color: var(--color-primary-hover-blue);
}
.h56-colors--background-primary-hover-blue {
  background: var(--color-primary-hover-blue);
}
.h56-colors--color-primary-hover-turquise {
  color: var(--color-primary-hover-turquise);
}
.h56-colors--background-primary-hover-turquise {
  background: var(--color-primary-hover-turquise);
}
.h56-colors--color-primary-hover-red {
  color: var(--color-primary-hover-red);
}
.h56-colors--background-primary-hover-red {
  background: var(--color-primary-hover-red);
}
.h56-colors--color-primary-hover-yellow {
  color: var(--color-primary-hover-yellow);
}
.h56-colors--background-primary-hover-yellow {
  background: var(--color-primary-hover-yellow);
}
.h56-colors--color-primary-hover-purple {
  color: var(--color-primary-hover-purple);
}
.h56-colors--background-primary-hover-purple {
  background: var(--color-primary-hover-purple);
}
.h56-colors--color-transparent-low {
  color: var(--color-transparent-low);
}
.h56-colors--background-transparent-low {
  background: var(--color-transparent-low);
}
.h56-colors--color-transparent-high {
  color: var(--color-transparent-high);
}
.h56-colors--background-transparent-high {
  background: var(--color-transparent-high);
}
.h56-colors--color-logo-rigbridge {
  color: var(--color-logo-rigbridge);
}
.h56-colors--background-logo-rigbridge {
  background: var(--color-logo-rigbridge);
}
.h56-colors--color-logo-rigflow {
  color: var(--color-logo-rigflow);
}
.h56-colors--background-logo-rigflow {
  background: var(--color-logo-rigflow);
}
.h56-colors--color-logo-rigplan {
  color: var(--color-logo-rigplan);
}
.h56-colors--background-logo-rigplan {
  background: var(--color-logo-rigplan);
}
.h56-colors--color-logo-rigguide {
  color: var(--color-logo-rigguide);
}
.h56-colors--background-logo-rigguide {
  background: var(--color-logo-rigguide);
}
.h56-colors--color-logo-horizon56 {
  color: var(--color-logo-horizon56);
}
.h56-colors--background-logo-horizon56 {
  background: var(--color-logo-horizon56);
}
.h56-colors--color-outline-strong {
  color: var(--color-outline-strong);
}
.h56-colors--background-outline-strong {
  background: var(--color-outline-strong);
}
.h56-colors--color-transparent-invisible {
  color: var(--color-transparent-invisible);
}
.h56-colors--background-transparent-invisible {
  background: var(--color-transparent-invisible);
}

body {
  color-scheme: light, dark;
  --color-base-high-dark: rgba(25, 29, 36, 1);
  --color-base-high-light: rgba(235, 244, 255, 1);
  --color-base-high-old-dark: rgba(31, 30, 32, 1);
  --color-base-high-old-light: rgba(235, 235, 235, 1);
  --color-container-low-dark: rgba(49, 53, 68, 1);
  --color-container-low-light: rgba(212, 227, 242, 1);
  --color-container-low-old-dark: rgba(45, 44, 46, 1);
  --color-container-low-old-light: rgba(215, 215, 215, 1);
  --color-base-low-dark: rgba(19, 22, 27, 1);
  --color-base-low-light: rgba(255, 255, 255, 1);
  --color-base-low-old-dark: rgba(22, 21, 23, 1);
  --color-base-low-old-light: rgba(247, 247, 247, 1);
  --color-content-primary-dark: rgba(255, 255, 255, 1);
  --color-content-primary-light: rgba(0, 0, 0, 1);
  --color-content-primary-old-dark: rgba(255, 255, 255, 1);
  --color-content-primary-old-light: rgba(0, 0, 0, 1);
  --color-outline-low-dark: rgba(255, 255, 255, 0.25);
  --color-outline-low-light: rgba(0, 0, 0, 0.25);
  --color-outline-low-old-dark: rgba(255, 255, 255, 0.25);
  --color-outline-low-old-light: rgba(0, 0, 0, 0.25);
  --color-container-medium-dark: rgba(58, 63, 80, 1);
  --color-container-medium-light: rgba(195, 211, 226, 1);
  --color-container-medium-old-dark: rgba(56, 56, 56, 1);
  --color-container-medium-old-light: rgba(198, 198, 198, 1);
  --color-container-high-dark: rgba(71, 78, 98, 1);
  --color-container-high-light: rgba(176, 194, 212, 1);
  --color-container-high-old-dark: rgba(69, 68, 69, 1);
  --color-container-high-old-light: rgba(183, 183, 183, 1);
  --color-container-highest-dark: rgba(87, 98, 117, 1);
  --color-container-highest-light: rgba(157, 175, 193, 1);
  --color-container-highest-old-dark: rgba(85, 85, 85, 1);
  --color-container-highest-old-light: rgba(168, 168, 168, 1);
  --color-highlight-green-dark: rgba(49, 102, 63, 1);
  --color-highlight-green-light: rgba(102, 207, 125, 1);
  --color-highlight-green-old-dark: rgba(49, 102, 63, 1);
  --color-highlight-green-old-light: rgba(102, 207, 125, 1);
  --color-highlight-blue-dark: rgba(41, 83, 136, 1);
  --color-highlight-blue-light: rgba(119, 185, 235, 1);
  --color-highlight-blue-old-dark: rgba(41, 83, 136, 1);
  --color-highlight-blue-old-light: rgba(119, 185, 235, 1);
  --color-highlight-turquise-dark: rgba(32, 104, 110, 1);
  --color-highlight-turquise-light: rgba(126, 223, 234, 1);
  --color-highlight-turquise-old-dark: rgba(32, 104, 110, 1);
  --color-highlight-turquise-old-light: rgba(126, 223, 234, 1);
  --color-highlight-red-dark: rgba(90, 28, 31, 1);
  --color-highlight-red-light: rgba(240, 163, 169, 1);
  --color-highlight-red-old-dark: rgba(90, 28, 31, 1);
  --color-highlight-red-old-light: rgba(240, 163, 169, 1);
  --color-highlight-yellow-dark: rgba(99, 96, 48, 1);
  --color-highlight-yellow-light: rgba(235, 231, 140, 1);
  --color-highlight-yellow-old-dark: rgba(99, 96, 48, 1);
  --color-highlight-yellow-old-light: rgba(235, 231, 140, 1);
  --color-highlight-purple-dark: rgba(81, 48, 112, 1);
  --color-highlight-purple-light: rgba(186, 160, 232, 1);
  --color-highlight-purple-old-dark: rgba(81, 48, 112, 1);
  --color-highlight-purple-old-light: rgba(186, 160, 232, 1);
  --color-content-secondary-dark: rgba(255, 255, 255, 0.6);
  --color-content-secondary-light: rgba(0, 0, 0, 0.6);
  --color-content-secondary-old-dark: rgba(255, 255, 255, 0.6);
  --color-content-secondary-old-light: rgba(0, 0, 0, 0.6);
  --color-content-static-black-primary-dark: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-light: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-old-dark: rgba(0, 0, 0, 1);
  --color-content-static-black-primary-old-light: rgba(0, 0, 0, 1);
  --color-content-static-black-secondary-dark: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-light: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-old-dark: rgba(0, 0, 0, 0.6);
  --color-content-static-black-secondary-old-light: rgba(0, 0, 0, 0.6);
  --color-content-static-white-primary-dark: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-light: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-old-dark: rgba(255, 255, 255, 1);
  --color-content-static-white-primary-old-light: rgba(255, 255, 255, 1);
  --color-content-static-white-secondary-dark: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-light: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-old-dark: rgba(255, 255, 255, 0.6);
  --color-content-static-white-secondary-old-light: rgba(255, 255, 255, 0.6);
  --color-outline-high-dark: rgba(255, 255, 255, 0.4);
  --color-outline-high-light: rgba(0, 0, 0, 0.4);
  --color-outline-high-old-dark: rgba(255, 255, 255, 0.4);
  --color-outline-high-old-light: rgba(0, 0, 0, 0.4);
  --color-primary-blue-dark: rgba(11, 111, 243, 1);
  --color-primary-blue-light: rgba(11, 111, 243, 1);
  --color-primary-blue-old-dark: rgba(11, 111, 243, 1);
  --color-primary-blue-old-light: rgba(11, 111, 243, 1);
  --color-primary-turquise-dark: rgba(15, 202, 243, 1);
  --color-primary-turquise-light: rgba(6, 174, 211, 1);
  --color-primary-turquise-old-dark: rgba(15, 202, 243, 1);
  --color-primary-turquise-old-light: rgba(6, 174, 211, 1);
  --color-primary-red-dark: rgba(200, 51, 60, 1);
  --color-primary-red-light: rgba(200, 51, 60, 1);
  --color-primary-red-old-dark: rgba(200, 51, 60, 1);
  --color-primary-red-old-light: rgba(200, 51, 60, 1);
  --color-primary-yellow-dark: rgba(247, 171, 23, 1);
  --color-primary-yellow-light: rgba(247, 171, 23, 1);
  --color-primary-yellow-old-dark: rgba(247, 171, 23, 1);
  --color-primary-yellow-old-light: rgba(247, 171, 23, 1);
  --color-primary-purple-dark: rgba(143, 77, 255, 1);
  --color-primary-purple-light: rgba(116, 36, 253, 1);
  --color-primary-purple-old-dark: rgba(143, 77, 255, 1);
  --color-primary-purple-old-light: rgba(116, 36, 253, 1);
  --color-primary-green-dark: rgba(31, 153, 71, 1);
  --color-primary-green-light: rgba(31, 153, 71, 1);
  --color-primary-green-old-dark: rgba(31, 153, 71, 1);
  --color-primary-green-old-light: rgba(31, 153, 71, 1);
  --color-highlight-hover-green-dark: rgba(57, 117, 73, 1);
  --color-highlight-hover-green-light: rgba(76, 195, 102, 1);
  --color-highlight-hover-green-old-dark: rgba(57, 117, 73, 1);
  --color-highlight-hover-green-old-light: rgba(76, 195, 102, 1);
  --color-highlight-hover-blue-dark: rgba(46, 93, 153, 1);
  --color-highlight-hover-blue-light: rgba(94, 170, 226, 1);
  --color-highlight-hover-blue-old-dark: rgba(46, 93, 153, 1);
  --color-highlight-hover-blue-old-light: rgba(94, 170, 226, 1);
  --color-highlight-hover-turquise-dark: rgba(37, 120, 126, 1);
  --color-highlight-hover-turquise-light: rgba(100, 210, 223, 1);
  --color-highlight-hover-turquise-old-dark: rgba(37, 120, 126, 1);
  --color-highlight-hover-turquise-old-light: rgba(100, 210, 223, 1);
  --color-highlight-hover-red-dark: rgba(105, 32, 36, 1);
  --color-highlight-hover-red-light: rgba(235, 143, 150, 1);
  --color-highlight-hover-red-old-dark: rgba(105, 32, 36, 1);
  --color-highlight-hover-red-old-light: rgba(235, 143, 150, 1);
  --color-highlight-hover-yellow-dark: rgba(113, 110, 55, 1);
  --color-highlight-hover-yellow-light: rgba(222, 217, 106, 1);
  --color-highlight-hover-yellow-old-dark: rgba(113, 110, 55, 1);
  --color-highlight-hover-yellow-old-light: rgba(222, 217, 106, 1);
  --color-highlight-hover-purple-dark: rgba(90, 54, 125, 1);
  --color-highlight-hover-purple-light: rgba(174, 145, 226, 1);
  --color-highlight-hover-purple-old-dark: rgba(90, 54, 125, 1);
  --color-highlight-hover-purple-old-light: rgba(174, 145, 226, 1);
  --color-primary-hover-green-dark: rgba(34, 170, 79, 1);
  --color-primary-hover-green-light: rgba(34, 170, 79, 1);
  --color-primary-hover-green-old-dark: rgba(34, 170, 79, 1);
  --color-primary-hover-green-old-light: rgba(34, 170, 79, 1);
  --color-primary-hover-blue-dark: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-light: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-old-dark: rgba(34, 126, 247, 1);
  --color-primary-hover-blue-old-light: rgba(34, 126, 247, 1);
  --color-primary-hover-turquise-dark: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-light: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-old-dark: rgba(62, 215, 249, 1);
  --color-primary-hover-turquise-old-light: rgba(62, 215, 249, 1);
  --color-primary-hover-red-dark: rgba(212, 73, 82, 1);
  --color-primary-hover-red-light: rgba(221, 68, 68, 1);
  --color-primary-hover-red-old-dark: rgba(221, 68, 68, 1);
  --color-primary-hover-red-old-light: rgba(221, 68, 68, 1);
  --color-primary-hover-yellow-dark: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-light: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-old-dark: rgba(250, 189, 71, 1);
  --color-primary-hover-yellow-old-light: rgba(250, 189, 71, 1);
  --color-primary-hover-purple-dark: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-light: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-old-dark: rgba(130, 57, 254, 1);
  --color-primary-hover-purple-old-light: rgba(130, 57, 254, 1);
  --color-transparent-low-dark: rgba(180, 210, 255, 0.17);
  --color-transparent-low-light: rgba(3, 47, 115, 0.17);
  --color-transparent-low-old-dark: rgba(255, 255, 255, 0.12);
  --color-transparent-low-old-light: rgba(0, 0, 0, 0.12);
  --color-transparent-high-dark: rgba(180, 210, 255, 0.28);
  --color-transparent-high-light: rgba(3, 47, 115, 0.28);
  --color-transparent-high-old-dark: rgba(255, 255, 255, 0.2);
  --color-transparent-high-old-light: rgba(0, 0, 0, 0.2);
  --color-logo-rigbridge-dark: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-light: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-old-dark: rgba(101, 45, 144, 1);
  --color-logo-rigbridge-old-light: rgba(101, 45, 144, 1);
  --color-logo-rigflow-dark: rgba(214, 10, 82, 1);
  --color-logo-rigflow-light: rgba(214, 10, 82, 1);
  --color-logo-rigflow-old-dark: rgba(214, 10, 82, 1);
  --color-logo-rigflow-old-light: rgba(214, 10, 82, 1);
  --color-logo-rigplan-dark: rgba(0, 143, 153, 1);
  --color-logo-rigplan-light: rgba(0, 143, 153, 1);
  --color-logo-rigplan-old-dark: rgba(0, 143, 153, 1);
  --color-logo-rigplan-old-light: rgba(0, 143, 153, 1);
  --color-logo-rigguide-dark: rgba(54, 89, 156, 1);
  --color-logo-rigguide-light: rgba(54, 89, 156, 1);
  --color-logo-rigguide-old-dark: rgba(54, 89, 156, 1);
  --color-logo-rigguide-old-light: rgba(54, 89, 156, 1);
  --color-logo-horizon56-dark: rgba(254, 80, 0, 1);
  --color-logo-horizon56-light: rgba(254, 80, 0, 1);
  --color-logo-horizon56-old-dark: rgba(254, 80, 0, 1);
  --color-logo-horizon56-old-light: rgba(254, 80, 0, 1);
  --color-outline-strong-dark: rgba(255, 255, 255, 1);
  --color-outline-strong-light: rgba(0, 0, 0, 1);
  --color-outline-strong-old-dark: rgba(255, 255, 255, 1);
  --color-outline-strong-old-light: rgba(0, 0, 0, 1);
  --color-transparent-invisible-dark: rgba(255, 255, 255, 0);
  --color-transparent-invisible-light: rgba(255, 255, 255, 0);
  --color-transparent-invisible-old-dark: rgba(255, 255, 255, 0);
  --color-transparent-invisible-old-light: rgba(255, 255, 255, 0);
  --h56-product-color-RigFlowLite: #d60a52;
  --h56-product-color-RigFlow: #d60a52;
  --h56-product-color-RigGuide: #36599c;
  --h56-product-color-RigBridge: #652d90;
  --h56-product-color-RigPlan: #008f99;
  --h56-product-color-RigPulse: #f18a10;
  --h56-product-variation-color-RigBridge-dark: #56267b;
  --h56-product-variation-color-RigBridge-darker: #3d1b58;
  --h56-product-variation-color-RigFlow-dark: #a50a41;
  --h56-product-variation-color-RigFlow-darker: #7a0931;
  --h56-product-variation-color-RigFlowLite-dark: #a50a41;
  --h56-product-variation-color-RigFlowLite-darker: #7a0931;
  --h56-product-variation-color-RigGuide-dark: #2d4980;
  --h56-product-variation-color-RigGuide-darker: #29416e;
  --h56-product-variation-color-RigPlan-dark: #00747d;
  --h56-product-variation-color-RigPlan-darker: #066168;
  --app-layout-width: 56px;
  --app-layout-logo-height: 60px;
  --app-layout-options-height: 40px;
  --app-layout-logo-size: 30px;
  --app-layout-toggle-size: 32px;
  --app-layout-header-side-panel-toggle-offset-w: 40px;
  --app-layout-header-side-panel-toggle-offset-h: 40px;
  --app-transition-time: 0.2s;
  --app-transition: var(--app-transition-time, 0.2) ease-in-out;
  --app-radius-small: 5px;
  --app-radius-medium: 10px;
  --app-radius-large: 20px;
  --app-icon-tag-size-medium: 28px;
  --app-button-height-small: 24px;
  --app-button-height-medium: 32px;
  --app-button-height-large: 40px;
  --app-modal-size-small: 300px;
  --app-modal-size-medium: 450px;
  --app-modal-size-large: 980px;
  --app-modal-size-xlarge: 1440px;
  --app-tooltip-size-small: 160px;
  --app-tooltip-size-medium: 320px;
  --app-spacing-size-xxsmall: 2px;
  --app-spacing-size-xsmall: 4px;
  --app-spacing-size-small: 8px;
  --app-spacing-size-medium: 12px;
  --app-spacing-size-large: 16px;
  --app-spacing-size-xlarge: 20px;
  --app-spacing-size-xxlarge: 40px;
  --app-input-active-border-width: 3px;
  --app-input-spacing-small: 5px;
  --app-input-spacing-medium: 12px;
  --app-input-label-height-small: 32px;
  --app-input-label-height: 40px;
  --app-highest-z-index: 999999999999;
  --app-input-padding: var(--app-input-spacing-medium);
  --app-input-options-default-height: 400px;
  --app-input-modal-size-small: 80px;
  --app-input-modal-size-medium: 160px;
  --app-input-modal-size-large: 240px;
  --app-input-modal-size-xlarge: 360px;
  --app-font-size-h1: 26px;
  --app-font-size-h2: 18px;
  --app-font-size-title-large: 18px;
  --app-font-size-title-medium: 16px;
  --app-font-size-title-small: 14px;
  --app-font-size-base: 16px;
  --app-font-size-label: 14px;
  --app-icon-size-small: 16px;
  --app-icon-size-medium: 20px;
  --app-icon-size-large: 24px;
  --app-icon-size-xlarge: 40px;
  --app-focus-color: var(--blue-vivid);
  --app-tabs-default-width: 250px;
  --app-box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.14);
  --transparent: transparent;
  --unset: unset;
  --inherit: inherit;
  --static-black: #000;
  --static-black-5: rgba(0, 0, 0, 0.05);
  --static-black-10: rgba(0, 0, 0, 0.1);
  --static-black-20: rgba(0, 0, 0, 0.2);
  --static-black-28: rgba(0, 0, 0, 0.28);
  --static-black-50: rgba(0, 0, 0, 0.5);
  --static-black-90: rgba(0, 0, 0, 0.9);
  --static-white: #fff;
  --static-white-5: rgba(255, 255, 255, 0.05);
  --static-white-10: rgba(255, 255, 255, 0.1);
  --static-white-14: rgba(255, 255, 255, 0.14);
  --static-white-20: rgba(255, 255, 255, 0.2);
  --static-white-28: rgba(255, 255, 255, 0.28);
  --static-white-50: rgba(255, 255, 255, 0.5);
  --static-white-90: rgba(255, 255, 255, 0.9);
  --app-container-spacing: 5px;
}
@media (min-width: 620px) {
  body {
    --app-container-spacing: 10px;
  }
}
body [class*=h56-icons-after--product-rb-]:after {
  color: var(--h56-product-color-RigBridge) !important;
}
body [class*=h56-icons-after--product-rb-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rf-]:after {
  color: var(--h56-product-color-RigFlow) !important;
}
body [class*=h56-icons-after--product-rf-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rg-]:after {
  color: var(--h56-product-color-RigGuide) !important;
}
body [class*=h56-icons-after--product-rg-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rp-]:after {
  color: var(--h56-product-color-RigPlan) !important;
}
body [class*=h56-icons-after--product-rp-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-after--product-rigpulse-]:after {
  color: var(--h56-product-color-RigPulse) !important;
}
body [class*=h56-icons-after--product-rigpulse-][class*=-square]:after {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rb-]:before {
  color: var(--h56-product-color-RigBridge) !important;
}
body [class*=h56-icons-before--product-rb-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rf-]:before {
  color: var(--h56-product-color-RigFlow) !important;
}
body [class*=h56-icons-before--product-rf-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rg-]:before {
  color: var(--h56-product-color-RigGuide) !important;
}
body [class*=h56-icons-before--product-rg-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rp-]:before {
  color: var(--h56-product-color-RigPlan) !important;
}
body [class*=h56-icons-before--product-rp-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body [class*=h56-icons-before--product-rigpulse-]:before {
  color: var(--h56-product-color-RigPulse) !important;
}
body [class*=h56-icons-before--product-rigpulse-][class*=-square]:before {
  line-height: 1;
  background: var(--static-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.9em;
  height: 0.9em;
  border-radius: 50%;
}
body:has(.h56-theme--DARK) {
  --black-5: rgba(255, 255, 255, 0.05);
  --black-10: rgba(255, 255, 255, 0.1);
  --black-20: rgba(255, 255, 255, 0.2);
  --black-28: rgba(255, 255, 255, 0.28);
  --black-50: rgba(255, 255, 255, 0.5);
  --black-90: rgba(255, 255, 255, 0.9);
  --global-bg: #353338;
  --card-bg: #161517;
  --menu-bg: #222123;
  --menu-hover: #2d2c2e;
  --menu-active: #454445;
  --content-bg: #222123;
  --content-hover: #454445;
  --purple-vivid: #9e65ff;
  --purple-600: #704ea9;
  --purple-500: #653fa5;
  --purple-400: #654994;
  --purple-300: #523d76;
  --purple-200: #403456;
  --purple-100: #2f273e;
  --red-vivid: #fd114a;
  --red-600: #d95059;
  --red-500: #c8464e;
  --red-200: #682327;
  --red-100: #501b1e;
  --green-vivid: #22b966;
  --green-600: #52ad7b;
  --green-500: #49a171;
  --green-400: #325a44;
  --green-300: #304f3e;
  --green-200: #2a4536;
  --green-100: #21372b;
  --blue-vivid: #0f89e2;
  --blue-600: #3093db;
  --blue-500: #2e88ca;
  --blue-200: #325671;
  --blue-100: #264257;
  --light-blue-vivid: #23cbf0;
  --light-blue-600: #53bbd1;
  --light-blue-500: #44adc5;
  --light-blue-200: #1f535f;
  --light-blue-100: #184954;
  --yellow-vivid: #ffa903;
  --yellow-600: #d1b243;
  --yellow-500: #c0a43f;
  --yellow-200: #605d31;
  --yellow-100: #514f2a;
}
body:has(.h56-theme--DARK).old {
  --color-base-high: var(--color-base-high-old-dark);
  --color-container-low: var(--color-container-low-old-dark);
  --color-base-low: var(--color-base-low-old-dark);
  --color-content-primary: var(--color-content-primary-old-dark);
  --color-outline-low: var(--color-outline-low-old-dark);
  --color-container-medium: var(--color-container-medium-old-dark);
  --color-container-high: var(--color-container-high-old-dark);
  --color-container-highest: var(--color-container-highest-old-dark);
  --color-highlight-green: var(--color-highlight-green-old-dark);
  --color-highlight-blue: var(--color-highlight-blue-old-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-old-dark);
  --color-highlight-red: var(--color-highlight-red-old-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-old-dark);
  --color-highlight-purple: var(--color-highlight-purple-old-dark);
  --color-content-secondary: var(--color-content-secondary-old-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-dark);
  --color-outline-high: var(--color-outline-high-old-dark);
  --color-primary-blue: var(--color-primary-blue-old-dark);
  --color-primary-turquise: var(--color-primary-turquise-old-dark);
  --color-primary-red: var(--color-primary-red-old-dark);
  --color-primary-yellow: var(--color-primary-yellow-old-dark);
  --color-primary-purple: var(--color-primary-purple-old-dark);
  --color-primary-green: var(--color-primary-green-old-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-old-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-old-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-dark);
  --color-transparent-low: var(--color-transparent-low-old-dark);
  --color-transparent-high: var(--color-transparent-high-old-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-old-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-old-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-old-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-old-dark);
  --color-outline-strong: var(--color-outline-strong-old-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-old-dark);
}
body:has(.h56-theme--DARK):not(.old) {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED {
  --black-5: rgba(0, 0, 0, 0.05);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-28: rgba(0, 0, 0, 0.28);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-90: rgba(0, 0, 0, 0.9);
  --global-bg: #cecdcf;
  --card-bg: #f7f7f7;
  --menu-bg: #ebebeb;
  --menu-hover: #dfdfdf;
  --menu-active: #c6c6c6;
  --content-bg: #ffffff;
  --content-hover: #dcdcdc;
  --purple-vivid: #6423d3;
  --purple-600: #8967bb;
  --purple-500: #9570cb;
  --purple-400: #d9cdeb;
  --purple-300: #e4daf3;
  --purple-200: #f2eafe;
  --purple-100: #f5f2fa;
  --red-vivid: #ff0440;
  --red-600: #e35858;
  --red-500: #f16464;
  --red-200: #ffd2d2;
  --red-100: #fcdddd;
  --green-vivid: #29af66;
  --green-600: #478161;
  --green-500: #518d6c;
  --green-400: #abddc2;
  --green-300: #b8e8ce;
  --green-200: #c9ecd9;
  --green-100: #d8f3e4;
  --blue-vivid: #1486da;
  --blue-600: #3a7bab;
  --blue-500: #4487b8;
  --blue-200: #d5ebfb;
  --blue-100: #e0f1fe;
  --light-blue-vivid: #0ab9df;
  --light-blue-600: #74dff6;
  --light-blue-500: #87e5fb;
  --light-blue-200: #d3f3fb;
  --light-blue-100: #ddf9ff;
  --yellow-vivid: #ffb931;
  --yellow-600: #f8d868;
  --yellow-500: #fddf77;
  --yellow-200: #faf7ba;
  --yellow-100: #fffdcb;
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED.old {
  --color-base-high: var(--color-base-high-old-light);
  --color-container-low: var(--color-container-low-old-light);
  --color-base-low: var(--color-base-low-old-light);
  --color-content-primary: var(--color-content-primary-old-light);
  --color-outline-low: var(--color-outline-low-old-light);
  --color-container-medium: var(--color-container-medium-old-light);
  --color-container-high: var(--color-container-high-old-light);
  --color-container-highest: var(--color-container-highest-old-light);
  --color-highlight-green: var(--color-highlight-green-old-light);
  --color-highlight-blue: var(--color-highlight-blue-old-light);
  --color-highlight-turquise: var(--color-highlight-turquise-old-light);
  --color-highlight-red: var(--color-highlight-red-old-light);
  --color-highlight-yellow: var(--color-highlight-yellow-old-light);
  --color-highlight-purple: var(--color-highlight-purple-old-light);
  --color-content-secondary: var(--color-content-secondary-old-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-light);
  --color-outline-high: var(--color-outline-high-old-light);
  --color-primary-blue: var(--color-primary-blue-old-light);
  --color-primary-turquise: var(--color-primary-turquise-old-light);
  --color-primary-red: var(--color-primary-red-old-light);
  --color-primary-yellow: var(--color-primary-yellow-old-light);
  --color-primary-purple: var(--color-primary-purple-old-light);
  --color-primary-green: var(--color-primary-green-old-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-light);
  --color-primary-hover-green: var(--color-primary-hover-green-old-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-light);
  --color-primary-hover-red: var(--color-primary-hover-red-old-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-light);
  --color-transparent-low: var(--color-transparent-low-old-light);
  --color-transparent-high: var(--color-transparent-high-old-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-light);
  --color-logo-rigflow: var(--color-logo-rigflow-old-light);
  --color-logo-rigplan: var(--color-logo-rigplan-old-light);
  --color-logo-rigguide: var(--color-logo-rigguide-old-light);
  --color-logo-horizon56: var(--color-logo-horizon56-old-light);
  --color-outline-strong: var(--color-outline-strong-old-light);
  --color-transparent-invisible: var(--color-transparent-invisible-old-light);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED:not(.old) {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
}
body:has(.h56-theme--DARK) .h56-theme--INVERTED {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
  color: var(--color-content-primary);
}
body:has(.h56-theme--LIGHT) {
  --black-5: rgba(0, 0, 0, 0.05);
  --black-10: rgba(0, 0, 0, 0.1);
  --black-20: rgba(0, 0, 0, 0.2);
  --black-28: rgba(0, 0, 0, 0.28);
  --black-50: rgba(0, 0, 0, 0.5);
  --black-90: rgba(0, 0, 0, 0.9);
  --global-bg: #cecdcf;
  --card-bg: #f7f7f7;
  --menu-bg: #ebebeb;
  --menu-hover: #dfdfdf;
  --menu-active: #c6c6c6;
  --content-bg: #ffffff;
  --content-hover: #dcdcdc;
  --purple-vivid: #6423d3;
  --purple-600: #8967bb;
  --purple-500: #9570cb;
  --purple-400: #d9cdeb;
  --purple-300: #e4daf3;
  --purple-200: #f2eafe;
  --purple-100: #f5f2fa;
  --red-vivid: #ff0440;
  --red-600: #e35858;
  --red-500: #f16464;
  --red-200: #ffd2d2;
  --red-100: #fcdddd;
  --green-vivid: #29af66;
  --green-600: #478161;
  --green-500: #518d6c;
  --green-400: #abddc2;
  --green-300: #b8e8ce;
  --green-200: #c9ecd9;
  --green-100: #d8f3e4;
  --blue-vivid: #1486da;
  --blue-600: #3a7bab;
  --blue-500: #4487b8;
  --blue-200: #d5ebfb;
  --blue-100: #e0f1fe;
  --light-blue-vivid: #0ab9df;
  --light-blue-600: #74dff6;
  --light-blue-500: #87e5fb;
  --light-blue-200: #d3f3fb;
  --light-blue-100: #ddf9ff;
  --yellow-vivid: #ffb931;
  --yellow-600: #f8d868;
  --yellow-500: #fddf77;
  --yellow-200: #faf7ba;
  --yellow-100: #fffdcb;
}
body:has(.h56-theme--LIGHT).old {
  --color-base-high: var(--color-base-high-old-light);
  --color-container-low: var(--color-container-low-old-light);
  --color-base-low: var(--color-base-low-old-light);
  --color-content-primary: var(--color-content-primary-old-light);
  --color-outline-low: var(--color-outline-low-old-light);
  --color-container-medium: var(--color-container-medium-old-light);
  --color-container-high: var(--color-container-high-old-light);
  --color-container-highest: var(--color-container-highest-old-light);
  --color-highlight-green: var(--color-highlight-green-old-light);
  --color-highlight-blue: var(--color-highlight-blue-old-light);
  --color-highlight-turquise: var(--color-highlight-turquise-old-light);
  --color-highlight-red: var(--color-highlight-red-old-light);
  --color-highlight-yellow: var(--color-highlight-yellow-old-light);
  --color-highlight-purple: var(--color-highlight-purple-old-light);
  --color-content-secondary: var(--color-content-secondary-old-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-light);
  --color-outline-high: var(--color-outline-high-old-light);
  --color-primary-blue: var(--color-primary-blue-old-light);
  --color-primary-turquise: var(--color-primary-turquise-old-light);
  --color-primary-red: var(--color-primary-red-old-light);
  --color-primary-yellow: var(--color-primary-yellow-old-light);
  --color-primary-purple: var(--color-primary-purple-old-light);
  --color-primary-green: var(--color-primary-green-old-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-light);
  --color-primary-hover-green: var(--color-primary-hover-green-old-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-light);
  --color-primary-hover-red: var(--color-primary-hover-red-old-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-light);
  --color-transparent-low: var(--color-transparent-low-old-light);
  --color-transparent-high: var(--color-transparent-high-old-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-light);
  --color-logo-rigflow: var(--color-logo-rigflow-old-light);
  --color-logo-rigplan: var(--color-logo-rigplan-old-light);
  --color-logo-rigguide: var(--color-logo-rigguide-old-light);
  --color-logo-horizon56: var(--color-logo-horizon56-old-light);
  --color-outline-strong: var(--color-outline-strong-old-light);
  --color-transparent-invisible: var(--color-transparent-invisible-old-light);
}
body:has(.h56-theme--LIGHT):not(.old) {
  --color-base-high: var(--color-base-high-light);
  --color-container-low: var(--color-container-low-light);
  --color-base-low: var(--color-base-low-light);
  --color-content-primary: var(--color-content-primary-light);
  --color-outline-low: var(--color-outline-low-light);
  --color-container-medium: var(--color-container-medium-light);
  --color-container-high: var(--color-container-high-light);
  --color-container-highest: var(--color-container-highest-light);
  --color-highlight-green: var(--color-highlight-green-light);
  --color-highlight-blue: var(--color-highlight-blue-light);
  --color-highlight-turquise: var(--color-highlight-turquise-light);
  --color-highlight-red: var(--color-highlight-red-light);
  --color-highlight-yellow: var(--color-highlight-yellow-light);
  --color-highlight-purple: var(--color-highlight-purple-light);
  --color-content-secondary: var(--color-content-secondary-light);
  --color-content-static-black-primary: var(--color-content-static-black-primary-light);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-light);
  --color-content-static-white-primary: var(--color-content-static-white-primary-light);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-light);
  --color-outline-high: var(--color-outline-high-light);
  --color-primary-blue: var(--color-primary-blue-light);
  --color-primary-turquise: var(--color-primary-turquise-light);
  --color-primary-red: var(--color-primary-red-light);
  --color-primary-yellow: var(--color-primary-yellow-light);
  --color-primary-purple: var(--color-primary-purple-light);
  --color-primary-green: var(--color-primary-green-light);
  --color-highlight-hover-green: var(--color-highlight-hover-green-light);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-light);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-light);
  --color-highlight-hover-red: var(--color-highlight-hover-red-light);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-light);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-light);
  --color-primary-hover-green: var(--color-primary-hover-green-light);
  --color-primary-hover-blue: var(--color-primary-hover-blue-light);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-light);
  --color-primary-hover-red: var(--color-primary-hover-red-light);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-light);
  --color-primary-hover-purple: var(--color-primary-hover-purple-light);
  --color-transparent-low: var(--color-transparent-low-light);
  --color-transparent-high: var(--color-transparent-high-light);
  --color-logo-rigbridge: var(--color-logo-rigbridge-light);
  --color-logo-rigflow: var(--color-logo-rigflow-light);
  --color-logo-rigplan: var(--color-logo-rigplan-light);
  --color-logo-rigguide: var(--color-logo-rigguide-light);
  --color-logo-horizon56: var(--color-logo-horizon56-light);
  --color-outline-strong: var(--color-outline-strong-light);
  --color-transparent-invisible: var(--color-transparent-invisible-light);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED {
  --black-5: rgba(255, 255, 255, 0.05);
  --black-10: rgba(255, 255, 255, 0.1);
  --black-20: rgba(255, 255, 255, 0.2);
  --black-28: rgba(255, 255, 255, 0.28);
  --black-50: rgba(255, 255, 255, 0.5);
  --black-90: rgba(255, 255, 255, 0.9);
  --global-bg: #353338;
  --card-bg: #161517;
  --menu-bg: #222123;
  --menu-hover: #2d2c2e;
  --menu-active: #454445;
  --content-bg: #222123;
  --content-hover: #454445;
  --purple-vivid: #9e65ff;
  --purple-600: #704ea9;
  --purple-500: #653fa5;
  --purple-400: #654994;
  --purple-300: #523d76;
  --purple-200: #403456;
  --purple-100: #2f273e;
  --red-vivid: #fd114a;
  --red-600: #d95059;
  --red-500: #c8464e;
  --red-200: #682327;
  --red-100: #501b1e;
  --green-vivid: #22b966;
  --green-600: #52ad7b;
  --green-500: #49a171;
  --green-400: #325a44;
  --green-300: #304f3e;
  --green-200: #2a4536;
  --green-100: #21372b;
  --blue-vivid: #0f89e2;
  --blue-600: #3093db;
  --blue-500: #2e88ca;
  --blue-200: #325671;
  --blue-100: #264257;
  --light-blue-vivid: #23cbf0;
  --light-blue-600: #53bbd1;
  --light-blue-500: #44adc5;
  --light-blue-200: #1f535f;
  --light-blue-100: #184954;
  --yellow-vivid: #ffa903;
  --yellow-600: #d1b243;
  --yellow-500: #c0a43f;
  --yellow-200: #605d31;
  --yellow-100: #514f2a;
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED.old {
  --color-base-high: var(--color-base-high-old-dark);
  --color-container-low: var(--color-container-low-old-dark);
  --color-base-low: var(--color-base-low-old-dark);
  --color-content-primary: var(--color-content-primary-old-dark);
  --color-outline-low: var(--color-outline-low-old-dark);
  --color-container-medium: var(--color-container-medium-old-dark);
  --color-container-high: var(--color-container-high-old-dark);
  --color-container-highest: var(--color-container-highest-old-dark);
  --color-highlight-green: var(--color-highlight-green-old-dark);
  --color-highlight-blue: var(--color-highlight-blue-old-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-old-dark);
  --color-highlight-red: var(--color-highlight-red-old-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-old-dark);
  --color-highlight-purple: var(--color-highlight-purple-old-dark);
  --color-content-secondary: var(--color-content-secondary-old-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-old-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-old-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-old-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-old-dark);
  --color-outline-high: var(--color-outline-high-old-dark);
  --color-primary-blue: var(--color-primary-blue-old-dark);
  --color-primary-turquise: var(--color-primary-turquise-old-dark);
  --color-primary-red: var(--color-primary-red-old-dark);
  --color-primary-yellow: var(--color-primary-yellow-old-dark);
  --color-primary-purple: var(--color-primary-purple-old-dark);
  --color-primary-green: var(--color-primary-green-old-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-old-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-old-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-old-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-old-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-old-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-old-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-old-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-old-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-old-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-old-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-old-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-old-dark);
  --color-transparent-low: var(--color-transparent-low-old-dark);
  --color-transparent-high: var(--color-transparent-high-old-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-old-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-old-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-old-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-old-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-old-dark);
  --color-outline-strong: var(--color-outline-strong-old-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-old-dark);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED:not(.old) {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
}
body:has(.h56-theme--LIGHT) .h56-theme--INVERTED {
  --color-base-high: var(--color-base-high-dark);
  --color-container-low: var(--color-container-low-dark);
  --color-base-low: var(--color-base-low-dark);
  --color-content-primary: var(--color-content-primary-dark);
  --color-outline-low: var(--color-outline-low-dark);
  --color-container-medium: var(--color-container-medium-dark);
  --color-container-high: var(--color-container-high-dark);
  --color-container-highest: var(--color-container-highest-dark);
  --color-highlight-green: var(--color-highlight-green-dark);
  --color-highlight-blue: var(--color-highlight-blue-dark);
  --color-highlight-turquise: var(--color-highlight-turquise-dark);
  --color-highlight-red: var(--color-highlight-red-dark);
  --color-highlight-yellow: var(--color-highlight-yellow-dark);
  --color-highlight-purple: var(--color-highlight-purple-dark);
  --color-content-secondary: var(--color-content-secondary-dark);
  --color-content-static-black-primary: var(--color-content-static-black-primary-dark);
  --color-content-static-black-secondary: var(--color-content-static-black-secondary-dark);
  --color-content-static-white-primary: var(--color-content-static-white-primary-dark);
  --color-content-static-white-secondary: var(--color-content-static-white-secondary-dark);
  --color-outline-high: var(--color-outline-high-dark);
  --color-primary-blue: var(--color-primary-blue-dark);
  --color-primary-turquise: var(--color-primary-turquise-dark);
  --color-primary-red: var(--color-primary-red-dark);
  --color-primary-yellow: var(--color-primary-yellow-dark);
  --color-primary-purple: var(--color-primary-purple-dark);
  --color-primary-green: var(--color-primary-green-dark);
  --color-highlight-hover-green: var(--color-highlight-hover-green-dark);
  --color-highlight-hover-blue: var(--color-highlight-hover-blue-dark);
  --color-highlight-hover-turquise: var(--color-highlight-hover-turquise-dark);
  --color-highlight-hover-red: var(--color-highlight-hover-red-dark);
  --color-highlight-hover-yellow: var(--color-highlight-hover-yellow-dark);
  --color-highlight-hover-purple: var(--color-highlight-hover-purple-dark);
  --color-primary-hover-green: var(--color-primary-hover-green-dark);
  --color-primary-hover-blue: var(--color-primary-hover-blue-dark);
  --color-primary-hover-turquise: var(--color-primary-hover-turquise-dark);
  --color-primary-hover-red: var(--color-primary-hover-red-dark);
  --color-primary-hover-yellow: var(--color-primary-hover-yellow-dark);
  --color-primary-hover-purple: var(--color-primary-hover-purple-dark);
  --color-transparent-low: var(--color-transparent-low-dark);
  --color-transparent-high: var(--color-transparent-high-dark);
  --color-logo-rigbridge: var(--color-logo-rigbridge-dark);
  --color-logo-rigflow: var(--color-logo-rigflow-dark);
  --color-logo-rigplan: var(--color-logo-rigplan-dark);
  --color-logo-rigguide: var(--color-logo-rigguide-dark);
  --color-logo-horizon56: var(--color-logo-horizon56-dark);
  --color-outline-strong: var(--color-outline-strong-dark);
  --color-transparent-invisible: var(--color-transparent-invisible-dark);
  color: var(--color-content-primary);
}

body {
  font-size: var(--app-font-size-base);
  font-family: H56Font;
  color: var(--color-content-primary);
}
body .old {
  --app-font-size-base: 14px;
  --app-font-size-label: 12px;
}

.hiddenCanvasElement {
  display: none;
  position: absolute;
}.no-content[data-v-46eea1cd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.no-content__illustration[data-v-46eea1cd] {
  padding: 16px;
}
.no-content__button[data-v-46eea1cd] {
  padding: 16px;
}.add-manual-entry[data-v-c84745ed] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 400px;
  height: 40px;
  padding-left: 8px;
  border: 2px solid #0fcaf3;
  background: #20686e;
  border-radius: var(--app-radius-medium);
}
.add-manual-entry__main[data-v-c84745ed] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.add-manual-entry__description[data-v-c84745ed] {
  opacity: 0.6;
  font-size: 14px;
  max-width: 170px;
}.report-actions[data-v-4433b6b0] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.report-actions__buttons[data-v-4433b6b0] {
  display: flex;
  flex-direction: row;
  gap: var(--app-spacing-size-small);
  flex-wrap: wrap;
}
.report-actions__all-included[data-v-4433b6b0] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--app-spacing-size-small);
}.report-table-additional-data[data-v-c977464c] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.report-table-additional-data--reportHasExportedRows[data-v-c977464c] {
  margin-left: var(--app-icon-size-large);
}
.report-table-additional-data__group-title[data-v-c977464c] {
  color: var(--color-content-secondary);
}
.report-table-additional-data__group[data-v-c977464c] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
}
.report-table-additional-data__group[data-v-c977464c]:hover {
  background: var(--color-transparent-low-dark);
}
.report-table-additional-data__group--add-content[data-v-c977464c] {
  cursor: default;
}
.report-table-additional-data__group--add-content[data-v-c977464c]:hover {
  background: none;
}
.report-table-additional-data__group-list[data-v-c977464c] {
  display: block;
  list-style-type: disc;
  padding-left: 24px;
}
.report-table-additional-data__group-list-item[data-v-c977464c] {
  display: list-item;
}
.report-table-additional-data__content-dropdown[data-v-c977464c] {
  width: fit-content;
}
.report-table-additional-data__group--disabled[data-v-c977464c] {
  pointer-events: none;
  opacity: 0.5;
}.time-code-cell[data-v-ed958f41] {
  width: 100%;
}
.time-code-cell__input[data-v-ed958f41] {
  width: 100%;
}.class-code-cell[data-v-5f879456] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.class-code-cell__input[data-v-5f879456] {
  width: 100%;
}.crew-cell[data-v-15e40d28] {
  width: 100%;
}
.crew-cell__input[data-v-15e40d28] {
  width: 100%;
}.duration-cell[data-v-ac4441d4] {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 40px;
  padding: 0 8px;
}
.duration-cell--readonly[data-v-ac4441d4] {
  opacity: 0.6;
}.operation-cell[data-v-79677e9e] {
  display: flex;
  align-items: center;
  width: 100%;
}
.operation-cell__input[data-v-79677e9e] {
  width: 100%;
}.rate-cell[data-v-195a1aef] {
  width: 100%;
}
.rate-cell__input[data-v-195a1aef] {
  width: 100%;
}.report-table-cell[data-v-3abce2da] {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.report-table-cell__select[data-v-3abce2da] {
  padding-left: 8px;
}.report-subheader[data-v-7350bd38] {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  color: var(--color-content-secondary);
  padding: 0 8px;
}
.report-subheader__icon[data-v-7350bd38] {
  margin-left: 6px;
}.app-dashboard[data-v-d43c9dcc] {
  height: 100%;
}
.app-dashboard__content[data-v-d43c9dcc] {
  display: flex;
  flex-direction: column;
  gap: var(--app-spacing-size-xlarge);
  height: 100%;
}.selection-panel__options {
  align-items: center;
}.app-dashboard[data-v-ea482492] {
  height: 100%;
}.app[data-v-052dc310] {
  padding: 24px 40px;
  height: 100%;
}.app-header[data-v-3c0ee3f1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 8px;
}
.app-header__selectors[data-v-3c0ee3f1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}.entity-list[data-v-7fc8f93b] {
  display: flex;
  flex-flow: column;
  height: 100%;
}
.entity-list__header[data-v-7fc8f93b] {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  height: 40px;
  padding: 0 8px;
}
.entity-list__header-item[data-v-7fc8f93b] {
  height: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 1;
  font-weight: 700;
  color: var(--color-content-secondary);
}
.entity-list__header-item--align-left[data-v-7fc8f93b] {
  text-align: left;
  justify-content: left;
}
.entity-list__header-item--align-center[data-v-7fc8f93b] {
  text-align: center;
  justify-content: center;
}
.entity-list__header-item--align-right[data-v-7fc8f93b] {
  text-align: right;
  justify-content: right;
}
.entity-list__row[data-v-7fc8f93b] {
  display: flex;
  flex-flow: row nowrap;
  background: var(--color-container-low);
  padding: 8px;
  min-height: 40px;
  border-bottom: 1px solid var(--color-outline-low);
}
.entity-list__row[data-v-7fc8f93b]:hover {
  background: var(--color-container-high);
  cursor: pointer;
}
.entity-list__row[data-v-7fc8f93b]:last-child {
  border-bottom: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.entity-list__row-item[data-v-7fc8f93b] {
  display: flex;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
}
.entity-list__header-item[data-v-7fc8f93b], .entity-list__row-item[data-v-7fc8f93b] {
  padding-right: 4px;
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(1), .entity-list__row-item[data-v-7fc8f93b]:nth-child(1) {
  width: var(--column-set-width-1);
  min-width: var(--column-min-width-1);
  max-width: var(--column-max-width-1);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(2), .entity-list__row-item[data-v-7fc8f93b]:nth-child(2) {
  width: var(--column-set-width-2);
  min-width: var(--column-min-width-2);
  max-width: var(--column-max-width-2);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(3), .entity-list__row-item[data-v-7fc8f93b]:nth-child(3) {
  width: var(--column-set-width-3);
  min-width: var(--column-min-width-3);
  max-width: var(--column-max-width-3);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(4), .entity-list__row-item[data-v-7fc8f93b]:nth-child(4) {
  width: var(--column-set-width-4);
  min-width: var(--column-min-width-4);
  max-width: var(--column-max-width-4);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(5), .entity-list__row-item[data-v-7fc8f93b]:nth-child(5) {
  width: var(--column-set-width-5);
  min-width: var(--column-min-width-5);
  max-width: var(--column-max-width-5);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(6), .entity-list__row-item[data-v-7fc8f93b]:nth-child(6) {
  width: var(--column-set-width-6);
  min-width: var(--column-min-width-6);
  max-width: var(--column-max-width-6);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(7), .entity-list__row-item[data-v-7fc8f93b]:nth-child(7) {
  width: var(--column-set-width-7);
  min-width: var(--column-min-width-7);
  max-width: var(--column-max-width-7);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(8), .entity-list__row-item[data-v-7fc8f93b]:nth-child(8) {
  width: var(--column-set-width-8);
  min-width: var(--column-min-width-8);
  max-width: var(--column-max-width-8);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(9), .entity-list__row-item[data-v-7fc8f93b]:nth-child(9) {
  width: var(--column-set-width-9);
  min-width: var(--column-min-width-9);
  max-width: var(--column-max-width-9);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(10), .entity-list__row-item[data-v-7fc8f93b]:nth-child(10) {
  width: var(--column-set-width-10);
  min-width: var(--column-min-width-10);
  max-width: var(--column-max-width-10);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(11), .entity-list__row-item[data-v-7fc8f93b]:nth-child(11) {
  width: var(--column-set-width-11);
  min-width: var(--column-min-width-11);
  max-width: var(--column-max-width-11);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(12), .entity-list__row-item[data-v-7fc8f93b]:nth-child(12) {
  width: var(--column-set-width-12);
  min-width: var(--column-min-width-12);
  max-width: var(--column-max-width-12);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(13), .entity-list__row-item[data-v-7fc8f93b]:nth-child(13) {
  width: var(--column-set-width-13);
  min-width: var(--column-min-width-13);
  max-width: var(--column-max-width-13);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(14), .entity-list__row-item[data-v-7fc8f93b]:nth-child(14) {
  width: var(--column-set-width-14);
  min-width: var(--column-min-width-14);
  max-width: var(--column-max-width-14);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(15), .entity-list__row-item[data-v-7fc8f93b]:nth-child(15) {
  width: var(--column-set-width-15);
  min-width: var(--column-min-width-15);
  max-width: var(--column-max-width-15);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(16), .entity-list__row-item[data-v-7fc8f93b]:nth-child(16) {
  width: var(--column-set-width-16);
  min-width: var(--column-min-width-16);
  max-width: var(--column-max-width-16);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(17), .entity-list__row-item[data-v-7fc8f93b]:nth-child(17) {
  width: var(--column-set-width-17);
  min-width: var(--column-min-width-17);
  max-width: var(--column-max-width-17);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(18), .entity-list__row-item[data-v-7fc8f93b]:nth-child(18) {
  width: var(--column-set-width-18);
  min-width: var(--column-min-width-18);
  max-width: var(--column-max-width-18);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(19), .entity-list__row-item[data-v-7fc8f93b]:nth-child(19) {
  width: var(--column-set-width-19);
  min-width: var(--column-min-width-19);
  max-width: var(--column-max-width-19);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(20), .entity-list__row-item[data-v-7fc8f93b]:nth-child(20) {
  width: var(--column-set-width-20);
  min-width: var(--column-min-width-20);
  max-width: var(--column-max-width-20);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(21), .entity-list__row-item[data-v-7fc8f93b]:nth-child(21) {
  width: var(--column-set-width-21);
  min-width: var(--column-min-width-21);
  max-width: var(--column-max-width-21);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(22), .entity-list__row-item[data-v-7fc8f93b]:nth-child(22) {
  width: var(--column-set-width-22);
  min-width: var(--column-min-width-22);
  max-width: var(--column-max-width-22);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(23), .entity-list__row-item[data-v-7fc8f93b]:nth-child(23) {
  width: var(--column-set-width-23);
  min-width: var(--column-min-width-23);
  max-width: var(--column-max-width-23);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(24), .entity-list__row-item[data-v-7fc8f93b]:nth-child(24) {
  width: var(--column-set-width-24);
  min-width: var(--column-min-width-24);
  max-width: var(--column-max-width-24);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(25), .entity-list__row-item[data-v-7fc8f93b]:nth-child(25) {
  width: var(--column-set-width-25);
  min-width: var(--column-min-width-25);
  max-width: var(--column-max-width-25);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(26), .entity-list__row-item[data-v-7fc8f93b]:nth-child(26) {
  width: var(--column-set-width-26);
  min-width: var(--column-min-width-26);
  max-width: var(--column-max-width-26);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(27), .entity-list__row-item[data-v-7fc8f93b]:nth-child(27) {
  width: var(--column-set-width-27);
  min-width: var(--column-min-width-27);
  max-width: var(--column-max-width-27);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(28), .entity-list__row-item[data-v-7fc8f93b]:nth-child(28) {
  width: var(--column-set-width-28);
  min-width: var(--column-min-width-28);
  max-width: var(--column-max-width-28);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(29), .entity-list__row-item[data-v-7fc8f93b]:nth-child(29) {
  width: var(--column-set-width-29);
  min-width: var(--column-min-width-29);
  max-width: var(--column-max-width-29);
}
.entity-list__header-item[data-v-7fc8f93b]:nth-child(30), .entity-list__row-item[data-v-7fc8f93b]:nth-child(30) {
  width: var(--column-set-width-30);
  min-width: var(--column-min-width-30);
  max-width: var(--column-max-width-30);
}.daily-report-list[data-v-f72fcb87] {
  margin-bottom: 16px;
}
.daily-report-list__day-cell[data-v-f72fcb87] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 8px;
  padding-right: 8px;
}
.daily-report-list__day[data-v-f72fcb87] {
  display: flex;
  flex-direction: column;
}
.daily-report-list__day-last-updated[data-v-f72fcb87] {
  color: var(--color-content-secondary);
  font-size: 14px;
}
.daily-report-list__well[data-v-f72fcb87] {
  color: var(--color-content-secondary);
}
.daily-report-list__approvers[data-v-f72fcb87] {
  margin-left: auto;
}.daily-report[data-v-2e6af24c] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
}
.daily-report__title[data-v-2e6af24c] {
  font-size: 22px;
}
.daily-report__header[data-v-2e6af24c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
}
.daily-report__header-actions[data-v-2e6af24c] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.daily-report__content[data-v-2e6af24c] {
  will-change: scroll-position;
}
.daily-report__content[data-v-2e6af24c]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.daily-report__content[data-v-2e6af24c]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.daily-report__content[data-v-2e6af24c]::-webkit-scrollbar-corner {
  background: transparent;
}
.daily-report__content[data-v-2e6af24c]::-webkit-scrollbar-thumb {
  background: var(--black-10);
  border-radius: var(--app-radius-small);
  border: 1px solid var(--black-28);
  transition: background var(--app-transition);
}
.daily-report__content[data-v-2e6af24c]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}
.daily-report__content[data-v-2e6af24c] {
  overflow: auto;
  flex: 1;
}.rig-overview[data-v-b0cd13d3] {
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 8px;
  border-top: 1px solid var(--color-outline-low);
}
.rig-overview__wrapper[data-v-b0cd13d3] {
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 16px;
  will-change: scroll-position;
}
.rig-overview__wrapper[data-v-b0cd13d3]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.rig-overview__wrapper[data-v-b0cd13d3]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.rig-overview__wrapper[data-v-b0cd13d3]::-webkit-scrollbar-corner {
  background: transparent;
}
.rig-overview__wrapper[data-v-b0cd13d3]::-webkit-scrollbar-thumb {
  background: var(--black-10);
  border-radius: var(--app-radius-small);
  border: 1px solid var(--black-28);
  transition: background var(--app-transition);
}
.rig-overview__wrapper[data-v-b0cd13d3]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}
.rig-overview__wrapper[data-v-b0cd13d3] {
  overflow: auto;
}.app-dashboard[data-v-ceef360b] {
  display: flex;
  height: 100%;
}
.app-dashboard__content[data-v-ceef360b] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  grid-template-rows: repeat(auto-fill, 72px);
}
@media (max-width: 1350px) {
.app-dashboard__content[data-v-ceef360b] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.app-dashboard__content[data-v-ceef360b] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 630px) {
.app-dashboard__content[data-v-ceef360b] {
    grid-template-columns: repeat(1, 1fr);
}
}
.app-dashboard__no-content[data-v-ceef360b] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.app-dashboard__no-content__illustration[data-v-ceef360b] {
  padding: 16px;
}.app[data-v-5f90b853] {
  padding: 24px;
  height: 100%;
}.daily-report-overview[data-v-5c3c50ab] {
  height: 100%;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 16px;
  gap: 16px;
  border-top: 1px solid var(--color-outline-low);
}
.daily-report-overview__actions[data-v-5c3c50ab] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}.field[data-v-eadbd2d4] {
  width: 100%;
  display: flex;
  align-items: center;
}
.input[data-v-eadbd2d4] {
  width: 100%;
}.section-footer[data-v-82a15fbe] {
  display: flex;
  justify-content: flex-end;
  padding: 20px 24px;
}
.section-footer__actions[data-v-82a15fbe] {
  display: flex;
  gap: 8px;
}.report-section[data-v-c1e78d7b] {
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: var(--color-base-low);
  scroll-margin-top: 16px;
  background-color: var(--color-base-low);
}
.report-section__header[data-v-c1e78d7b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: var(--color-base-low);
  position: sticky;
  top: 0;
  z-index: 2;
}
.report-section__actions[data-v-c1e78d7b] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.report-section__title[data-v-c1e78d7b] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 18px;
}
.report-section__content[data-v-c1e78d7b] {
  background-color: var(--color-base-low);
  border-radius: 4px;
  padding: 0 24px 24px 24px;
}
.report-section__informational-message-container[data-v-c1e78d7b] {
  display: flex;
  align-items: center;
  gap: 4px;
}.report-sections[data-v-e4fdc89d] {
  flex: 1;
  overflow: auto;
  background-color: var(--color-base-high);
  will-change: scroll-position;
}
.report-sections[data-v-e4fdc89d]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.report-sections[data-v-e4fdc89d]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.report-sections[data-v-e4fdc89d]::-webkit-scrollbar-corner {
  background: transparent;
}
.report-sections[data-v-e4fdc89d]::-webkit-scrollbar-thumb {
  background: var(--black-10);
  border-radius: var(--app-radius-small);
  border: 1px solid var(--black-28);
  transition: background var(--app-transition);
}
.report-sections[data-v-e4fdc89d]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}.report-sidebar[data-v-ca5b5555] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 250px;
  background-color: var(--color-base-low);
  border-right: 1px solid var(--color-outline-low);
}
.report-sidebar--minimized[data-v-ca5b5555] {
  width: 48px;
}
.report-sidebar__header[data-v-ca5b5555] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px;
}
.report-sidebar__toggle--minimized[data-v-ca5b5555] {
  transform: rotate(180deg);
}
.report-sidebar__content[data-v-ca5b5555] {
  flex: 1;
  overflow-y: auto;
}
.report-sidebar__options[data-v-ca5b5555] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.report-sidebar__option[data-v-ca5b5555] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
  padding: 4px;
  padding-left: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.report-sidebar__option[data-v-ca5b5555]:hover {
  background-color: var(--color-highlight-turquise);
}
.report-sidebar__option[data-v-ca5b5555]:focus-visible {
  outline: 2px solid var(--app-focus-color);
  outline-offset: -2px;
}
.report-sidebar__option--active[data-v-ca5b5555] {
  background-color: var(--color-highlight-turquise);
}
.report-sidebar__option--disabled[data-v-ca5b5555] {
  opacity: 0.7;
  background-color: var(--color-base-low);
  cursor: not-allowed;
}
.report-sidebar__option--disabled[data-v-ca5b5555]:hover {
  background-color: var(--color-base-low);
}
.report-sidebar__option--disabled[data-v-ca5b5555]:focus {
  outline: none;
}
.report-sidebar__option-text[data-v-ca5b5555] {
  font-weight: 700;
  white-space: nowrap;
}
.report-sidebar__option-icons[data-v-ca5b5555] {
  display: flex;
  align-items: center;
  gap: 4px;
}.approval-panel[data-v-57c73af1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
  width: 100%;
}
.approval-panel__separator[data-v-57c73af1] {
  width: 100%;
  height: 1px;
  background-color: var(--color-outline-low);
}
.approval-panel__approval-count-wrapper[data-v-57c73af1] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px;
  gap: 8px;
}
.approval-panel__title-wrapper[data-v-57c73af1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.approval-panel__title[data-v-57c73af1] {
  font-weight: 600;
  font-size: 14px;
}
.approval-panel__description[data-v-57c73af1] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--color-content-secondary);
  font-size: 14px;
}
.approval-panel__description-seperator[data-v-57c73af1] {
  width: 1px;
  height: 18px;
  background-color: var(--color-outline-low);
}
.approval-panel__approval-request-wrapper[data-v-57c73af1] {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  padding: 0 16px;
  gap: 8px;
}
.approval-panel__approval-request[data-v-57c73af1] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.approval-panel__email[data-v-57c73af1] {
  color: var(--color-content-secondary);
  font-size: 14px;
}
.approval-panel__approval-wrapper[data-v-57c73af1] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(368px, 1fr));
  gap: 8px;
  padding: 0 16px;
}.approval-header[data-v-a2b061c7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 1px solid var(--color-outline-low);
  border-bottom: 1px solid var(--color-outline-low);
  background-color: var(--color-base-high);
}
.approval-header__header[data-v-a2b061c7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  width: 100%;
}
.approval-header__actions[data-v-a2b061c7] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.approval-header__status[data-v-a2b061c7] {
  margin: 8px;
}
.approval-header__version[data-v-a2b061c7] {
  margin: 8px;
}.bit-record-row[data-v-e41cd6d4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bit-record-row span[data-v-e41cd6d4] {
  font-weight: 500;
  padding: 8px;
}.cutting-structure-row[data-v-6082c7da] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cutting-structure-row span[data-v-6082c7da] {
  font-weight: 500;
  padding: 8px;
}.drilling-assembly-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drilling-assembly-row span {
  font-weight: 500;
  padding: 8px;
}
.drilling-assembly-row__wrapper--hasTotals .h56-grid-adding {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.drilling-assembly-row__totals {
  display: flex;
  flex-direction: column;
}
.drilling-assembly-row__total-row {
  display: flex;
  flex-direction: row nowrap;
  display: flex;
  flex-direction: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: calc(var(--app-input-label-height) + 1px);
  padding-top: 1px;
  background: var(--color-container-high);
}
.drilling-assembly-row__total-row:last-child {
  border-top: 1px solid var(--color-outline-low);
  border-bottom-left-radius: var(--app-radius-medium);
  border-bottom-right-radius: var(--app-radius-medium);
}
.drilling-assembly-row__total-cell {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 1px 1px 7px;
  border: 1px solid transparent;
}
.drilling-assembly-row__total-cell--editable {
  padding-right: 24px;
}
.drilling-assembly-row__total-cell:first-child {
  margin-right: auto;
}
.drilling-assembly-row__total-cell:last-child {
  opacity: 1;
  padding-right: 40px;
}
.drilling-assembly-row__total-cell-input {
  min-width: 100px;
}.remarks-row[data-v-3aed1b80] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.remarks-row span[data-v-3aed1b80] {
  font-weight: 500;
  padding: 8px;
}.bit-and-cutting-tour[data-v-6e75064d] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bit-and-cutting-tour__header[data-v-6e75064d] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 4px 8px;
}
.bit-and-cutting-tour__title-container[data-v-6e75064d] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bit-and-cutting-tour__title[data-v-6e75064d] {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.bit-and-cutting-tour__time[data-v-6e75064d], .bit-and-cutting-tour__time-icon[data-v-6e75064d] {
  color: var(--color-content-secondary);
}
.bit-and-cutting-tour__tables[data-v-6e75064d] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bit-and-cutting-tour__separator[data-v-6e75064d] {
  height: 1px;
  background-color: var(--color-outline-low);
  margin: 16px 0;
}.bit-and-cutting[data-v-1dfddb1f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bit-and-cutting__content[data-v-1dfddb1f] {
  display: flex;
  flex-direction: column;
}.capacities-data-row[data-v-e61d35fd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.capacities-data-row__title[data-v-e61d35fd] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.capacities-data-row__label[data-v-e61d35fd] {
  color: var(--color-content-secondary);
}.capacities-section[data-v-adc30561] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.capacities-section__content[data-v-adc30561] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.casing-data-row[data-v-302acb15] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.casing-data-row__title[data-v-302acb15] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.casing-data-row__label[data-v-302acb15] {
  color: var(--color-content-secondary);
}.day-lot-row[data-v-8f7a98d9] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.day-lot-row__title[data-v-8f7a98d9] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.day-lot-row__label[data-v-8f7a98d9] {
  color: var(--color-content-secondary);
}.casing-section[data-v-3f2b3a16] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.casing-section__content[data-v-3f2b3a16] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.derrick-section[data-v-49ee7889] {
  display: flex;
  flex-direction: column;
}
.derrick-section__items[data-v-49ee7889] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
  margin-top: 1px;
}.downtime-row[data-v-6026a220] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.downtime-row__title[data-v-6026a220] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.downtime-row__items[data-v-6026a220] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.downtime-section[data-v-af2f6dd3] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.downtime-section__content[data-v-af2f6dd3] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.drill-line-grid[data-v-c8290499] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drill-line-grid__title[data-v-c8290499] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.drill-line-section[data-v-6822b8cf] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.float-information-row[data-v-401727a7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.float-information-row__title-container[data-v-401727a7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.float-information-row__title[data-v-401727a7] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.float-information-row__items[data-v-401727a7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.riser-data-row[data-v-1f8a10f3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.riser-data-row__title-container[data-v-1f8a10f3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.riser-data-row__title[data-v-1f8a10f3] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.riser-data-row__items[data-v-1f8a10f3] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.float-information-section[data-v-b287c4d5] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.float-information-section__content[data-v-b287c4d5] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.mud-and-chemical-grid[data-v-cecc7da7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-and-chemical-grid__title[data-v-cecc7da7] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-pump-stroke-length-grid[data-v-adc628f7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-pump-stroke-length-grid__title[data-v-adc628f7] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-record-grid[data-v-e66bca88] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-record-grid__title[data-v-e66bca88] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-section[data-v-7c8e6674] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.offline-activities[data-v-0e86ecc2] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.offline-activities__header[data-v-0e86ecc2] {
  display: flex;
  align-items: center;
}.offline-activities-section[data-v-8e432f4b] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.description-grid__title {
  font-weight: 600;
  margin-bottom: 4px;
}
.description-grid__wrapper--hasTotals .h56-grid-adding {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.description-grid__total-row {
  display: flex;
  flex-direction: row nowrap;
  display: flex;
  flex-direction: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: calc(var(--app-input-label-height) + 1px);
  padding-top: 1px;
  background: var(--color-container-high);
}
.description-grid__total-row:last-child {
  border-top: 1px solid var(--color-outline-low);
  border-bottom-left-radius: var(--app-radius-medium);
  border-bottom-right-radius: var(--app-radius-medium);
}
.description-grid__total-cell {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 1px solid transparent;
  padding: 1px 1px 1px 7px;
  width: 200px;
}
.description-grid__total-cell:first-child {
  margin-right: auto;
}
.description-grid__total-cell:last-child {
  opacity: 1;
  margin-right: 40px;
}.remarks-grid__title[data-v-a490b74b] {
  font-weight: 600;
  margin-bottom: 4px;
}.forecast-row[data-v-1e8ea52e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.forecast-row__title[data-v-1e8ea52e] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.forecast-row__tables[data-v-1e8ea52e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.forecast-row__table[data-v-1e8ea52e] {
  padding: 0 8px;
}.depth-interval-grid[data-v-b01467ca] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.depth-interval-grid__title[data-v-b01467ca] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.deviation-record-grid[data-v-7588f0c2] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.deviation-record-grid__title[data-v-7588f0c2] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.tour-row[data-v-e284675b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tour-row__header[data-v-e284675b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 4px 8px;
}
.tour-row__title-container[data-v-e284675b] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tour-row__title[data-v-e284675b] {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.tour-row__time[data-v-e284675b], .tour-row__time-icon[data-v-e284675b] {
  color: var(--color-content-secondary);
}
.tour-row__tables[data-v-e284675b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tour-row__separator[data-v-e284675b] {
  height: 1px;
  background-color: var(--color-outline-low);
  margin: 16px 0;
}.operations-section[data-v-37303873] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.operations-section__content[data-v-37303873] {
  display: flex;
  flex-direction: column;
}.contractor-row[data-v-7cd35644] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contractor-row__title[data-v-7cd35644] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.operation-overview-row__title[data-v-11b6bb5c] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.rig-row[data-v-293449a5] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rig-row__title[data-v-293449a5] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.rig-row__items[data-v-293449a5] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.safety-information-row[data-v-525826c7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.safety-information-row__title-container[data-v-525826c7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.safety-information-row__title[data-v-525826c7] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.safety-information-row__items[data-v-525826c7] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.safety-table-row[data-v-2279545f] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.safety-table-row__title[data-v-2279545f] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.summary-row {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.summary-row__title {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.summary-row__table--hasTotals .h56-grid-row-list__row {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-right: 40px;
}
.summary-row__table--hasTotals .h56-grid-row-list__item--isLast {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.summary-row__table--hasTotals .h56-column-header {
  padding-right: 40px;
}
.summary-row__label {
  color: var(--color-content-secondary);
}
.summary-row__totals {
  display: flex;
  flex-direction: column;
}
.summary-row__total-row {
  display: flex;
  flex-direction: row nowrap;
  display: flex;
  flex-direction: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: calc(var(--app-input-label-height) + 1px);
  padding-top: 1px;
  background: var(--color-container-high);
  border-bottom-left-radius: var(--app-radius-medium);
  border-bottom-right-radius: var(--app-radius-medium);
}
.summary-row__total-cell {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 1px 1px 7px;
  border: 1px solid transparent;
}
.summary-row__total-cell:first-child {
  margin-right: auto;
}
.summary-row__total-cell:last-child {
  padding-right: 40px;
}.well-row[data-v-1cad515a] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.well-row__title[data-v-1cad515a] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.well-row__items[data-v-1cad515a] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.rig-section[data-v-46871d28] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rig-section__content[data-v-46871d28] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}.riser-tension-grid[data-v-bc407ee7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.riser-tension-grid__title[data-v-bc407ee7] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.riser-tension-section[data-v-fecf50da] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.time-breakdown[data-v-64490673] {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}.time-breakdown-section[data-v-674febc9] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.time-distribution-grids[data-v-f9d21383] {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
}
.time-distribution-grids__grid-wrapper[data-v-f9d21383] {
  flex: 1;
}
.time-distribution-grids__title[data-v-f9d21383] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.time-distribution-totals[data-v-9ff63858] {
  display: flex;
  flex-direction: column;
}
.time-distribution-totals__row[data-v-9ff63858] {
  display: flex;
  flex-direction: row nowrap;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  width: 100%;
  min-height: calc(var(--app-input-label-height) + 1px);
  padding-top: 1px;
  background: var(--color-container-low);
}
.time-distribution-totals__row[data-v-9ff63858]:first-child {
  border-top-left-radius: var(--app-radius-medium);
  border-top-right-radius: var(--app-radius-medium);
}
.time-distribution-totals__row[data-v-9ff63858]:last-child {
  border-top: 1px solid var(--color-outline-low);
  border-bottom-left-radius: var(--app-radius-medium);
  border-bottom-right-radius: var(--app-radius-medium);
}
.time-distribution-totals__cell[data-v-9ff63858] {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 1px 1px 7px;
  border: 1px solid transparent;
}
.time-distribution-totals__cell[data-v-9ff63858]:first-child {
  margin-right: auto;
}
.time-distribution-totals__cell[data-v-9ff63858]:last-child {
  padding-right: 40px;
}.time-distribution-section[data-v-90b25829] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.time-distribution-section__content[data-v-90b25829] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}.inventory-grid[data-v-3ed4ca59] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.inventory-grid__title[data-v-3ed4ca59] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.tubular-inventory-section[data-v-172b5eee] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tubular-inventory-section__footer[data-v-172b5eee] {
  display: flex;
  justify-content: flex-end;
}
.tubular-inventory-section__footer-actions[data-v-172b5eee] {
  display: flex;
  gap: 8px;
}.report-editor[data-v-e7c8c519] {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.report-editor__content-wrapper[data-v-e7c8c519] {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.report-editor__content[data-v-e7c8c519] {
  display: flex;
  height: 100%;
  width: 100%;
}
.report-editor__empty[data-v-e7c8c519] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}.rig-data[data-v-ed5b421b] {
  display: flex;
  flex-direction: column;
}
.rig-data__items[data-v-ed5b421b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.well-section[data-v-48ae9f50] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
}
.well-section__title[data-v-48ae9f50] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.well-section__header[data-v-48ae9f50] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.well-section__actions[data-v-48ae9f50] {
  display: flex;
  gap: 4px;
}
.well-section__content[data-v-48ae9f50] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}
.well-section__downtime-toggle[data-v-48ae9f50] {
  display: flex;
  align-items: center;
  gap: 4px;
}.well-data[data-v-cdc645ab] {
  display: flex;
  flex-direction: column;
}
.well-data__header[data-v-cdc645ab] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 500;
  font-size: 18px;
}
.well-data__header-actions[data-v-cdc645ab] {
  display: flex;
  gap: 8px;
}
.well-data__empty[data-v-cdc645ab] {
  margin-top: 8px;
  padding: 24px;
}
.well-data__forms[data-v-cdc645ab] > :not(:first-child) {
  border-top: 1px solid var(--color-outline-low);
}.report-configuration[data-v-55cc8f05] {
  display: flex;
  height: 100%;
  border-top: 1px solid var(--color-outline-low);
}
.report-configuration__content[data-v-55cc8f05] {
  display: flex;
  width: 100%;
  height: 100%;
}
.report-configuration__empty[data-v-55cc8f05] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}.downtime-event-form[data-v-df7e4acc] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.downtime-event-form__row[data-v-df7e4acc] {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  grid-gap: 8px;
}.operational-lines-form[data-v-b0e17fc9] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.operational-lines-form__title[data-v-b0e17fc9] {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: 700;
  padding: 8px 4px;
}.significant-downtime-form[data-v-89a1fcf3] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.significant-downtime-form__title[data-v-89a1fcf3] {
  display: flex;
  align-items: center;
  height: 40px;
  font-weight: 700;
  padding: 8px 4px;
}
.significant-downtime-form__row[data-v-89a1fcf3] {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  grid-gap: 8px;
}.downtime-editor-event[data-v-122da323] {
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: var(--color-base-low);
  scroll-margin-top: 16px;
  background-color: var(--color-base-low);
}
.downtime-editor-event__header[data-v-122da323] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  background: var(--color-base-low);
  position: sticky;
  top: 0;
  z-index: 2;
}
.downtime-editor-event__actions[data-v-122da323] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.downtime-editor-event__title[data-v-122da323] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: 500;
  font-size: 22px;
}
.downtime-editor-event__content[data-v-122da323] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: var(--color-base-low);
  border-radius: 4px;
  padding: 0 24px 24px 24px;
}
.downtime-editor-event__informational-message-container[data-v-122da323] {
  display: flex;
  align-items: center;
  gap: 4px;
}.downtime-editor-sidebar[data-v-1c23039a] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 250px;
  background-color: var(--color-base-low);
  border-right: 1px solid var(--color-outline-low);
}
.downtime-editor-sidebar--minimized[data-v-1c23039a] {
  width: 48px;
}
.downtime-editor-sidebar__header[data-v-1c23039a] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px;
}
.downtime-editor-sidebar__toggle--minimized[data-v-1c23039a] {
  transform: rotate(180deg);
}
.downtime-editor-sidebar__content[data-v-1c23039a] {
  flex: 1;
  overflow-y: auto;
}
.downtime-editor-sidebar__options[data-v-1c23039a] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.downtime-editor-sidebar__option[data-v-1c23039a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px;
  padding: 4px;
  padding-left: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}
.downtime-editor-sidebar__option[data-v-1c23039a]:hover {
  background-color: var(--color-highlight-turquise);
}
.downtime-editor-sidebar__option[data-v-1c23039a]:focus-visible {
  outline: 2px solid var(--app-focus-color);
  outline-offset: -2px;
}
.downtime-editor-sidebar__option--active[data-v-1c23039a] {
  background-color: var(--color-highlight-turquise);
}
.downtime-editor-sidebar__option-texts[data-v-1c23039a] {
  display: flex;
  flex-direction: column;
}
.downtime-editor-sidebar__option-text[data-v-1c23039a] {
  font-weight: 700;
  white-space: nowrap;
}
.downtime-editor-sidebar__option-description[data-v-1c23039a] {
  font-size: 14px;
  color: var(--color-content-secondary);
  white-space: nowrap;
}
.downtime-editor-sidebar__option-icons[data-v-1c23039a] {
  display: flex;
  align-items: center;
  gap: 4px;
}.downtime-editor[data-v-26f4b7e7] {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
  border-top: 1px solid var(--color-outline-low);
}
.downtime-editor__body[data-v-26f4b7e7] {
  display: flex;
  height: 100%;
}
.downtime-editor__content[data-v-26f4b7e7] {
  flex: 1;
  height: 100%;
  overflow: auto;
  background-color: var(--color-base-high);
  will-change: scroll-position;
}
.downtime-editor__content[data-v-26f4b7e7]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.downtime-editor__content[data-v-26f4b7e7]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.downtime-editor__content[data-v-26f4b7e7]::-webkit-scrollbar-corner {
  background: transparent;
}
.downtime-editor__content[data-v-26f4b7e7]::-webkit-scrollbar-thumb {
  background: var(--black-10);
  border-radius: var(--app-radius-small);
  border: 1px solid var(--black-28);
  transition: background var(--app-transition);
}
.downtime-editor__content[data-v-26f4b7e7]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}.well-section[data-v-823c1cf6] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
}
.well-section__title[data-v-823c1cf6] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.well-section__header[data-v-823c1cf6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.well-section__actions[data-v-823c1cf6] {
  display: flex;
  gap: 4px;
}
.well-section__content[data-v-823c1cf6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}
.well-section__downtime-toggle[data-v-823c1cf6] {
  display: flex;
  align-items: center;
  gap: 4px;
}.well-data[data-v-3eda0de0] {
  display: flex;
  flex-direction: column;
}
.well-data__header[data-v-3eda0de0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 500;
  font-size: 18px;
}
.well-data__header-actions[data-v-3eda0de0] {
  display: flex;
  gap: 8px;
}
.well-data__empty[data-v-3eda0de0] {
  margin-top: 8px;
  padding: 24px;
}
.well-data__forms[data-v-3eda0de0] > :not(:first-child) {
  border-top: 1px solid var(--color-outline-low);
}.report-configuration-archive[data-v-01a8146d] {
  display: flex;
  height: 100%;
}
.report-configuration-archive__content[data-v-01a8146d] {
  display: flex;
  width: 100%;
  height: 100%;
}
.report-configuration-archive__empty[data-v-01a8146d] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}.app-header-rig[data-v-a8cdeaa6] {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}.daily-report-overview-header[data-v-3d5dfd05] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.daily-report-overview-header__title[data-v-3d5dfd05] {
  display: flex;
  align-items: center;
  gap: 8px;
}.downtime-editor-header[data-v-70bf06b5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.downtime-editor-header__breadcrumbs[data-v-70bf06b5] {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}
.downtime-editor-header__title[data-v-70bf06b5] {
  margin-left: 8px;
}.report-configuration-archive-header[data-v-881ecc6b] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.report-configuration-archive-header__title[data-v-881ecc6b] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}
.report-configuration-archive-header__actions[data-v-881ecc6b] {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding-right: 8px;
}.report-configuration-header[data-v-f5c29daa] {
  display: flex;
  align-items: center;
  gap: 4px;
  width: 100%;
}
.report-configuration-header__title[data-v-f5c29daa] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
}
.report-configuration-header__actions[data-v-f5c29daa] {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  padding-right: 8px;
}.report-editor-header[data-v-19dcad46] {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
}
.report-editor-header__breadcrumbs[data-v-19dcad46] {
  display: flex;
  align-items: center;
  gap: 4px;
  height: 100%;
}
.report-editor-header__title[data-v-19dcad46] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 8px;
}.report-overview-header[data-v-e2a0dbac] {
  display: flex;
  align-items: center;
  margin-left: auto;
}.rig-overview-header[data-v-eaa7d4a2] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.rig-overview-header__breadcrumbs[data-v-eaa7d4a2] {
  display: flex;
  gap: 4px;
  height: 100%;
}
.rig-overview-header__actions[data-v-eaa7d4a2] {
  display: flex;
  gap: 4px;
}
.rig-overview-header__date-banner[data-v-eaa7d4a2] {
  display: flex;
  align-items: center;
  margin-left: 8px;
}.app-header[data-v-c7aff6e3] {
  display: flex;
  flex: 1;
  margin-left: 8px;
}.operations-cards__tooltip-container[data-v-16b4d78e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.operations-cards__tooltip-text[data-v-16b4d78e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.operations-cards__date-input[data-v-16b4d78e] {
  width: 100%;
  margin-bottom: 16px;
}
.operations-cards__date-input-description[data-v-16b4d78e] {
  font-size: var(--app-font-size-title-small);
  line-height: 16px;
  opacity: 0.6;
  margin-bottom: 16px;
}
.operations-cards__available-operations[data-v-16b4d78e] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.operations-cards__divider[data-v-16b4d78e] {
  color: var(--color-content-static-white-primary);
  opacity: 0.2;
  margin: 26px 0px;
}.import-from-operation-modal__tooltip-container[data-v-cf8ff76d] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}
.import-from-operation-modal__date-input[data-v-cf8ff76d] {
  width: 100%;
  margin-bottom: 16px;
}
.import-from-operation-modal__date-input--no-margin[data-v-cf8ff76d] {
  margin-bottom: 0;
}
.import-from-operation-modal__date-input-description[data-v-cf8ff76d] {
  font-size: var(--app-font-size-title-small);
  line-height: 16px;
  opacity: 0.6;
  margin-bottom: 16px;
  margin-top: 8px;
}
.import-from-operation-modal__actions[data-v-cf8ff76d] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}.add-split-modal[data-v-f051db99] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-split-modal__inputs[data-v-f051db99] {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.add-split-modal__date-input[data-v-f051db99] {
  flex: 1;
}
.add-split-modal__crew-input[data-v-f051db99] {
  flex: 2;
}
.add-split-modal__buttons[data-v-f051db99] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.rounding-modal[data-v-40f2e1f2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rounding-modal__description[data-v-40f2e1f2] {
  line-height: 1.28;
}
.rounding-modal__buttons[data-v-40f2e1f2] {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}.edit-comments-modal__comments-container[data-v-87253d04] {
  display: flex;
  flex-direction: column;
  gap: var(--app-spacing-size-medium);
}
.edit-comments-modal__comments-inputs[data-v-87253d04] {
  display: flex;
  flex-direction: row;
  gap: var(--app-spacing-size-xsmall);
}
.edit-comments-modal__comment-date-input[data-v-87253d04] {
  min-width: 140px;
}
.edit-comments-modal__comment-input[data-v-87253d04] {
  width: 100%;
}
.edit-comments-modal__submit-button[data-v-87253d04] {
  margin-left: var(--app-spacing-size-xsmall);
  width: 50px !important;
  height: 50px !important;
}
.edit-comments-modal__action-buttons[data-v-87253d04] {
  display: flex;
  justify-content: flex-end;
}
.edit-comments-modal__action-button[data-v-87253d04] {
  margin-top: var(--app-spacing-size-medium);
  min-height: 40px;
}.edit-report-backs-modal .selection-panel[data-v-ee3b181e] {
  margin-bottom: var(--app-spacing-size-medium);
  min-height: auto;
}
.edit-report-backs-modal .selection-panel__content[data-v-ee3b181e] {
  border-radius: var(--app-radius-medium);
}
.edit-report-backs-modal__action-buttons[data-v-ee3b181e] {
  display: flex;
  justify-content: flex-end;
}
.edit-report-backs-modal__action-button[data-v-ee3b181e] {
  margin-top: var(--app-spacing-size-medium);
  min-height: 40px;
}.edit-time-code-modal__code-boxes-container[data-v-2931e6ae] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}
.edit-time-code-modal__search-actions[data-v-2931e6ae] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}
.edit-time-code-modal__search-input[data-v-2931e6ae] {
  width: 100%;
}
.edit-time-code-modal__code-box[data-v-2931e6ae] {
  min-height: 400px;
  max-height: 400px;
}
.edit-time-code-modal__actions[data-v-2931e6ae] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  gap: 8px;
}.add-daily-report-modal[data-v-db9f8344] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-daily-report-modal__inputs[data-v-db9f8344] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-daily-report-modal__date-input[data-v-db9f8344] {
  width: 100%;
}
.add-daily-report-modal__non-well-related[data-v-db9f8344] {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.add-daily-report-modal__non-well-related-contract[data-v-db9f8344], .add-daily-report-modal__non-well-related-move[data-v-db9f8344] {
  flex: 1;
}
.add-daily-report-modal__buttons[data-v-db9f8344] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.delete-daily-report-modal[data-v-dd8598d8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.delete-daily-report-modal__buttons[data-v-dd8598d8] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.multiple-reports-modal[data-v-505a2e7f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.multiple-reports-modal__reports[data-v-505a2e7f] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.multiple-reports-modal__buttons[data-v-505a2e7f] {
  display: flex;
  justify-content: flex-end;
}.send-for-approval-modal[data-v-028503e2] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.send-for-approval-modal__title[data-v-028503e2] {
  font-size: 14px;
  color: var(--color-content-secondary);
}
.send-for-approval-modal__approvers-wrapper[data-v-028503e2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
}
.send-for-approval-modal__approvers[data-v-028503e2] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.send-for-approval-modal__description[data-v-028503e2] {
  color: var(--color-content-secondary);
  font-size: 14px;
}
.send-for-approval-modal__buttons[data-v-028503e2] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}.sign-report-modal[data-v-cef2043a] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.sign-report-modal__buttons[data-v-cef2043a] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}.unlock-for-editing-modal[data-v-51067f55] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.unlock-for-editing-modal__buttons[data-v-51067f55] {
  display: flex;
  justify-content: flex-end;
  gap: 16px;
}.unarchive-well-modal[data-v-f588bba1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.unarchive-well-modal__buttons[data-v-f588bba1] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.archive-well-modal[data-v-b563bba2] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.archive-well-modal__buttons[data-v-b563bba2] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.add-well-modal[data-v-e403f76c] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-well-modal__content[data-v-e403f76c] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}
.add-well-modal__buttons[data-v-e403f76c] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.delete-well-modal[data-v-28447518] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.delete-well-modal__buttons[data-v-28447518] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.edit-well-modal[data-v-e9d9dbb1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-well-modal__buttons[data-v-e9d9dbb1] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}