@font-face { font-family: LiberationSerif; src: local('Liberation Serif, Regular') ,url('LiberationSerif-Regular.ttf'); }
   @font-face { font-family: LiberationSans; src: local('Liberation Sans, Regular') ,url('LiberationSans-Regular.ttf'); }
   @font-face {font-family: Bookerly; src: local('Bookerly') ,url('Bookerly.ttf'); }
   @font-face {font-family: Bukyvede; src: local('Bukyvede') ,url('BukyVede-Regular.ttf'); }
   @font-face {font-family: Monomakh; src: local('Monomakh') ,url('MonomakhUnicode.ttf'); }
   @font-face {font-family: PT_Serif; src: local('PT Serif'), url('PTSerif-Regular.ttf'); }
   @font-face {font-family: IBM_Plex_Sans; src: local('IBM Plex Sans'), url('IBMPlexSans-Regular.ttf'); }
   @font-face {font-family: Calibri; src: local('Calibri'), url('calibri.ttf'); }
   @font-face {font-family: Menaion; src: local('Menaion'), url('Menaion.ttf'); }

:root {
    --cyr-font-family: Menaion;
    --cyr-font-size: 23px;
    --cyr-letter-spacing: 0px;

    /* --glag-font-family: Menaion;
    --glag-font-size: 23px;
    --glag-letter-spacing: 0px; */
    
    --glag-font-family: Bukyvede;
    --glag-font-size: 28px;
    --glag-letter-spacing: 2px;

    --chunk-font-family: var(--cyr-font-family);
    --chunk-font-size: var(--cyr-font-size);
    --chunk-letter-spacing: var(--cyr-letter-spacing);

    --no-lcs-opacity: 1.0;
    --no-lemma_id-opacity: 0.5;

    --search-letter-font: IBM_PLEX_SANS;
    --search-letter-size: 13px;
}

html {
  overflow-y: scroll;
}

body {
  margin: 0px;
  padding: 0px;
}

#p1 {
  font-family: Menaion;
  max-width: 100%;
}

a {
  text-decoration: none;
}

#main_box {
  display: flex;
  justify-content: flex-start;
  flex-flow: column nowrap;
  margin-left: 7.3%;
  margin-right: 7.3%;
  margin-bottom: 254px;
  border: 1px solid black;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#main_text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  background-color: #172136;
  padding: 10px;
  padding-bottom: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  
}
#textbody {
  line-height: 150%;
  
  font-family: var(--chunk-font-family);
  font-size: var(--chunk-font-size);
  letter-spacing: var(--chunk-letter-spacing);
}

#whole_text {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
  max-width: 100%;

}

#deletion {
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  align-items: flex-start;
}

.chunk {
  
}
#new_text{
  margin-left: 7.3%;
  margin-right: 7.3%;
  background-color: #172136;
  padding: 10px;
  border-radius: 5px;
}
#tt_button {
 
  background-color: #071022;
  border-radius: 2px;
  padding: 6px;
  z-index: 1;
  color: #cbd9f4;
  font-family: Calibri;
  font-size: 20px;
  max-width: 97%;
}

#select_button {

  padding: 6px;
  z-index: 1;
  color: #cbd9f4;
  font-family: Calibri;
  font-size: 20px;
  max-width: 97%;

}

#delete_button {
  background-color: #071022;
  border-radius: 2px;
  padding: 6px;
  z-index: 1;
  color: #cbd9f4;
  font-family: Calibri;
  font-size: 17px;
  max-width: 97%;
}

.link-buttons {
  padding: 5px;
  border-radius: 2px;
  background-color: #071022;
  color: #c71f1f;
  font-family: Calibri;
  top: 1px;
  position:relative;
  font-size: 13px;
  cursor: pointer;
  width: fit-content;

}

.link-buttons:hover, .deletion_button:hover {
  background-color: #040a16;
  color: red;
}

#lang_button {
  position: absolute;
  background-color: #071022;
 /* border-style: solid; */
  border-radius: 2px;
  padding: 6px; 
  z-index: 1;
  color: #cbd9f4;
  font-family: Calibri;
  font-size: 18px;
}

#text_labels_box {
  display: flex;
  flex-flow: row nowrap;
  justify-content: start;
  margin-top: 20px;
  margin-left: 2%;
  max-width: 97%;
}
#textselect_box {
  display: flex;
  flex-flow: row wrap;
  justify-content: start;
  max-width: 100%;
}

