/* 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: "...";
  }
}
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(15, 202, 243, 1);
  --color-primary-turquise-old-dark: rgba(15, 202, 243, 1);
  --color-primary-turquise-old-light: rgba(15, 202, 243, 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.12);
  --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-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-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%;
}
@media (prefers-color-scheme: light) {
  body {
    --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.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: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);
  }
}
@media (prefers-color-scheme: dark) {
  body {
    --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.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: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);
  }
}
@media (prefers-color-scheme: normal) {
  body {
    --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.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: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) {
  --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;
  --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--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--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;
  --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: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 {
  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-31ecad29] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.no-content__illustration[data-v-31ecad29] {
  padding: 16px;
}
.no-content__button[data-v-31ecad29] {
  padding: 16px;
}.add-manual-entry[data-v-175b98f5] {
  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-175b98f5] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.add-manual-entry__description[data-v-175b98f5] {
  opacity: 0.6;
  font-size: 14px;
  max-width: 170px;
}.report-actions[data-v-3d54919a] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.report-actions__buttons[data-v-3d54919a] {
  display: flex;
  flex-direction: row;
  gap: var(--app-spacing-size-small);
  flex-wrap: wrap;
}
.report-actions__all-included[data-v-3d54919a] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--app-spacing-size-small);
}.report-table-additional-data[data-v-72382ec8] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.report-table-additional-data--reportHasExportedRows[data-v-72382ec8] {
  margin-left: var(--app-icon-size-large);
}
.report-table-additional-data__group-title[data-v-72382ec8] {
  color: var(--color-content-secondary);
}
.report-table-additional-data__group[data-v-72382ec8] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  cursor: pointer;
  padding: 8px;
}
.report-table-additional-data__group[data-v-72382ec8]:hover {
  background: var(--color-transparent-low-dark);
}
.report-table-additional-data__group--add-content[data-v-72382ec8] {
  cursor: default;
}
.report-table-additional-data__group--add-content[data-v-72382ec8]:hover {
  background: none;
}
.report-table-additional-data__group-list[data-v-72382ec8] {
  display: block;
  list-style-type: disc;
  padding-left: 24px;
}
.report-table-additional-data__group-list-item[data-v-72382ec8] {
  display: list-item;
}
.report-table-additional-data__content-dropdown[data-v-72382ec8] {
  width: fit-content;
}
.report-table-additional-data__group--disabled[data-v-72382ec8] {
  pointer-events: none;
  opacity: 0.5;
}.report-subheader[data-v-1f2ecf2c] {
  display: flex;
  align-items: center;
  gap: 8px;
}.class-code-cell[data-v-bb32c698] {
  width: 100%;
}.crew-cell[data-v-bd1593e2] {
  width: 100%;
}.duration-cell[data-v-bca87289] {
  padding: 0 8px;
}
.duration-cell--readonly[data-v-bca87289] {
  opacity: 0.6;
}.operation-cell[data-v-9a59c1a7] {
  display: flex;
  align-items: center;
  width: 100%;
}
.operation-cell__input[data-v-9a59c1a7] {
  width: 100%;
}.rate-cell[data-v-9f1b7981] {
  width: 100%;
}.report-table-time-code-cell[data-v-126b52e4] {
  padding: 8px 8px 8px 0;
}.report-table[data-v-3170f45f] {
  overflow: auto;
}
.report-table__cell[data-v-3170f45f] {
  padding: 0 var(--app-spacing-size-small);
}
.report-table__cell--empty[data-v-3170f45f] {
  opacity: 0.6;
}
.report-table__total-depth-cell[data-v-3170f45f] {
  padding-right: 8px;
}
.report-table__extra-line-cell-container[data-v-3170f45f] {
  display: grid;
  grid-template-columns: calc(var(--column-width-1)) var(--column-width-2) var(--column-width-3);
  grid-template-rows: auto;
  padding: 0;
  align-items: start;
}
.report-table__extra-line-cell-container .report-table__extra-line-cell[data-v-3170f45f]:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
}
.report-table__extra-line-cell-container .report-table__extra-line-cell[data-v-3170f45f]:nth-child(2) {
  grid-column-start: 2;
  grid-column-end: 2;
}
.report-table__extra-line-cell-container--hasSelect .report-table__extra-line-cell[data-v-3170f45f]:first-child {
  grid-column-start: 2;
  grid-column-end: 3;
}
.report-table__extra-line-cell-container--hasSelect .report-table__extra-line-cell[data-v-3170f45f]:nth-child(2) {
  grid-column-start: 3;
  grid-column-end: 3;
}.app-dashboard[data-v-0acdc3e4] {
  height: 100%;
}
.app-dashboard__content[data-v-0acdc3e4] {
  display: flex;
  flex-direction: column;
  gap: var(--app-spacing-size-xlarge);
  height: 100%;
}.selection-panel__options {
  align-items: center;
}.app[data-v-7ad4b03e] {
  padding: 24px 40px;
  height: 100%;
}.app-header[data-v-dfa86c14] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 8px;
}.app-dashboard-item[data-v-e0543a8f] {
  width: 100%;
  height: 156px;
  background: var(--color-container-low);
  padding: 16px;
  border-radius: 4px;
  gap: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app-dashboard-item__top[data-v-e0543a8f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}
.app-dashboard-item__title[data-v-e0543a8f] {
  font-size: 16px;
  font-weight: 700;
}
.app-dashboard-item__favorite[data-v-e0543a8f], .app-dashboard-item__subscribe[data-v-e0543a8f] {
  display: none;
}
.app-dashboard-item__favorite--favorited[data-v-e0543a8f], .app-dashboard-item__favorite--subscribed[data-v-e0543a8f], .app-dashboard-item__subscribe--favorited[data-v-e0543a8f], .app-dashboard-item__subscribe--subscribed[data-v-e0543a8f] {
  display: flex;
}
.app-dashboard-item:hover .app-dashboard-item__favorite[data-v-e0543a8f] {
  display: flex;
}
.app-dashboard-item:hover .app-dashboard-item__subscribe[data-v-e0543a8f] {
  display: flex;
}
.app-dashboard-item__button-wrapper[data-v-e0543a8f] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.app-dashboard-item__divider[data-v-e0543a8f] {
  border-bottom: 1px solid var(--color-outline-low);
  width: 100%;
}
.app-dashboard-item__bottom[data-v-e0543a8f] {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 8px;
}
.app-dashboard-item__divider-vertical[data-v-e0543a8f] {
  border-right: 1px solid var(--color-outline-low);
  height: 100%;
  margin-right: 8px;
}
.app-dashboard-item__status-title[data-v-e0543a8f] {
  max-width: 110px;
}
.app-dashboard-item__status[data-v-e0543a8f] {
  display: flex;
  gap: 8px;
  align-items: flex-end;
}
.app-dashboard-item__status-wrapper[data-v-e0543a8f] {
  flex: 2;
  display: flex;
  flex-direction: column;
  gap: 8px;
}.app-dashboard[data-v-0f39d5a5] {
  display: flex;
  height: 100%;
}
.app-dashboard__content[data-v-0f39d5a5] {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 8px;
  grid-template-rows: repeat(auto-fill, 156px);
}
@media (max-width: 1350px) {
.app-dashboard__content[data-v-0f39d5a5] {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 1000px) {
.app-dashboard__content[data-v-0f39d5a5] {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 630px) {
.app-dashboard__content[data-v-0f39d5a5] {
    grid-template-columns: repeat(1, 1fr);
}
}
.app-dashboard__content__item[data-v-0f39d5a5] {
  background: var(--color-container-low);
  width: 100%;
  height: 156px;
}
.app-dashboard__no-content[data-v-0f39d5a5] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.app-dashboard__no-content__illustration[data-v-0f39d5a5] {
  padding: 16px;
}.app[data-v-8898d7cb] {
  padding: 24px;
  height: 100%;
}.daily-report[data-v-35633675] {
  height: 100%;
  max-width: 800px;
  display: flex;
  flex-direction: column;
  padding: 16px;
}
.daily-report__header[data-v-35633675] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 8px;
}
.daily-report__content[data-v-35633675] {
  border: 1px solid var(--color-outline-low);
  border-radius: 4px;
  background: var(--color-base-high);
  will-change: scroll-position;
  overflow: auto;
  flex: 1;
}
.daily-report__content[data-v-35633675]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.daily-report__content[data-v-35633675]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.daily-report__content[data-v-35633675]::-webkit-scrollbar-corner {
  background: transparent;
}
.daily-report__content[data-v-35633675]::-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-35633675]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}
.daily-report__group[data-v-35633675] {
  border-bottom: 1px solid var(--color-outline-low);
}
.daily-report__group[data-v-35633675]:last-of-type {
  border-bottom: none;
}
.daily-report__item[data-v-35633675] {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.daily-report__item[data-v-35633675]:hover {
  background: var(--color-container-low);
}
.daily-report__wellbore[data-v-35633675] {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  padding: 8px;
  border-bottom: 1px solid var(--color-outline-low);
  position: sticky;
  top: 0;
  background: var(--color-base-high);
  z-index: 1;
}
.daily-report__item-report[data-v-35633675] {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  gap: 8px;
  padding: 4px 8px;
  cursor: pointer;
}
.daily-report__item-report[data-v-35633675]:focus-visible {
  outline: 2px solid var(--app-focus-color);
  outline-offset: -2px;
}
.daily-report__item-description[data-v-35633675] {
  display: flex;
  flex-direction: column;
}
.daily-report__item-title[data-v-35633675] {
  font-size: 16px;
  color: var(--color-content-primary);
}
.daily-report__last-updated[data-v-35633675] {
  color: var(--color-content-secondary);
  font-size: 14px;
}
.daily-report__item-actions[data-v-35633675] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 4px;
}.report-sections[data-v-e6309be8] {
  flex: 1;
  overflow: auto;
  background-color: var(--color-container-low);
  will-change: scroll-position;
}
.report-sections[data-v-e6309be8]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.report-sections[data-v-e6309be8]::-webkit-scrollbar-track {
  background: transparent;
  border-radius: var(--app-radius-small);
}
.report-sections[data-v-e6309be8]::-webkit-scrollbar-corner {
  background: transparent;
}
.report-sections[data-v-e6309be8]::-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-e6309be8]::-webkit-scrollbar-thumb:hover {
  background: var(--black-20);
  border: 1px solid var(--black-50);
}
.report-section[data-v-e6309be8] {
  margin-bottom: 16px;
  border-radius: 4px;
  background-color: var(--color-base-low);
  scroll-margin-top: 16px;
  background-color: var(--color-base-low);
}
.report-section__title[data-v-e6309be8] {
  padding: 20px 24px;
  font-weight: 500;
  font-size: 18px;
}
.report-section__content[data-v-e6309be8] {
  background-color: var(--color-base-low);
  border-radius: 4px;
  padding: 0 24px 24px 24px;
}.report-sidebar[data-v-5dc16ff1] {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 250px;
  background-color: var(--color-base-low);
  border-right: 1px solid var(--color-outline-low);
  transition: width 0.3s ease;
}
.report-sidebar--minimized[data-v-5dc16ff1] {
  width: 48px;
}
.report-sidebar__header[data-v-5dc16ff1] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 4px;
}
.report-sidebar__toggle--minimized[data-v-5dc16ff1] {
  transform: rotate(180deg);
}
.report-sidebar__content[data-v-5dc16ff1] {
  flex: 1;
  overflow-y: auto;
}
.report-sidebar__options[data-v-5dc16ff1] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.report-sidebar__option[data-v-5dc16ff1] {
  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-5dc16ff1]:hover {
  background-color: var(--color-highlight-turquise);
}
.report-sidebar__option--active[data-v-5dc16ff1] {
  background-color: var(--color-highlight-turquise);
}
.report-sidebar__option--disabled[data-v-5dc16ff1] {
  cursor: default;
  pointer-events: none;
  opacity: 0.7;
  background-color: var(--color-base-low);
}
.report-sidebar__option-text[data-v-5dc16ff1] {
  font-weight: 700;
  white-space: nowrap;
}.field[data-v-32482a06] {
  width: 100%;
  display: flex;
  align-items: center;
}
.input[data-v-32482a06] {
  width: 100%;
}.bit-record-row[data-v-a2d3b255] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bit-record-row span[data-v-a2d3b255] {
  font-weight: 500;
  padding: 8px;
}.cutting-structure-row[data-v-ff02421c] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.cutting-structure-row span[data-v-ff02421c] {
  font-weight: 500;
  padding: 8px;
}.drilling-assembly-row[data-v-fd441172] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drilling-assembly-row span[data-v-fd441172] {
  font-weight: 500;
  padding: 8px;
}.remarks-row[data-v-215d04e7] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.remarks-row span[data-v-215d04e7] {
  font-weight: 500;
  padding: 8px;
}.bit-and-cutting-tour[data-v-42304d39] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.bit-and-cutting-tour__header[data-v-42304d39] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 4px 8px;
}
.bit-and-cutting-tour__title-container[data-v-42304d39] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.bit-and-cutting-tour__title[data-v-42304d39] {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.bit-and-cutting-tour__time[data-v-42304d39], .bit-and-cutting-tour__time-icon[data-v-42304d39] {
  color: var(--color-content-secondary);
}
.bit-and-cutting-tour__tables[data-v-42304d39] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bit-and-cutting-tour__separator[data-v-42304d39] {
  height: 1px;
  background-color: var(--color-outline-low);
  margin: 16px 0;
}.bit-and-cutting[data-v-ac57d55f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bit-and-cutting__content[data-v-ac57d55f] {
  display: flex;
  flex-direction: column;
}
.bit-and-cutting__footer[data-v-ac57d55f] {
  display: flex;
  justify-content: flex-end;
}
.bit-and-cutting__footer-actions[data-v-ac57d55f] {
  display: flex;
  gap: 8px;
}.derrick-section[data-v-be5118f4] {
  display: flex;
  flex-direction: column;
}
.derrick-section__items[data-v-be5118f4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}
.derrick-section__footer[data-v-be5118f4] {
  display: flex;
  justify-content: flex-end;
}
.derrick-section__footer-actions[data-v-be5118f4] {
  display: flex;
  gap: 8px;
}.drill-line-grid[data-v-3c89a917] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.drill-line-grid__title[data-v-3c89a917] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.drill-line-section[data-v-6793a5ea] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.drill-line-section__footer[data-v-6793a5ea] {
  display: flex;
  justify-content: flex-end;
}
.drill-line-section__footer-actions[data-v-6793a5ea] {
  display: flex;
  gap: 8px;
}.equipment-downtime-form[data-v-e9dfed1b] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
}
.equipment-downtime-form__header[data-v-e9dfed1b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.equipment-downtime-form__actions[data-v-e9dfed1b] {
  display: flex;
  gap: 4px;
}
.equipment-downtime-form__content[data-v-e9dfed1b] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.equipment-down[data-v-49561f97] {
  display: flex;
  flex-direction: column;
}
.equipment-down__header[data-v-49561f97] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 500;
  font-size: 18px;
}
.equipment-down__header-actions[data-v-49561f97] {
  display: flex;
  gap: 8px;
}
.equipment-down__empty[data-v-49561f97] {
  margin-top: 8px;
  padding: 24px;
}
.equipment-down__forms[data-v-49561f97] > :not(:first-child) {
  border-top: 1px solid var(--color-outline-low);
}.float-information-row[data-v-2b845d42] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.float-information-row__title-container[data-v-2b845d42] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.float-information-row__title[data-v-2b845d42] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.float-information-row__items[data-v-2b845d42] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.riser-data-row[data-v-83a07f14] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.riser-data-row__title-container[data-v-83a07f14] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.riser-data-row__title[data-v-83a07f14] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.riser-data-row__items[data-v-83a07f14] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.float-information-section[data-v-92300ec7] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.float-information-section__content[data-v-92300ec7] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.float-information-section__footer[data-v-92300ec7] {
  display: flex;
  justify-content: flex-end;
}
.float-information-section__footer-actions[data-v-92300ec7] {
  display: flex;
  gap: 8px;
}.mud-and-chemical-grid[data-v-beea0dd1] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-and-chemical-grid__title[data-v-beea0dd1] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-pump-stroke-length-grid[data-v-3459f9c4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-pump-stroke-length-grid__title[data-v-3459f9c4] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-record-grid[data-v-11ad3a82] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mud-record-grid__title[data-v-11ad3a82] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.mud-section[data-v-b5f8a9b7] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.mud-section__footer[data-v-b5f8a9b7] {
  display: flex;
  justify-content: flex-end;
}
.mud-section__footer-actions[data-v-b5f8a9b7] {
  display: flex;
  gap: 8px;
}.description-grid__title[data-v-30e9e428] {
  font-weight: 600;
  margin-bottom: 4px;
}.remarks-grid__title[data-v-8cf7fc44] {
  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-3ef8956b] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.depth-interval-grid__title[data-v-3ef8956b] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.deviation-record-grid[data-v-c526fe93] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.deviation-record-grid__title[data-v-c526fe93] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.tour-row[data-v-80699d68] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.tour-row__header[data-v-80699d68] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 40px;
  padding: 4px 8px;
}
.tour-row__title-container[data-v-80699d68] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.tour-row__title[data-v-80699d68] {
  font-weight: 700;
  display: flex;
  align-items: center;
}
.tour-row__time[data-v-80699d68], .tour-row__time-icon[data-v-80699d68] {
  color: var(--color-content-secondary);
}
.tour-row__tables[data-v-80699d68] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.tour-row__separator[data-v-80699d68] {
  height: 1px;
  background-color: var(--color-outline-low);
  margin: 16px 0;
}.operations-section[data-v-f001b12f] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.operations-section__content[data-v-f001b12f] {
  display: flex;
  flex-direction: column;
}
.operations-section__footer[data-v-f001b12f] {
  display: flex;
  justify-content: flex-end;
}
.operations-section__footer-actions[data-v-f001b12f] {
  display: flex;
  gap: 8px;
}.contractor-row[data-v-1c4647ae] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.contractor-row__title[data-v-1c4647ae] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.downtime-row[data-v-6d71cd80] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.downtime-row__title[data-v-6d71cd80] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.downtime-row__items[data-v-6d71cd80] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.rig-row[data-v-ef694bf4] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rig-row__title[data-v-ef694bf4] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.rig-row__items[data-v-ef694bf4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.safety-information-row[data-v-aeddc3fd] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.safety-information-row__title-container[data-v-aeddc3fd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.safety-information-row__title[data-v-aeddc3fd] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.safety-information-row__items[data-v-aeddc3fd] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.safety-table-row[data-v-ff157f7e] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.safety-table-row__title[data-v-ff157f7e] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.summary-row[data-v-f636f96d] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.summary-row__title[data-v-f636f96d] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.summary-row__label[data-v-f636f96d] {
  color: var(--color-content-secondary);
}.well-row[data-v-81bcd031] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.well-row__title[data-v-81bcd031] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}
.well-row__items[data-v-81bcd031] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.rig-section[data-v-221bbee1] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.rig-section__content[data-v-221bbee1] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rig-section__footer[data-v-221bbee1] {
  display: flex;
  justify-content: flex-end;
}
.rig-section__footer-actions[data-v-221bbee1] {
  display: flex;
  gap: 8px;
}.riser-tension-grid[data-v-f4d37c7f] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.riser-tension-grid__title[data-v-f4d37c7f] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.riser-tension-section[data-v-12ce1694] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.riser-tension-section__footer[data-v-12ce1694] {
  display: flex;
  justify-content: flex-end;
}
.riser-tension-section__footer-actions[data-v-12ce1694] {
  display: flex;
  gap: 8px;
}.daywork-time-summary-grid[data-v-b2029b31] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.daywork-time-summary-grid__title[data-v-b2029b31] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.time-distribution-grids[data-v-733068cb] {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap;
}
.time-distribution-grids__grid-wrapper[data-v-733068cb] {
  flex: 1;
}
.time-distribution-grids__title[data-v-733068cb] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.time-distribution-totals[data-v-6355d28c] {
  display: flex;
  flex-direction: column;
}
.time-distribution-totals__row[data-v-6355d28c] {
  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-6355d28c]:first-child {
  border-top-left-radius: var(--app-radius-medium);
  border-top-right-radius: var(--app-radius-medium);
}
.time-distribution-totals__row[data-v-6355d28c]: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-6355d28c] {
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px 1px 1px 40px;
  border: 1px solid transparent;
}
.time-distribution-totals__cell[data-v-6355d28c]:first-child {
  margin-right: auto;
}
.time-distribution-totals__cell[data-v-6355d28c]:last-child {
  padding-right: 40px;
}.time-distribution-section[data-v-6d426cb8] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.time-distribution-section__content[data-v-6d426cb8] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.time-distribution-section__footer[data-v-6d426cb8] {
  display: flex;
  justify-content: flex-end;
}
.time-distribution-section__footer-actions[data-v-6d426cb8] {
  display: flex;
  gap: 8px;
}.inventory-grid[data-v-aa0c5648] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.inventory-grid__title[data-v-aa0c5648] {
  font-weight: 700;
  min-height: 40px;
  padding: 4px 8px;
  display: flex;
  align-items: center;
}.tubular-inventory-section[data-v-d8e852ee] {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tubular-inventory-section__footer[data-v-d8e852ee] {
  display: flex;
  justify-content: flex-end;
}
.tubular-inventory-section__footer-actions[data-v-d8e852ee] {
  display: flex;
  gap: 8px;
}.report-editor[data-v-2027d093] {
  display: flex;
  height: 100%;
}
.report-editor__content[data-v-2027d093] {
  display: flex;
  height: 100%;
  width: 100%;
}
.report-editor__empty[data-v-2027d093] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}.rig-data[data-v-cd932a78] {
  display: flex;
  flex-direction: column;
}
.rig-data__items[data-v-cd932a78] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.well-section[data-v-62d367ca] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding: 8px;
}
.well-section__header[data-v-62d367ca] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
}
.well-section__actions[data-v-62d367ca] {
  display: flex;
  gap: 4px;
}
.well-section__content[data-v-62d367ca] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}.well-data[data-v-e2b8a754] {
  display: flex;
  flex-direction: column;
}
.well-data__header[data-v-e2b8a754] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  font-weight: 500;
  font-size: 18px;
}
.well-data__header-actions[data-v-e2b8a754] {
  display: flex;
  gap: 8px;
}
.well-data__empty[data-v-e2b8a754] {
  margin-top: 8px;
  padding: 24px;
}
.well-data__forms[data-v-e2b8a754] > :not(:first-child) {
  border-top: 1px solid var(--color-outline-low);
}.report-configuration[data-v-3a642df6] {
  display: flex;
  height: 100%;
}
.report-configuration__content[data-v-3a642df6] {
  display: flex;
  width: 100%;
  height: 100%;
}
.report-configuration__empty[data-v-3a642df6] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
}.app-header[data-v-8254c561] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  margin-left: 8px;
}
.app-header__breadcrumbs[data-v-8254c561] {
  display: flex;
  gap: 4px;
}
.app-header__breadcrumbs-item[data-v-8254c561] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.app-header__divider-vertical[data-v-8254c561] {
  border-right: 1px solid var(--color-outline-low);
  height: 40px;
}
.app-header__actions[data-v-8254c561] {
  display: flex;
  gap: 4px;
}
.app-header__actions-item[data-v-8254c561] {
  display: flex;
  align-items: center;
  gap: 4px;
}
.app-header__report-builder-icon[data-v-8254c561] {
  margin: 0 8px;
}.operations-cards__tooltip-container[data-v-80feb0b9] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.operations-cards__tooltip-text[data-v-80feb0b9] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.operations-cards__date-input[data-v-80feb0b9] {
  width: 100%;
  margin-bottom: 16px;
}
.operations-cards__date-input-description[data-v-80feb0b9] {
  font-size: var(--app-font-size-title-small);
  line-height: 16px;
  opacity: 0.6;
  margin-bottom: 16px;
}
.operations-cards__available-operations[data-v-80feb0b9] {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 16px;
}
.operations-cards__divider[data-v-80feb0b9] {
  color: var(--color-content-static-white-primary);
  opacity: 0.2;
  margin: 26px 0px;
}.import-from-operation-modal__tooltip-container[data-v-4649a825] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
}
.import-from-operation-modal__date-input[data-v-4649a825] {
  width: 100%;
  margin-bottom: 16px;
}
.import-from-operation-modal__date-input--no-margin[data-v-4649a825] {
  margin-bottom: 0;
}
.import-from-operation-modal__date-input-description[data-v-4649a825] {
  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-4649a825] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}.add-split-modal[data-v-13ebefd6] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-split-modal__inputs[data-v-13ebefd6] {
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.add-split-modal__date-input[data-v-13ebefd6] {
  flex: 1;
}
.add-split-modal__crew-input[data-v-13ebefd6] {
  flex: 2;
}
.add-split-modal__buttons[data-v-13ebefd6] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.rounding-modal[data-v-2d7f66ca] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.rounding-modal__description[data-v-2d7f66ca] {
  line-height: 1.28;
}
.rounding-modal__buttons[data-v-2d7f66ca] {
  display: flex;
  gap: 16px;
  justify-content: flex-end;
}.edit-comments-modal__comments-container[data-v-4ccd2d03] {
  display: flex;
  flex-direction: column;
  gap: var(--app-spacing-size-medium);
}
.edit-comments-modal__comments-inputs[data-v-4ccd2d03] {
  display: flex;
  flex-direction: row;
  gap: var(--app-spacing-size-xsmall);
}
.edit-comments-modal__comment-date-input[data-v-4ccd2d03] {
  min-width: 140px;
}
.edit-comments-modal__comment-input[data-v-4ccd2d03] {
  width: 100%;
}
.edit-comments-modal__submit-button[data-v-4ccd2d03] {
  margin-left: var(--app-spacing-size-xsmall);
  width: 50px !important;
  height: 50px !important;
}
.edit-comments-modal__action-buttons[data-v-4ccd2d03] {
  display: flex;
  justify-content: flex-end;
}
.edit-comments-modal__action-button[data-v-4ccd2d03] {
  margin-top: var(--app-spacing-size-medium);
  min-height: 40px;
}.edit-report-backs-modal .selection-panel[data-v-86fd43fb] {
  margin-bottom: var(--app-spacing-size-medium);
  min-height: auto;
}
.edit-report-backs-modal .selection-panel__content[data-v-86fd43fb] {
  border-radius: var(--app-radius-medium);
}
.edit-report-backs-modal__action-buttons[data-v-86fd43fb] {
  display: flex;
  justify-content: flex-end;
}
.edit-report-backs-modal__action-button[data-v-86fd43fb] {
  margin-top: var(--app-spacing-size-medium);
  min-height: 40px;
}.edit-time-code-modal__code-boxes-container[data-v-607a3151] {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 16px;
}
.edit-time-code-modal__search-actions[data-v-607a3151] {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 8px;
}
.edit-time-code-modal__search-input[data-v-607a3151] {
  width: 100%;
}
.edit-time-code-modal__code-box[data-v-607a3151] {
  min-height: 400px;
  max-height: 400px;
}
.edit-time-code-modal__actions[data-v-607a3151] {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
  gap: 8px;
}.add-daily-report-modal[data-v-8cd6a4ed] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-daily-report-modal__inputs[data-v-8cd6a4ed] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-daily-report-modal__date-input[data-v-8cd6a4ed] {
  width: 100%;
}
.add-daily-report-modal__buttons[data-v-8cd6a4ed] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.add-well-modal[data-v-f96e0908] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-well-modal__content[data-v-f96e0908] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  grid-gap: 8px;
}
.add-well-modal__buttons[data-v-f96e0908] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.delete-well-modal[data-v-51fc66ce] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.delete-well-modal__buttons[data-v-51fc66ce] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}.edit-well-modal[data-v-b60df60f] {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.edit-well-modal__buttons[data-v-b60df60f] {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px;
}