div[data-tab="Guide_to_food_and_drinks"] {
.drink-ext,
.food-base-ext,
.book-ext,
.recipe-ext {
width: 100%;
th,
td:first-child {
background-color: #2f4257;
}
.food-pic {
float: left;
min-width: 64px;
min-height: 64px;
display: flex;
align-items: center;
justify-content: center;
.food-name {
font-size: 12pt;
text-align: left;
padding: 10pt;
padding-bottom: 0;
margin-bottom: 10pt;
p {
font-size: 8pt;
font-weight: 300;
line-height: 1.2em;
word-spacing: -0.1em;
margin: 5pt 0;
.bgus_fz_selected {
background: $nanotrasen !important;
td {
border-top: 2px solid lighten($nanotrasen, 20%);
border-bottom: 2px solid lighten($nanotrasen, 15%);
th {
background: lighten($nanotrasen, 5%) !important;
div.tooltiptext {
border-color: lighten($nanotrasen, 20%);
background: darken($nanotrasen, 10%);
.drink-ext {
font-size: 9pt;
.strength {
&:before {
content: "Strength: ";
font-weight: bold;
.description,
.notes {
margin: 10pt 0;
line-height: 1.5em;
td:nth-child(2) {
width: 30vw;
max-width: 300px;
.food-base-ext {
td:nth-child(1) {
text-align: center;
float: none;
display: inline-block;
.food-block {
padding: 5pt;
font-size: 10pt;
.book-ext {
.unlocks {
content: "Unlocks: ";