#textselect, #langselect {
  border-radius: 4px;
  z-index: 1;
  font-family: "IBM_PLEX_SANS";
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  min-width: 100px;
  max-width: 300px;
  margin-right: 10px;
  margin-bottom: 7px;
}
#subtitle_select {
  border-radius: 4px;
  z-index: 1;
  font-family: "IBM_PLEX_SANS";
  padding: 5px;
  font-size: 18px;
  min-width: 80px;
  max-width: 100%;
  margin-bottom: 7px;
}

#hidden_select {

  visibility: hidden; position: fixed; /*font-family: "IBM_PLEX_SANS"; font-size: 18px; padding: 5px; */
}

#newtext {
  position: flex;
  width: 70%;
  height: 200px;
  border-style: solid;
  border-radius: 5px;
  background-color: #071022;
  color: #cbd9f4;
  text-indent: 0%;
  font-family: Bookerly;
  font-size: 18px;
}

#text_title {
  position: flex;
  width: 70%;
  height: 50px;
  border-style: solid;
  border-radius: 5px;
  background-color: #071022;
  color: #cbd9f4;
  text-indent: 0%;
  font-size: 24px;
  font-family: Bookerly;
}

.submit_btn {
  border-style: solid;
  padding: 5px;
  border-radius: 2px;
  background-color: #071022;
  color: #cbd9f4;
  font-family: Calibri;
  margin-top: 1%;
  margin-bottom: 1%;
  position:relative;
  font-size: 17px;
  left: 10px;
  cursor: pointer;
}


.submit_btn:hover {
 
  background-color: #040a16;
}

.deletion_button {

  border-style: none;
  padding: 4px;
  border-radius: 2px;
  background-color: #071022;
  color: #c71f1f;
  font-family: Calibri;
  margin-top: 1%;
  margin-bottom: 1%;
  position:relative;
  font-size: 13px;

  cursor: pointer;
}




#title {
  font-size: 26px;
  font-family: Bookerly;
  color: rgb(255 115 205);
  text-align: center;
  margin-left: 40px;
  margin-right: 40px;
  position: flex;
}

#loadingbutton {
  position: fixed;
  left: 0;
  bottom: 0;

  background-color: #071022;
  border-style: solid;
  border-radius: 2px;
  padding: 6px; 
  z-index: 1;
  color: #cbd9f4;
  font-family: Calibri;
  font-size: 47px;

}

#pageno_footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
#pagenos {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  height: fit-content;
  width: fit-content;
  min-height: 13px;
  /* min-width: 155px; */
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #040a16;
  border: 1px solid black;
  border-bottom: none;
}

.pageno {
  cursor: pointer
}
.pageno:hover {
  color: rgb(0 255 186);
}
.current_pageno {
  color: rgb(0 255 186);
  border-bottom: 2px solid rgb(0 255 186);
}

.pageno_text {
  height: 40px;
  width: 70px;
  padding: 4px;
  outline: none;
  overflow: hidden;
  text-align: center;
  resize: none;
  border: 1px solid #040a16;
  border-bottom: none;
  box-sizing: border-box;
  color: #cbd9f4a6;
  font-family: Bookerly;
  font-size: 21px;
  background-color: #071022;
  user-select: none;
}
#pageno_box {
  width: 70px;
  height: 40px;
  text-align: center;
  padding: 4px;
  outline: none;
  overflow: hidden;
  resize: none;
  border: 1px solid #040a16;
  border-bottom: none;
  box-sizing: border-box;

  color: #cbd9f4;
  font-family: Bookerly;
  font-size: 21px;
  background-color:#071022;
}
#pageno_box:focus {
  border: 1px solid black;
  background-color: black;
}
#pageno_leftarrow {
  border-right: 1px solid black;
  width: 35px;

  border-top-left-radius: 5px; /* 1px less than the parent box because of the border */

  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 900;
}
#pageno_rightarrow {
  border-left: 1px solid black;
  width: 35px;

  border-top-right-radius: 5px; /* 1px less than the parent box because of the border */
 
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-weight: 900;
}
.nav_arrow {
  cursor: default;
  color: grey;
  font-family: LiberationSerif;
  user-select: none;
}
.nav_arrow:hover {
  background-color:#172136;
  color: white;
}

