@tekkare/romulus 0.1.250 → 0.1.252

package/layer/app/oip-science/science.css

@@ -0,0 +1,1182 @@
+/*
+  Les classes globales de France Augmented Science (main.css : oip_*, kk_*,
+  jetons --cool-grey...), portees par les fiches du layer (components/
+  oip-science) et limitees a leur conteneur `.oip-science` : une app qui les
+  monte (fr_drugs_app) garde ses propres styles. Specificite inchangee
+  (:where). Generee depuis main.css ; a reduire a mesure que les fiches passent
+  sur les composants Romulus.
+*/
+
+:where(.oip-science) {
+  --pure-white: #ffffff;
+
+  
+  --independence: #3e3f5e;
+  --cool-grey: #8f91ac;
+  --wild-blue-yonder: #afb0ca;
+  --lavendar-grey: #cdcede;
+  --more: #dedfe9;
+  --dividers: #eaeaf5;
+
+  --discovery: #07816f;
+  --discovery-hover: #056859;
+
+  
+  --primary: var(--color-primary);
+  --primary-hover: var(--color-primary-hover);
+  --primary-dark: #0056e0;
+  --primary-hover2: #0f44be;
+  --primary-light: #f4f8ff;
+
+  
+  --accent: #2176ff;
+  --accent-yellow: #ff981a;
+  --accent-hover: #0966fb;
+  --accent-hover-yellow: #e7860f;
+
+  
+  --alert: #fb4654;
+  --system-alert: #ef4444;
+  --alert-hover: #d21616;
+  --warning: #fd9147;
+  --system-warning: #f97316;
+  --system-warning-hover: #e86100;
+  --success: #32d175;
+  --system-success: #22c55e;
+
+  
+  --red: #fc4229;
+  --orange: #fda929;
+  --yellow: #fed33e;
+  --lime: #98d92d;
+  --green: #45ca47;
+  --cyan: #3ad9d8;
+  --blue: #1dacfc;
+  --navy: #4475fb;
+  --purple: #a17def;
+  --pink: #f55a8d;
+
+  
+  --background: #f5f5f9;
+  --demi-fond: #f9f9fa;
+  --nested-table-bg: #eaeaf5;
+  --table-hover: #dddded;
+  --base-dividers: #ececf2;
+
+  
+  --container-shadow: 0px 0px 40px rgba(94, 92, 154, 0.06);
+  --overlay-shadow: 0px 0px 40px rgba(94, 92, 154, 0.12);
+  --button-small-shadow: 3px 5px 20px rgba(94, 92, 154, 0.1);
+  --button-big-shadow: 3px 5px 10px rgba(62, 63, 94, 0.2);
+  --primary-button-shadow: 4px 7px 12px rgba(33, 118, 255, 0.2);
+  --accent-button-shadow: 4px 7px 12px rgba(255, 152, 26, 0.2);
+
+  
+  --rcd-purple: #6f35ef;
+}
+:where(.oip-science) {
+  
+  --white: var(--bg-surface);
+  --lightest: var(--bg-surface-3);
+
+  
+  --light: var(--border-default);
+
+  
+  --medium: var(--text-muted);
+  --dark: var(--text-secondary);
+  --darkest: var(--text-primary);
+
+  
+  --system-alert-hover: #d21616;
+  --system-success-hover: #138e40;
+
+  
+  --small-shadow: 0 1px 2px 0 rgba(30, 41, 59, 0.1);
+  --medium-shadow: 0 2px 4px 0 rgba(30, 41, 59, 0.1);
+}
+:where(.oip-science) h1, :where(.oip-science) h2, :where(.oip-science) h3, :where(.oip-science) h4, :where(.oip-science) h5, :where(.oip-science) h6, :where(.oip-science) p {
+  margin: 0;
+}
+:where(.oip-science) a {
+  color: unset;
+  text-decoration: none;
+}
+:where(.oip-science) input, :where(.oip-science) button {
+  font-family: inherit;
+}
+:where(.oip-science) .oip_row {
+  display: flex;
+  flex-direction: row;
+}
+:where(.oip-science) .oip_list {
+  display: flex;
+  flex-direction: column;
+}
+:where(.oip-science) .oip_row.wrap, :where(.oip-science) .oip_list.wrap {
+  flex-wrap: wrap;
+}
+:where(.oip-science) .oip_row.centered, :where(.oip-science) .oip_list.centered {
+  justify-content: center;
+}
+:where(.oip-science) .oip_row.end, :where(.oip-science) .oip_list.end {
+  justify-content: flex-end;
+}
+:where(.oip-science) .oip_row.space-between, :where(.oip-science) .oip_list.space-between {
+  justify-content: space-between;
+}
+:where(.oip-science) .oip_row.v-start {
+  align-items: flex-start;
+}
+:where(.oip-science) .oip_row.v-center, :where(.oip-science) .oip_list.v-center {
+  align-items: center;
+}
+:where(.oip-science) .oip_row.v-bottom, :where(.oip-science) .oip_list.v-bottom {
+  align-items: flex-end;
+}
+:where(.oip-science) .main_container {
+  display: flex;
+  justify-content: center;
+}
+:where(.oip-science) .oip_container {
+  margin: 0 auto;
+  padding-right: 58px;
+  max-width: 1080px;
+}
+:where(.oip-science) .arg_page_layout, :where(.oip-science) .arg_page_content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 32px;
+  align-self: stretch;
+}
+:where(.oip-science) .arg_page_content {
+  padding: 0 24px;
+}
+:where(.oip-science) .oip_section_title {
+  color: var(--text-primary);
+  font-size: 26px;
+  font-weight: 900;
+  line-height: 30px;
+}
+:where(.oip-science) .oip_heading {
+  color: var(--text-primary);
+  font-size: 20px;
+  font-weight: 900;
+  line-height: 23px;
+}
+:where(.oip-science) .oip_subtitle {
+  color: var(--text-primary);
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 19px;
+}
+:where(.oip-science) .oip_body {
+  color: var(--text-primary);
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 160%;
+}
+:where(.oip-science) .oip_label {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 700;
+  line-height: 14px;
+}
+:where(.oip-science) .oip_filter_label {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+}
+:where(.oip-science) .oip_caption {
+  color: var(--text-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 14px;
+}
+:where(.oip-science) .oip_underline {
+  color: var(--text-primary);
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 14px;
+}
+:where(.oip-science) .oip_card {
+  padding: 24px;
+  border: 1px solid var(--border-default);
+  border-radius: 12px;
+  background: var(--bg-surface);
+  box-shadow: var(--small-shadow);
+}
+:where(.oip-science) .oip_table_card {
+  padding: 24px 0 0 0;
+  border: 1px solid var(--border-default);
+  border-radius: 12px;
+  background: var(--bg-surface);
+  box-shadow: var(--small-shadow);
+}
+:where(.oip-science) .oip_select_complex_selection_loop.multiple, :where(.oip-science) .oip_select_complex_selection_loop {
+  align-items: center !important;
+}
+:where(.oip-science) .arg_page_content {
+  overflow: hidden !important;
+}
+:where(.oip-science) .oip_info_sidebar {
+  width: 200px !important ;
+}
+:where(.oip-science) .oip_info_section_open {
+  width: 709px !important;
+}
+:where(.oip-science) .circle-amount {
+  width: 20px;
+  min-width: 20px;
+  height: 20px;
+  background: var(--alert);
+  border-radius: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+:where(.oip-science) .color_primary {
+  color: var(--primary);
+}
+:where(.oip-science) .circle-amount p, :where(.oip-science) .right-menu.right-menu-open .circle-amount p, :where(.oip-science) .right-menu.right-menu-source .circle-amount p, :where(.oip-science) .right-menu.right-menu-source:hover .circle-amount p, :where(.oip-science) .right-menu.right-menu-open:hover .circle-amount p {
+  font-weight: 700 !important;
+  font-size: 12px !important;
+  line-height: 14px !important;
+  color: var(--pure-white) !important;
+}
+:where(.oip-science) .columns {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  margin-top: 0 !important;
+}
+:where(.oip-science) .columns:last-child, :where(.oip-science) .columns:not(:last-child) {
+  margin-bottom: 0 !important;
+}
+:where(.oip-science) .columns.is-multiline {
+  gap: 16px !important;
+}
+:where(.oip-science) .column {
+  padding: 0 !important;
+}
+:where(.oip-science) .rcd-datas {
+  gap: 0 !important;
+}
+:where(.oip-science) .flex-table {
+  overflow: hidden !important;
+}
+:where(.oip-science) .rcd_scrollTable {
+  align-items: flex-start !important;
+  padding-top: 0px !important;
+}
+:where(.oip-science) .oip_display_switch {
+  width: auto !important;
+}
+:where(.oip-science) .oip_underline {
+  color: var(--dark) !important;
+}
+:where(.oip-science) .oip_underline.medium {
+  font-size: 14px !important;
+}
+:where(.oip-science) .oip_card {
+  padding: 24px !important;
+
+  margin: 0 !important;
+}
+:where(.oip-science) .oip_divider {
+  background: var(--dividers);
+  width: 2px;
+  margin: 0 32px;
+}
+:where(.oip-science) .filters_input_search {
+  margin: 0 !important;
+  min-height: 38px !important;
+  width: inherit !important;
+  height: 43px !important;
+}
+:where(.oip-science) .el-radio__input.is-checked .el-radio__inner {
+  border-color: var(--primary) !important;
+  background-color: var(--primary) !important;
+}
+:where(.oip-science) .el-radio__input.is-checked + .el-radio__label {
+  color: var(--Main-Darkest, #1e293b) !important;
+}
+:where(.oip-science) .oip_grid, :where(.oip-science) .grid {
+  
+  display: grid !important;
+  width: -webkit-fill-available;
+}
+:where(.oip-science) .oip_column_grid {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  flex-wrap: unset !important;
+}
+:where(.oip-science) .oip_row.v-baseline {
+  align-items: baseline;
+}
+:where(.oip-science) .no-wrap {
+  white-space: nowrap;
+}
+:where(.oip-science) .gap-2 {
+  gap: 2px;
+}
+:where(.oip-science) .gap-4 {
+  gap: 4px;
+}
+:where(.oip-science) .gap-6 {
+  gap: 6px;
+}
+:where(.oip-science) .gap-8 {
+  gap: 8px;
+}
+:where(.oip-science) .gap-12 {
+  gap: 12px;
+}
+:where(.oip-science) .gap-16 {
+  gap: 16px;
+}
+:where(.oip-science) .gap-20 {
+  gap: 20px;
+}
+:where(.oip-science) .gap-24 {
+  gap: 24px;
+}
+:where(.oip-science) .gap-28 {
+  gap: 28px;
+}
+:where(.oip-science) .gap-32 {
+  gap: 32px;
+}
+:where(.oip-science) .gap-36 {
+  gap: 36px;
+}
+:where(.oip-science) .gap-40 {
+  gap: 40px;
+}
+:where(.oip-science) .gap-44 {
+  gap: 44px;
+}
+:where(.oip-science) .gap-48 {
+  gap: 48px;
+}
+:where(.oip-science) .oip_widthFill {
+  width: 100%;
+}
+:where(.oip-science) .common_pointer {
+  cursor: pointer;
+}
+:where(.oip-science) .oip_result_title {
+  color: #adafca !important;
+  font-size: 15px;
+  font-style: normal;
+  font-weight: 400;
+  white-space: nowrap;
+}
+:where(.oip-science) .oip_result_title.blue {
+  color: var(--primary) !important;
+}
+:where(.oip-science) .kk_block_limited_width {
+  width: 120px;
+  margin: 0 auto;
+  padding: 4px 0;
+}
+:where(.oip-science) .kk_block_limited_width_short {
+  width: 90px !important;
+  margin: 0 auto;
+  padding: 4px 0;
+}
+:where(.oip-science) .oip_button_align_center button {
+  width: 100% !important;
+  display: flex !important;
+  justify-content: center !important;
+}
+:where(.oip-science) .kk_rebuild_skeleton_btn_underline button {
+  border: none !important;
+  color: var(--primary) !important;
+  font-size: 14px;
+  font-family: Figtree;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+:where(.oip-science) .kk_rebuild_skeleton_btn_underline.orange button {
+  color: var(--system-warning) !important;
+}
+:where(.oip-science) .kk_rebuild_skeleton_btn_underline.dark button {
+  color: #21223d !important;
+}
+:where(.oip-science) .kk_rebuild_skeleton_btn_underline:hover button, :where(.oip-science) .kk_rebuild_skeleton_btn_underline:focus button, :where(.oip-science) .kk_rebuild_skeleton_btn_underline:focus-within button, :where(.oip-science) .kk_rebuild_skeleton_btn_underline:visited button {
+  border: none !important;
+  background: transparent !important;
+  color: var(--Main-Darkest, #1e293b) !important;
+  font-size: 14px;
+  font-family: Figtree;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+:where(.oip-science) .kk_icon_as_btn {
+  cursor: pointer;
+}
+:where(.oip-science) .kk_icon_as_btn:hover {
+  color: var(--primary) !important;
+}
+:where(.oip-science) .kk_two_grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 0px;
+}
+:where(.oip-science) .kk_three_grid {
+  display: grid;
+
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 0px;
+}
+@media screen and (max-width: 800px) {
+:where(.oip-science) .kk_two_grid {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+}
+:where(.oip-science) .kk_six_grid {
+  display: grid;
+
+  grid-template-columns: repeat(6, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 0px;
+}
+:where(.oip-science) .kk_four_grid {
+  display: grid;
+
+  grid-template-columns: repeat(4, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 0px;
+}
+:where(.oip-science) .oip_divider {
+  width: 2px;
+  background: var(--dividers);
+}
+:where(.oip-science) .oip_divider_h {
+  height: 2px;
+  background: var(--dividers);
+}
+:where(.oip-science) .oip_block_divider {
+  border-right: 2px solid var(--dividers);
+  margin-right: 32px;
+}
+:where(.oip-science) .kk_big_title {
+  color: var(--Main-Darkest, #1e293b);
+  
+  font-family: Figtree;
+  font-size: 36px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:where(.oip-science) .kk_title_page {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  overflow: hidden;
+}
+:where(.oip-science) .kk_title_medium {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 20px;
+  line-height: normal;
+  font-weight: 900;
+}
+:where(.oip-science) .kk_title_medium_2 {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 18px;
+  line-height: normal;
+  font-weight: 800;
+}
+:where(.oip-science) .kk_title_medium_3 {
+  color: var(--Main-Darkest, #1e293b);
+
+  font-family: Figtree;
+  font-size: 22px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:where(.oip-science) .kk_title_small {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 14px;
+  line-height: normal;
+  font-weight: 700;
+}
+:where(.oip-science) .kk_subtitle {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+:where(.oip-science) .kk_text {
+  color: var(--Main-Darkest, #1e293b);
+  font-size: 12px;
+  font-weight: 500;
+}
+:where(.oip-science) .kk_text.larger {
+  font-size: 14px;
+}
+:where(.oip-science) .kk_text.lime {
+  color: #3f6212 !important;
+}
+:where(.oip-science) .kk_text.teal {
+  color: #065f46 !important;
+}
+:where(.oip-science) .kk_text.rose {
+  color: #9f1239 !important;
+}
+:where(.oip-science) .kk_text.purple {
+  color: #6b21a8 !important;
+}
+:where(.oip-science) .kk_text.yellow {
+  color: #854d0e !important;
+}
+:where(.oip-science) .kk_text.blue {
+  color: #1e40af !important;
+}
+:where(.oip-science) .kk_text.cool_grey {
+  color: var(--dark);
+}
+:where(.oip-science) .kk_text.cool_grey_light {
+  color: var(--dark);
+  font-weight: 400;
+}
+:where(.oip-science) .kk_text.link:hover {
+  color: var(--primary) !important;
+  cursor: pointer;
+}
+:where(.oip-science) .kk_text.light {
+  font-weight: 300;
+}
+:where(.oip-science) .kk_text.bold {
+  font-weight: 500;
+}
+:where(.oip-science) .kk_text.bold_600 {
+  font-weight: 600;
+}
+:where(.oip-science) .kk_one_line_clamp {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+}
+:where(.oip-science) .kk_two_line_clamp {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+:where(.oip-science) .kk_three_line_clamp {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+}
+:where(.oip-science) .kk_link_btn {
+  font-size: 14px;
+  color: var(--primary);
+  font-weight: 500;
+
+  cursor: pointer;
+  white-space: nowrap !important;
+}
+:where(.oip-science) .kk_link_btn_underline {
+  font-size: 14px;
+  color: var(--primary);
+  font-weight: 500;
+  text-decoration-line: underline;
+  cursor: pointer;
+  white-space: nowrap !important;
+}
+:where(.oip-science) .kk_link_btn:hover, :where(.oip-science) .kk_card_text_hypertext:hover, :where(.oip-science) .kk_link_btn_underline:hover, :where(.oip-science) .prmt_file_link:hover {
+  color: var(--Main-Darkest, #1e293b) !important;
+}
+:where(.oip-science) .source_link {
+  color: var(--primary);
+  font-weight: 500;
+  text-decoration-line: underline;
+  cursor: pointer;
+}
+:where(.oip-science) .source_link:hover {
+  color: var(--Main-Darkest, #1e293b) !important;
+}
+:where(.oip-science) .kk_text.primary {
+  color: var(--primary) !important;
+}
+:where(.oip-science) .oip_kpi_small.strong {
+  font-weight: 900;
+}
+:where(.oip-science) .oip_subtitle_table_color {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 14px;
+  color: var(--primary);
+}
+:where(.oip-science) .rcd_scrollTable {
+  max-height: 500px !important;
+}
+:where(.oip-science) .oip_table_overflow {
+  overflow: auto !important;
+}
+:where(.oip-science) .table_input {
+  margin: 0 !important;
+}
+:where(.oip-science) .oip_table_card {
+  margin: 0 !important;
+}
+:where(.oip-science) .oip_button_align_center button {
+  width: 100% !important;
+  display: flex !important;
+  justify-content: center !important;
+}
+:where(.oip-science) .oip_container_gray {
+  padding: 16px;
+  text-align: left;
+  gap: 16px;
+
+  border-radius: var(--rounded-lg, 8px);
+
+  border: 1px solid var(--Base-Light, #dbdef0);
+  background: var(--Base-Demi-Fond, #f9f9fa);
+}
+:where(.oip-science) ul {
+  list-style: circle !important;
+  margin: 10px !important;
+}
+:where(.oip-science) .topics_list, :where(.oip-science) .documents_list {
+  margin: 0 !important;
+  list-style: none !important;
+}
+:where(.oip-science) .content h1:not(:first-child) {
+  margin-top: 0 !important;
+}
+:where(.oip-science) .content h1 {
+  font-size: 20px !important;
+  margin-bottom: 0 !important;
+  line-height: normal !important;
+  font-weight: 900 !important;
+}
+:where(.oip-science) .content p:not(:last-child) {
+  margin-bottom: 0 !important;
+}
+:where(.oip-science) .oip_column {
+  display: block;
+  flex-basis: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+}
+:where(.oip-science) .oip_vertical_line {
+  border-left: 2px solid var(--dividers);
+}
+:where(.oip-science) .main_container {
+  justify-content: normal !important;
+}
+:where(.oip-science) #rcd_table > tbody > tr > td > p, :where(.oip-science) #rcd_table > tbody > tr > td > div > p {
+  white-space: pre-line !important;
+}
+:where(.oip-science) .omics_grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 24px;
+
+  .omics_grid_section {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+}
+@media screen and (max-width: 800px) {
+:where(.oip-science) .omics_grid {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+}
+:where(.oip-science) .gene_overview_tag {
+  display: flex;
+  padding: 8px;
+
+  align-items: center;
+  gap: 8px;
+
+  align-self: stretch;
+  background: var(--Main-Demi-fond, #f9f9fa);
+}
+:where(.oip-science) .omics_grid {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-template-rows: 1fr;
+  grid-column-gap: 24px;
+  grid-row-gap: 24px;
+}
+:where(.oip-science) .omics_grid_section {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+}
+@media screen and (max-width: 800px) {
+:where(.oip-science) .omics_grid {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+}
+:where(.oip-science) .gene_card_title {
+  font-size: 24px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+:where(.oip-science) .gene_card_subtitle {
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: normal;
+  color: #525670;
+}
+:where(.oip-science) .gene_card_group {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+:where(.oip-science) .gene_card_tag_group {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  flex-wrap: wrap;
+}
+:where(.oip-science) .gene_card_tag {
+  border-radius: 7px;
+  border: 1px solid #dbdef0;
+  padding: 2px 8px;
+  font-size: 14px;
+  
+}
+:where(.oip-science) .gene_card_statistic {
+  font-size: 22px;
+  font-style: normal;
+  font-weight: 900;
+  line-height: normal;
+}
+:where(.oip-science) .gene_header_tags {
+  white-space: nowrap;
+}
+:where(.oip-science) .oip_card_small {
+  padding: 16px;
+  border-radius: 8px;
+  border: 1px solid #dbdef0;
+}
+:where(.oip-science) .pubmed_container_card {
+  display: flex;
+  padding: 8px 24px;
+  align-items: center;
+  gap: 8px;
+  align-self: stretch;
+  border-top: 1px solid #ececf2;
+  background: rgba(253, 253, 255, 0.8);
+  margin: 0 -24px;
+  border-radius: 0 0 8px 8px;
+}
+:where(.oip-science) .kpi_icon_block {
+  display: flex;
+  padding: 8px;
+  align-items: center;
+  gap: 8px;
+  border-radius: 8px;
+  background: var(--Main-Lightest, #f5f5f9);
+}
+:where(.oip-science) .prmt_chart_title {
+  color: var(--Main-Darkest, #1e293b) !important;
+  font-size: 18px !important;
+  line-height: normal !important;
+  font-weight: 800 !important;
+  margin: 0 !important;
+}
+:where(.oip-science) .tag_special_gene {
+  background: #2176ff !important;
+  color: var(--pure-white) !important;
+
+  align-items: center;
+  background: var(--darkest);
+  border-radius: 4px;
+
+  display: inline-flex;
+  font-family: Figtree, sans-serif;
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 500;
+  gap: 8px;
+  line-height: normal;
+
+  padding: 4px 8px;
+
+  width: fit-content;
+}
+:where(.oip-science) .tag_special_gene:not(.no_hover):hover {
+  background: #0f44be !important;
+}
+:where(.oip-science) .phosphor-icon {
+  cursor: unset !important;
+}
+:where(.oip-science) .table_card_header {
+  padding: 0px 24px;
+}
+:where(.oip-science) .set-fix-width {
+  width: calc(100% - 13px) !important;
+}
+:where(.oip-science) .set-full-width {
+  width: 100% !important;
+}
+:where(.oip-science) .external_link_icon_btn {
+  cursor: pointer;
+  color: var(--primary);
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: 160%;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+:where(.oip-science) .external_link_icon_btn:hover svg {
+  color: #363636 !important;
+}
+:where(.oip-science) .search_suggestions {
+  width: calc(100% - 2px) !important;
+}
+:where(.oip-science) .oip_select_complex_block {
+  max-height: 340px !important;
+}
+:where(.oip-science) .oip_column.is-bigger {
+  min-width: 300px !important;
+}
+:where(.oip-science) .oip_column.is-normal {
+  min-width: 200px !important;
+}
+:where(.oip-science) .oip_column.is-small-normal {
+  min-width: 150px !important;
+}
+:where(.oip-science) .oip_column.is-smaller {
+  min-width: 100px !important;
+}
+:where(.oip-science) .oip_column.is-very-small {
+  min-width: 75px !important;
+}
+:where(.oip-science) .arg_page_content_padding {
+  padding: 0 24px;
+}
+:where(.oip-science) .arg_btn_style_override {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding-bottom: 20px;
+}
+:where(.oip-science) .arg_btn_style_override_icon {
+  padding-bottom: 20px;
+}
+:where(.oip-science) .arg_btn_style_override > div {
+  width: 100% !important;
+}
+:where(.oip-science) .arg_btn_style_override > div > span {
+  width: 100% !important;
+}
+:where(.oip-science) .filter_box {
+  width: 196px !important;
+}
+:where(.oip-science) .crop {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+:where(.oip-science) .crop_display {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  align-items: flex-start;
+}
+:where(.oip-science) .read_more {
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: normal;
+  text-decoration-line: underline;
+  cursor: pointer;
+  color: var(--primary);
+}
+:where(.oip-science) .read_more:hover {
+  color: var(--primary-hover) !important;
+}
+:where(.oip-science) .oip_info_item {
+  justify-content: flex-start !important;
+}
+:where(.oip-science) .oip_underline.isKpi {
+  color: var(--Main-Medium, #878ca6) !important;
+  
+  font-family: Figtree;
+  font-size: 14px !important;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 160%;
+}
+:where(.oip-science) .oip_body.isKpi {
+  color: var(--Main-Darkest, #1e293b);
+  font-family: Figtree;
+  font-size: 26px;
+  font-style: normal;
+  font-weight: 700;
+  line-height: normal;
+}
+:where(.oip-science) .oip_body.isKpi.title {
+  font-size: 18px !important;
+}
+:where(.oip-science) .mt-8 {
+  margin-top: 8px;
+}
+:where(.oip-science) .mb-16 {
+  margin-bottom: 16px !important;
+}
+:where(.oip-science) .fs-12s {
+  font-size: 12px !important;
+}
+:where(.oip-science) .fs-14 {
+  font-size: 14px !important;
+}
+:where(.oip-science) .fs-16 {
+  font-size: 16px !important;
+}
+:where(.oip-science) .fs-18 {
+  font-size: 18px !important;
+}
+:where(.oip-science) .fs-20 {
+  font-size: 20px !important;
+}
+:where(.oip-science) .fs-22 {
+  font-size: 22px !important;
+}
+:where(.oip-science) .fs-24 {
+  font-size: 24px !important;
+}
+:where(.oip-science) .rounder_container {
+  border: 1px solid #dbdef0;
+  padding: 16px;
+  border-radius: 7px;
+}
+:where(.oip-science) .p-16 {
+  padding: 16px;
+}
+:where(.oip-science) .py-16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+:where(.oip-science) .px-16 {
+  padding-left: 16px !important;
+  padding-right: 16px !important;
+}
+:where(.oip-science) .px-24 {
+  padding-left: 24px !important;
+  padding-right: 24px !important;
+}
+:where(.oip-science) .discovery-icon-btn {
+  cursor: pointer !important;
+  color: var(--primary) !important;
+  border-radius: 4px;
+  padding: 6px;
+  margin-right: -3x;
+}
+:where(.oip-science) .discovery-icon-btn svg {
+  color: var(--primary) !important;
+}
+:where(.oip-science) .discovery-icon-btn:hover {
+  
+
+  background: rgba(33, 118, 255, 0.1) !important;
+}
+:where(.oip-science) .avatar-circle {
+  width: 32px;
+  min-width: 32px;
+  height: 32px;
+  min-height: 32px;
+  border-radius: 50%;
+  border: 2px solid #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+}
+:where(.oip-science) input {
+  font-size: 12px !important;
+}
+:where(.oip-science) .arg-remove-thead div div thead {
+  display: none;
+}
+:where(.oip-science) .title_tag_header {
+  padding: 8px 16px;
+  font-size: 18px !important;
+  border-radius: 7px;
+  background: var(--Main-Lightest, #f5f5f9);
+}
+:where(.oip-science) .score-badge[data-tooltip], :where(.oip-science) .match-score-badge[data-tooltip] {
+  position: relative;
+}
+:where(.oip-science) .score-badge[data-tooltip]:hover::after, :where(.oip-science) .match-score-badge[data-tooltip]:hover::after {
+  content: attr(data-tooltip);
+  position: absolute;
+  bottom: calc(100% + 8px);
+  left: 50%;
+  transform: translateX(-50%);
+  background: rgba(15, 23, 42, 0.95);
+  color: #fff;
+  padding: 8px 12px;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.4;
+  white-space: normal;
+  width: max-content;
+  max-width: 320px;
+  text-align: left;
+  z-index: 1000;
+  pointer-events: none;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+}
+:where(.oip-science) .score-badge[data-tooltip]:hover::before, :where(.oip-science) .match-score-badge[data-tooltip]:hover::before {
+  content: '';
+  position: absolute;
+  bottom: calc(100% + 2px);
+  left: 50%;
+  transform: translateX(-50%);
+  border: 6px solid transparent;
+  border-top-color: rgba(15, 23, 42, 0.95);
+  z-index: 1000;
+  pointer-events: none;
+}
+:where(.oip-science) .rm-shell .oip_container {
+  max-width: none;
+  padding-right: 0;
+}
+:where(.oip-science) .rm-shell {
+  --oip-content-max: 1232px;
+}
+:where(.oip-science) .rm-shell .main_container {
+  flex-direction: column;
+  align-items: center;
+  gap: 0;
+  padding-bottom: 32px;
+}
+:where(.oip-science) .rm-shell .main_container > * {
+  box-sizing: border-box;
+  width: 100%;
+  max-width: var(--oip-content-max);
+  margin-inline: auto;
+  
+  min-width: 0;
+}
+:where(.oip-science) .rm-shell .main_container > * + * {
+  margin-top: 32px;
+}
+:where(.oip-science) .rm-shell #rm_filter_bar {
+  box-sizing: border-box;
+  max-width: none;
+}
+:where(.oip-science) .rm-shell .main_container > #rm_filter_bar, :where(.oip-science) .rm-shell .main_container > *:has(> #rm_filter_bar), :where(.oip-science) .rm-shell .main_container > *:has(.pub_fbar_top), :where(.oip-science) .rm-shell .main_container > *:has(.fbar_top) {
+  margin-top: 0;
+}
+:where(.oip-science) .rm-shell #rm_filter_bar + * {
+  margin-top: 8px;
+}
+:where(.oip-science) .rm-shell .rm-page-header__title {
+  font-family: var(--font-serif) !important;
+  font-size: 32px;
+  font-weight: 700;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+}
+:where(.oip-science) .oip-chatwoot-layer {
+  position: fixed;
+  inset: 0;
+  z-index: 350;
+  pointer-events: none;
+}
+:where(.oip-science) .oip-chatwoot-layer > * {
+  pointer-events: auto;
+}
+:where(.oip-science) .oip-chatwoot-layer .woot--bubble-holder, :where(.oip-science) .oip-chatwoot-layer .woot-widget-bubble {
+  right: 105px !important;
+}
+:where(body.night) :where(.oip-science) {
+  
+  --white: var(--bg-surface);
+  --pure-white: var(--bg-surface);
+  --base-white: var(--bg-surface);
+  --demi-fond: var(--bg-surface-2);
+  --background: var(--bg-app);
+  --bg: var(--bg-app);
+  --lightest: var(--bg-surface-3);
+  --Main-Lightest: var(--bg-surface-3);
+  --primary-light: var(--bg-surface-3);
+  --nested-table-bg: var(--bg-surface-3);
+  --table-hover: var(--bg-hover);
+
+  
+  --light: var(--border-default);
+  --Main-Light: var(--border-default);
+  --dividers: var(--border-default);
+  --base-dividers: var(--border-default);
+  --more: var(--border-default);
+  --lavendar-grey: var(--border-default);
+
+  
+  --wild-blue-yonder: var(--text-muted);
+  --cool-grey: var(--text-muted);
+  --medium: var(--text-muted);
+  --dark: var(--text-secondary);
+  --Main-Dark: var(--text-secondary);
+  --independence: var(--text-secondary);
+  --darkest: var(--text-primary);
+  --Main-Darkest: var(--text-primary);
+}
+:where(body.night) :where(.oip-science) [class*="-fill_button"], :where(body.night) :where(.oip-science) [class*="-fill_icon_button"] {
+  color: #ffffff;
+}
+:where(body.night) :where(.oip-science) .search_suggestions, :where(body.night) :where(.oip-science) .tooltip, :where(body.night) :where(.oip-science) .prmt_tooltip_text {
+  background: var(--bg-surface);
+}
+:where(body.night) :where(.oip-science) :where(input, :where(.oip-science) textarea, :where(.oip-science) select) {
+  background-color: var(--bg-surface);
+  color: var(--text-primary);
+}