.nav_arrow_deactiv {
  cursor: default;
  color: grey;
  font-family: LiberationSerif;
}


 /*-------------------------tooltip_prevs.css----------------------------*/
.tooltip {
position: relative;
display: inline-block;
/*color: rgb(252, 119, 119); */
color: #cbd9f4;
cursor: pointer;
border-bottom: 2px solid rgb(23, 33, 54, 0);
}

.multiword {
  border-bottom: 2px dotted rgb(0 255 186 / 50%);
}


.lemma_set, .lemma_set_unexplicit {
  color: rgb(0 255 186);

  position: relative;
  display: inline-block;
  cursor: pointer;
}
.lemma_set:hover, .lemma_set_unexplicit:hover {
  color: rgb(0 255 34);
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.tooltip_selected {
  position: relative;
  display: inline-block;
  color: rgb(255 115 205);
  cursor: pointer;

  border-bottom: 2px solid rgb(23, 33, 54, 0);
}
.mw_selectable:hover {
  border-bottom: 2px solid rgb(0 255 186);
}
.mw_current_select {
  border-bottom: 2px solid rgb(0 255 186);
}



#editbtn {

  color: rgb(0, 255, 34);
  border: 1px solid rgb(0, 255, 34);
}

#delbtn {
  color: red;
  border: 1px solid red;
}


.tooltip_opt {

  width: 60px;
  border-style: solid;
  padding: 2px;
  border-radius: 2px;
  background-color: #071022;
  color: #cbd9f4;
  font-family: Calibri;
  position:relative;
  font-size: 17px;
  cursor: pointer;
  background-color: #172136;
  
}


.tooltip:hover .lemma_tt, .tooltip:hover .mw_tt {
  visibility: visible;
} 

.tooltip_opt:hover {
  background-color: #040a16;
} 
  
  
.tooltip .lemma_tt, .tooltip_selected .lemma_tt, .tooltip .mw_tt, .tooltip_selected .mw_tt {
  visibility: hidden;
  /* width: 170px; */
  min-width: 170px;
  max-width: 250px;
  height: fit-content;
  background-color: #071022;
  color: #cbd9f4;
  text-align: center;
  border-radius: 6px;
  border: solid 1px black;

  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -85px;
  /* transform: translateX(-50%); */

  letter-spacing: 0px;

  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  align-items: stretch;
  flex-grow: 0;
  cursor: default;
  
  /* word-break: break-word; */
  width: fit-content;
}

#tt_top {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

#lemma_tag_tt {
  height:fit-content;
  width: fit-content;
  /* min-height: 20px; */
  

  outline: none;
  overflow: hidden;

  box-sizing: border-box;

  font-size: 18px;
  font-family: Menaion;
  line-height: 100%;

  letter-spacing: var(--chunk-letter-spacing);
  font-family: var(--chunk-font-family);

  border-bottom-right-radius: 6px;
  border-top-left-radius: 5px;
  padding: 5px;
  border: 1px solid black;
  border-left: none;
  border-top: none;

  resize: none;
}

#tt_mid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: stretch;
    padding: 5px;
    flex-grow: 1;
}

#tt_meaning {
  background-color: #040a16;

  padding: 4px;
  flex: 1;
  color: #cbd9f4;
  border-radius: 4px;
  border: 1px solid black;;

  font-family: 'IBM_PLEX_SANS';
  font-size: 14px;
  text-align: center;
  white-space: normal;
  line-height: 115%;
  min-height: 10px;
  max-height: 200px;
  overflow-y: auto;
  
  box-sizing: border-box;

  resize: none; /* these two are for if I make it into a <textarea> one day */
  outline: none;
}
  
  
#tt_bottom {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: flex-start;
}

#pos_tag_box_tt {
  height:fit-content;
  width: fit-content;
  cursor: default;;

  font-size: 9px;
  font-family: IBM_Plex_Sans;
  color: black;

  display: flex;
  flex-flow: column-reverse nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;

  margin-left: 10px;



  /* border-bottom: none;
  border-right: none;
  border-left: none; */
}



.pos_tag_tt {

  padding-left: 4px;
  padding-right: 4px;
  user-select: none;
  width: 9px;
  height: 15px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
}



#pos_tag_verb_tt {
  background-color: #4dac0d;
}

#pos_tag_adj_tt {
  background-color: #fc7f03;
}

#pos_tag_noun_tt {
  background-color: #9cac0d;
}

#pos_tag_adverb_tt {
  background-color: #e32f1a;
}

#pos_tag_prep_tt {
  background-color: #0d9cac;
}

#pos_tag_conj_tt {
  background-color: #0dac62;
}

#pos_tag_part_tt {
  background-color: #ac0d9c;
}
#pos_tag_ques_tt {
  background-color: hsl(345, 100%, 70%);
}
#pos_tag_multiword {
  background-color: #cbd9f4;
}


.appendages {

  position: absolute;
  font-family: Calibri;
  font-size: 16px;
  right: 100%;

  border-top: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
  padding-top: 2px;
  padding-bottom: 2px;
  box-sizing: border-box;
  width: 25px;
  height: 25px;
  user-select: none;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  text-align: center;
}

#append1 {
  top: 2%;
}
#append2 {
  top: 20px; 
}
.append_inact {
  background-color: /* #8c64ed59;*/ #403876;
  color: #cbd9f482;
  z-index: 0;
}
.append_act {
  background-color: /*#8c64edad;*/ #664fb2;
  color: #cbd9f4;
  z-index: 1;
}
.append_inact:hover {
  background-color: /*#8c64edad;*/ #664fb2;
  color: #cbd9f4;
}

#toplinks-flexbox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  font-family: "IBM_PLEX_SANS";
  /* background-color: #172136;
  color: #cbd9f4a6; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 1px solid black;
}
#texts_link {
  border-top-left-radius: 5px;
}
.toplink-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  /*above is how you centre text vertically and horizontally in an element (the bare text itself will act like a child of the flexbox)*/
  font-size: 21px;
  width: fit-content;
  max-width: 97%;
  padding: 6px;
  user-select: none;
  min-width: 100px;
  text-align: center;
  border-right: 1px solid black;
  cursor: pointer;
  /* background-color: #172136 */
}
.toplink-buttons.current {
  /* background-color: #040a16; */
  color: #cbd9f4;
}
.toplink-buttons:hover {
  /* background-color: #071022; */
  color: #cbd9f4d3;
}
.toplink-buttons.current:hover {
  /* background-color: #040a16; */
  color: #cbd9f4;
}
.toplinks-ahref  {
  display: flex;
}

#topbar_placefiller {
  /* width: -webkit-fill-available; */
  width: 100%;
}
#theme_switcher {
  width: 30px;
  opacity: 85%;
  font-size: 21px;
  padding: 6px; /* setting this to 6px looks more square but it increases the height of the topbar so that the Texts and Words buttons no longer fill it (I should fix those instead so they always fill the bar but I think their height is hardcoded in order to vertically-centre the text, which again is bad) */
  text-align: center;
  user-select: none;
  border-top-right-radius: 5px;
  border-left: 1px solid black;
  cursor: pointer;
}
#theme_switcher:hover{
  opacity: 100%;
}

#edit-letter {
  animation: cursor-flash 0.9s steps(1, jump-start) infinite;
  /*border-bottom: 2px solid red; */
  border-right: 1px solid #172136;
}
@keyframes cursor-flash {
  /*50% { color: black; }
  100% { color: inherit; } */
  50% { border-right: 1px solid red; }
  100% { border-right: inherit; }
}
.edit-displayWord {
  border-left: 1px solid #172136;
  border-right: 1px solid #172136;
  border-bottom: 2px dotted red;
  /*animation: border-flash 0.9s steps(1, jump-start) infinite;*/
}
@keyframes border-left-flash {
  50% { 
    border-left: 1px solid red;
  }
  100% { 
    border-left: 1px solid #172136;
  }
}

/* OCS SERVER NEWER STUFF */
#load_spinner {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #cbd9f487;
  border-radius: 50%;
  border-top: 3px solid #071022;
  border-top: 3px solid #071022;
  width: 90px;
  height: 90px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); }
}

.tooltip:not([data-lcs_recon]) {
  opacity: var(--no-lcs-opacity);
}

.tooltip:not([data-lemma_id]) {
  opacity: var(--no-lemma_id-opacity);
}


#annotation_mode_box {
  margin-top: 15px; /* br elements within a flexbox do not seem to do anything on Firefox */
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.annotation_mode {
  border-radius: 32px;
  border: 1px solid black;
  border: 2px solid black;
  min-width: 86px;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 16px;
  user-select: none;
  /* background-color: #181f2e;
  color: #cbd9f4; */
  font-family: IBM_Plex_Sans;
  text-align: center;
  opacity: 0.6;
  cursor: pointer;
  position: relative;
}
.annotation_mode.active {
  opacity: 1.0;
  /* background-color: #071022; */
}

#btn_load_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #cbd9f487;
  border-radius: 50%;
  border-top: 3px solid #071022;
  border-top: 3px solid #071022;
  width: 22px;
  height: 22px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
.search_load_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 3px solid #cbd9f487;
  border-radius: 50%;
  border-top: 3px solid #071022;
  border-top: 3px solid #071022;
  width: 22px;
  height: 22px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}

/*--------------------Search Box-------------------*/
.search_button {
  width: 40px;
  padding: 4px 4px 4px 4px;
  flex-shrink: 0;
  fill: #cbd9f487;
  cursor: pointer;
  border-radius: 4px;
  -webkit-tap-highlight-color: transparent;
}
.search_button:hover {
  fill: #cbd9f4;
}
#dict_close {
  height: 76%;
  width: 11%;
  background-color: inherit;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  
  display: flex
;
  justify-content: center;
  align-items: center;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
}

#dict_close:hover #red_cross{
  fill: rgb(255, 41, 41);
}
#dict_close:hover{
  background-color: #172136;
}

#red_cross {
  fill: rgba(255, 0, 0, 0.836);
  height: 100%;
  width: 100%;
  display: block;
  pointer-events: none;
}

#search_type_options {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 100%;
  /* border: 1px solid red; */
}
.search_type {
  color: #cbd9f47c;
  height: fit-content;
  width: 40px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;

  user-select: none;
  cursor: default;
  font-family: IBM_PLEX_SANS;
  font-size: 13px;
  padding: 3px;

  background-color: #172136;
}
.search_type:hover {
  background-color: #071022;
}
.search_type.active{
  color: #cbd9f4;
  background-color: #071022;
}

.letter_button_box {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  align-items: center;
  width: 140px;
  height: 100%;
  gap: 3px;
  overflow-y: auto;
  scrollbar-width: none;
  scrollbar-color: #040a16 #071022;
  border-radius: 4px;
  padding: 1px;

  border: 1px solid black;
  background-color: #040a16;  
}
.letter_button {
  border-radius: 4px;  
  height: 20px;
  width: 20px;
  text-align: center;
  cursor: pointer;
  user-select: none;

  border: 1px solid black;
  background-color:#071022;
  color: #cbd9f4a6;
}
.letter_button:hover {
  border: 1px solid #cbd9f4;
  color: #cbd9f4;
}
#search_letter_button_box .letter_button {
  font-size: var(--search-letter-size);
  font-family: var(--search-letter-font);
}

.dict_row.header {
  font-weight: bold;
  text-align: center;
}

.dict_cell, .dict_header {
    
  /*height: inherit; */
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  word-break: break-word;
}

.dict_header.left {
  border-left: 2px solid black;
  border-right: 1px solid black;
  width: 30%;
}
.dict_header.middle {
  width: 50%;
}
.dict_header.right {
  border-left: 1px solid black;
  border-right: 2px solid black;
  width: 20%;
}


.dict_cell.left {
  border-left: 2px solid black;
  border-right: 1px solid black;
  width: 30%;
}
.dict_cell.middle {
  width: 50%;
  font-family: Menaion;
}
.dict_cell.middle.cyr {
  font-family: Menaion;
  font-size: 13px;
  letter-spacing: 0px;
}
.dict_cell.middle.glag {
  font-family: Bukyvede;
  font-size: 16px;
  letter-spacing: 2px;
}
.dict_cell.right {
  border-left: 1px solid black;
  border-right: 2px solid black;
  width: 20%;
}

#search_scope {
  display: flex;
  justify-content: end;
  flex-flow: row nowrap;
  width: 100%;
  font-size: 13px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  box-sizing: border-box;
  cursor: pointer;
}

.scope_heading {
  width: 100%;
  text-align: center;
  color: #cbd9f47c;
  font-family: IBM_PLEX_SANS;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #172136;
  user-select: none;
}
.scope_heading.active {
  background-color: #071022;
  color: #cbd9fd;
}
.scope_heading:hover {
  color: #cbd9f4;
}


.dict_cell.dict_pos {
  background-color: #172136;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  border-left: 2px solid black;
  border-right: 2px solid black;
}

.dict_cell.no_results {
  border-left: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
  color: red;
}
.dict_cell.empty_results {
  border-left: 2px solid black;
  border-right: 2px solid black;
  text-align: center;
  color: #cbd9f47c;
}

#dict_hidden_box {
  position: fixed;
  bottom: 0px;
  right: 4%;
  z-index: 2;
  cursor: pointer;
  display: flex;
  /* flex-direction: column nowrap; */
  justify-content: center;
  align-items: center;
  
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 4px;
  height: 32px;
  width: 65px;
}
#dict_hidden_box:hover {
  color: #cbd9f4;
}
#dict_hidden_text {
  font-family: IBM_Plex_Sans;
  font-size: 15px;
}
.result_word {
  color: #ffc100;
}

.search_link {
  cursor: pointer;
  text-overflow: clip;
  word-break: keep-all;
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.search_link:hover {
  color: white;
  text-decoration: underline;
}

#regex_box {
  display: flex;
  flex-flow: column nowrap;
  width: 35px;
  height: 100%;
  justify-content: center;
  cursor: pointer;
}
#regex_box_label {
  font-family: IBM_PLEX_SANS;
  font-size: 10.5px;
  color: #cbd9f4;
  font-weight: bold;
  text-align: center;
  user-select: none;
  opacity: 0.8;
}
#regex_checkbox {
  opacity: 0.8;
  cursor: pointer;
}

#gorazd_outline {
  display: flex;
  flex-flow: column nowrap;
  height: fit-content;
  width: 400px;
  max-height: 80%;
  position: fixed;
  bottom: 2px;
  z-index: 2;
  left: 2px;
  border-radius: 6px;
  background-color: #071022;
}
#gorazd_topbar {
  display: flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
  box-sizing: border-box;
  height: 30px;
  min-height: 30px;
  width: 100%;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-bottom: 1px solid black;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
#gorazd_minimise {
  height: 76%;
  width: 10%;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#gorazd_close {
  height: 76%;
  width: 8%;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 4px;
  
  display: flex;
  justify-content: center;
  align-items: center;
}

#gorazd_box {
  display: none;
  flex-flow: column nowrap;
  justify-content: flex-start;
  height: fit-content;

  position: relative;
  z-index: 2;
  border-left: 2px solid black;
  border-right: 2px solid black;
  overflow-y: auto;
}
#gorazd_bottombar {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  align-items: center;


  box-sizing: border-box;
  height: 60px;
  min-height: 60px; /*looks redundant but without it the bar shrinks to 57 when the results pop up, fuck knows why */
  width: 100%;
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-top: 1px solid black;
  border-bottom: 2px solid black;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 4px;
}
#dict_type_options {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 100%;
  /* border: 1px solid red; */
}
.dict_type {
  height: fit-content;
  width: 40px;
  text-align: center;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;

  user-select: none;
  cursor: default;
  font-family: IBM_PLEX_SANS;
  font-size: 13px;
  padding: 3px;
}

#gorazd_hidden_box {
  position: fixed;
  bottom: 0px;
  left: 4%;
  z-index: 2;
  cursor: pointer;
  display: flex;
  /* flex-direction: column nowrap; */
  justify-content: center;
  align-items: center;
  
  border-left: 2px solid black;
  border-right: 2px solid black;
  border-top: 2px solid black;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 4px;
  height: 32px;
  width: 65px;
}
#gorazd_hidden_text {
  font-family: IBM_Plex_Sans;
  font-size: 15px;
}
#gorazd_letter_button_box {
  font-family: Bukyvede;
  width: 153px;
}
#gorazd_searchbox {
  width: 155px;
  height: 73%;

  padding: 4px;
  outline: none;
  overflow: hidden;
  resize: none;
  border-radius: 5px;
  box-sizing: border-box;
  font-family: Bukyvede;
  font-size: 19px;
  letter-spacing: 1px;
}
#gorazd_no_results {
  font-family: IBM_PLEX_SANS;
  font-size: 13px;
  text-align: center;
  padding: 9px;
  color: red;
}
#gorazd_error {
  font-family: IBM_PLEX_SANS;
  font-size: 13px;
  text-align: center;
  padding: 9px;
  color: rgb(255, 115, 0);
}