:root{--update-flag: AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA;}:root{--mobile-font-offset: 0px;--mobile-fontlineheight-offset: 0.0;--mobile-option-offset: 0px;--mobile-optionmargin-offset: 0px;--mobile-title-offset: 0px;--mobile-navigator-offset: 0px;--size-marginleft: 24px;--mobile-news-width-offset: 0px;--mobile-icon-marginbottom: 0px;--mobile-iconsimilar-offset-width: 0px;--mobile-iconsimilar-offset-height: 0px;--mobile-iconpublication-offset-width: 0px;--mobile-iconpublication-offset-height: 0px;--mobile-icondownload-offset-width: 0px;--mobile-icondownload-offset-height: 0px;--mobile-logowall-offset-height: 0px;--mobile-logowall-offset-margin: 0px;--mobile-logowall-offset-border: 0px;}@media (max-width: 992px) {:root{--mobile-font-offset: 2px;--mobile-title-offset: 3px;--mobile-icondownload-offset-width: -80px;--mobile-icondownload-offset-height: -140px;--mobile-logowall-offset-height: -15px;--mobile-logowall-offset-margin: -1px;--mobile-logowall-offset-border: -4px;}}@media (max-width: 600px) {:root{--size-marginleft: 0px;--mobile-navigator-offset: -2px;--mobile-icon-marginbottom: 8px;--mobile-news-width-offset: 0px;--mobile-iconsimilar-offset-width: 0px;--mobile-iconsimilar-offset-height: 0px;--mobile-iconpublication-offset-width: 60px;--mobile-iconpublication-offset-height: 0px;}}:root{--color-background-body: #333333;--color-background-selected: #2A2A2A;--color-background-block: #505050;--color-text: #FFFFFF;--color-text-highlight: #FF9933;--color-text-link: #A7C7FF;--color-text-button: #FFFFFF;--color-text-navigatorsub: #CCCCCC;--color-shadow-text: #000000;--color-shadow-box: #000000;--color-shadow-buttoninset: #333333;--color-hr: #CCCCCC;}:root.LightMode{--color-background-body: #F4F3F2;--color-background-selected: #E8E4E0;--color-background-block: #E4E3E2;--color-text: #000000;--color-text-highlight: #EE8822;--color-text-link: #2222CC;--color-text-button: #FFFFFF;--color-text-navigatorsub: #333333;--color-shadow-text: #AAAAAA;--color-shadow-box: #AAAAAA;--color-shadow-buttoninset: #333333;--color-hr: #444444;}::selection {color: #000000;background: #AAAAAA;text-shadow: 1px 1px 1px #CCCCCC;}@font-face{font-family: "FontTitle";font-display: swap;src: url('res/fonts/Roboto-Regular.woff') format('woff');}@font-face{font-family: "FontBody";font-display: swap;src: url('res/fonts/Roboto-Light.woff') format('woff');}@font-face{font-family: "FontOption";font-display: swap;src: url('res/fonts/RobotoCondensed-Regular.woff') format('woff');}@font-face{font-family: "FontNavigator";font-display: swap;src: url('res/fonts/Roboto-Regular.woff') format('woff');}@font-face{font-family: "FontNavigator2";font-display: swap;src: url('res/fonts/MarckScript-Regular.woff')format('woff');}html {scroll-behavior: smooth;}body {background-color: var(--color-background-body);font-family: "FontBody", sans-serif;font-size: calc(16px + var(--mobile-font-offset));line-height: calc(1.25 + var(--mobile-fontlineheight-offset));color: var(--color-text);padding: 0px;margin: 0px;display: block }p, ul, ol {max-height: 999999px; /* Disable font boosting in android Chrome */}li {margin-bottom: 0.2em;}ol, ul {padding-left: 1.0em;}a {color: var(--color-text-link); text-decoration: none;background-image: linear-gradient(color-mix(in srgb, var(--color-text-link), transparent 33%), color-mix(in srgb, var(--color-text-link), transparent 33%) ); /* Underline color */background-position: 50% 100%;background-repeat: no-repeat;background-size: 0% 1px;transition-duration: 0.2s;transition-timing-function: ease-out;}a:hover {background-size: 90% 1px;}h1, h2, h3 {font-family: "FontTitle", sans-serif;color: var(--color-text);text-align: left;text-shadow: 5px 5px 5px color-mix(in srgb, var(--color-shadow-text), transparent 33%);}h1 {font-size: calc(28px + var(--mobile-title-offset));}h2 {font-size: calc(24px + var(--mobile-title-offset));}h3 {font-size: calc(18px + var(--mobile-title-offset));}.h1Small {font-size: calc(20px + var(--mobile-title-offset));}.h1Smaller {font-size: calc(16px + var(--mobile-title-offset));}hr.default, hr.collaborations {border: 0;height: 1.5px;margin-left: 5%;margin-right: 5%;background-image: linear-gradient(to right, color-mix(in srgb, var(--color-hr), transparent 100%), color-mix(in srgb, var(--color-hr), transparent 33%), color-mix(in srgb, var(--color-hr), transparent 100%));text-align: center;}hr.default {margin-top: 24px;margin-bottom: 32px;}hr.collaborations {margin-top: 8px;margin-bottom: 8px;}hr.default:after {content: "♢";display: inline-block;position: relative;top: -0.55em;font-size: 1.0em;padding: 0 0.25em;color: #CCCCCCAA;background-color: var(--color-background-body);}hr.fundingPeople {border: 0;height: 1px;width: 8em;margin-left: 2em;margin-top: 8px;margin-bottom: 8px;background-image: linear-gradient(to right, color-mix(in srgb, var(--color-hr), transparent 100%), color-mix(in srgb, var(--color-hr), transparent 0%), color-mix(in srgb, var(--color-hr), transparent 0%), color-mix(in srgb, var(--color-hr), transparent 0%), color-mix(in srgb, var(--color-hr), transparent 100%));text-align: center;}#divBackground {max-width: 1350px;width: calc(100% - 8px);padding: 12px 4px 12px 4px;margin: 0px auto;}/* w3-fixes *//* The default w3-stretch will result in a hortizontal scroll bar in mobile view - this essentially disable the class */.w3-stretch {margin-left: 0 !important;margin-right: 0 !important;}/* Add padding on medium screens and up; no padding on mobile view */.w3-rightcolexists {padding-right: 16px;}@media (max-width: 600px) {.w3-rightcolexists {padding-right: 0px;}}.Hidden {display: none;}.TextOption {font-family: "FontOption", sans-serif;letter-spacing: -0.04em;text-align: left;font-size: calc(18px + var(--mobile-option-offset));margin-top: 6px;margin-bottom: 6px;line-height: 1.6;}.TextSmallDefault {font-size: calc(13px + var(--mobile-font-offset));}.TextHighlightDefault{font-size: calc(11px + var(--mobile-font-offset));color: var(--color-text-highlight);vertical-align: text-bottom;}.TextHighlightDefault a {background-image: linear-gradient(color-mix(in srgb, var(--color-text-highlight), transparent 33%), color-mix(in srgb, var(--color-text-highlight), transparent 33%)); /* Underline color */color: var(--color-text-highlight);}.TextPromotion {padding: 14px 20px 14px 20px;margin: 8px auto 24px auto;text-align: left;max-width: max-content;box-shadow: 4px 4px 4px color-mix(in srgb, var(--color-shadow-text), transparent 33%);border-color: #444;border-style: solid;border-width: 1px;border-radius: 0px;background-image: linear-gradient(to bottom, #000, #555, #333);}/* Buttons */.LinkButton, .ToolButton, .OptionButton, .OptionButtonSelected {border-radius: 4px;user-select: none;transition: all 0.25s ease;border : none;}.LinkButton, .ToolButton, .OptionButtonSelected, .OptionButton:hover {background-image: url("images/texturebrushed.png");background-repeat: repeat;background-size: 200px 200px;}.LinkButton, .ToolButton {font-family: "FontBody", sans-serif;}.LinkButton {font-size: calc(12px + var(--mobile-font-offset));display: inline-block;background-color: #469; /*default value, may be overrided*/margin-top: 1px;margin-bottom: 3px;margin-right: 6px;padding: 4px 8px 4px 8px;text-decoration: none;color: var(--color-text-button);}.ToolButton {width: 44px;font-size: 32px;background-color: #369;margin-left: 2px;margin-right: 2px;margin-top: 4px;margin-bottom: 4px;padding: 4px 2px 0px 2px;display: inline-block;flex: 0 0 auto;text-align: center;}.OptionButton, .OptionButtonSelected {white-space: nowrap;padding: 1px 4px;margin-left: calc(6px + var(--mobile-optionmargin-offset));border-color: var(--color-text);border-style: solid; border-width: 0.5px; background-image: none;}.OptionButtonSelected, .OptionButton:hover {background-color: var(--color-text);color: var(--color-background-body);text-shadow: 0.2px 0.2px white, -0.2px -0.2px #000;}.OptionButton {color: var(--color-text);}.ToolButton a {color: #FFF;}.LinkButton:hover, .ToolButton:hover {box-shadow: inset 1px 1px 2px 1px color-mix(in srgb, var(--color-shadow-buttoninset), transparent 33%);background-size: 200px 200px;}.LinkButton:hover a, .ToolButton:hover a {background-size: 0% 1px;}/* Div for selected publications */.SelectedDiv {background-color: var(--color-background-selected);}/* Div for blocks including img and txt */.BlockNewsDiv, .BlockSimilarDiv, .BlockIconDownloadDiv {/*box-shadow: 3px 3px 10px 3px color-mix(in srgb, var(--color-shadow-box), transparent 33%);*/display: inline-block; vertical-align: top; }.BlockIconDownloadDiv {margin-bottom: 12px;}.BlockNewsDiv, .BlockSimilarDiv {max-width: 100%;}.BlockIconDownloadDiv {max-width: calc(100% - 12px);margin-right: 12px; }.BlockNewsDiv {width: 100%; border-radius: calc(220px*0.04);}.BlockSimilarDiv {width: 100%;border-radius: calc(280px*0.04);}.BlockIconDownloadDiv {width: calc(240px + var(--mobile-icondownload-offset-width));border-radius: calc(240px*0.04); }/* Div for grid holding smaller divs */.GridNewsDiv, .GridSimilarDiv, .GridPeopleDiv, .GridYouTubeList {display: grid;}.GridNewsDiv, .GridSimilarDiv, .GridPeopleDiv {row-gap: 16px;column-gap: 12px;text-align: center;}.GridNewsDiv {grid-template-columns: repeat(auto-fill, minmax(min(100%, calc(220px + var(--mobile-news-width-offset))), 1fr));}.GridSimilarDiv {grid-template-columns: repeat(auto-fill, minmax(min(100%, calc(280px + var(--mobile-iconsimilar-offset-width))), 1fr));}.GridPeopleDiv {grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));}.GridYouTubeList {margin-bottom: 12px;row-gap: 12px;column-gap: 12px;text-align: left;align-items: end;grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));}/* Div for image icon */.ImgIconPublicationDiv a:hover, .ImgIconFundingDiv a:hover, .ImgIconPeopleDiv a:hover, .ImgIconDownloadDiv a:hover, .ImgIconFollowDiv a:hover, .ImgIconFollowIndexDiv a:hover, .ImgIconNewsDiv a:hover, .ImgIconSimilarDiv a:hover, .ImgIconSearchDiv a:hover { background-size: 0% 1px;}.ImgIconPublicationDiv, .ImgIconFundingDiv, .ImgIconPeopleDiv, .ImgIconDownloadDiv, .ImgIconFollowDiv, .ImgIconFollowIndexDiv, .ImgIconNewsDiv, .ImgIconSimilarDiv, .ImgIconSearchDiv {overflow: hidden;user-select: none;border-style: solid;text-align: center;}.ImgIconPublicationDiv, .ImgIconFundingDiv, .ImgIconPeopleDiv, .ImgIconFollowDiv, .ImgIconFollowIndexDiv, .ImgIconSearchDiv {margin-bottom: var(--mobile-icon-marginbottom);}.ImgIconPublicationDiv, .ImgIconFundingDiv, .ImgIconPeopleDiv, .ImgIconDownloadDiv, .ImgIconNewsDiv, .ImgIconSimilarDiv, .ImgIconSearchDiv {background-color: #FFFFFF;border-color: #FFFFFF;}.ImgIconPublicationDiv, .ImgIconFundingDiv, .ImgIconPeopleDiv, .ImgIconSearchDiv {box-shadow: 3px 3px 10px 3px color-mix(in srgb, var(--color-shadow-box), transparent 33%);display: inline-block;}.ImgIconPublicationDiv {width: calc(120px + var(--mobile-iconpublication-offset-width));height: calc(120px + var(--mobile-iconpublication-offset-height));border-width: calc(120px/100.0 + 1px); border-radius: calc(120px*0.04);}.ImgIconFundingDiv {max-width: 200px;height: calc(200px * 0.5);border-width: calc(200px/100.0 + 1px);border-radius: calc(200px*0.04);}.ImgIconPeopleDiv {height: 65px;width: 65px;border-width: calc(65px/100.0 + 1px);margin-right: 8px;vertical-align: text-bottom; /* for the text after the icon */border-radius: calc(65px*0.04);}.ImgIconNewsDiv {height: 90px;border-width: calc(220px/100.0 + 1px);border-top-left-radius: calc(220px*0.04);border-top-right-radius: calc(220px*0.04);}.ImgIconSimilarDiv {height: calc((280px + var(--mobile-iconsimilar-offset-height))/2);border-width: calc(280px/100.0 + 1px); border-top-left-radius: calc(280px*0.04);border-top-right-radius: calc(280px*0.04);}.ImgIconSearchDiv {height: calc(80px + var(--mobile-iconpublication-offset-height));max-width: calc(80px * 2 + var(--mobile-iconpublication-offset-height));min-width: calc(80px + var(--mobile-iconpublication-offset-height));border-width: calc(80px/100.0 + 1px); border-radius: calc(80px*0.04);}.ImgIconDownloadDiv {height: calc(240px + var(--mobile-icondownload-offset-height));border-width: calc(240px/100.0 + 1px);border-top-left-radius: calc(240px*0.04);border-top-right-radius: calc(240px*0.04);position: relative; /* for working with the absolute <a>s inside */}.ImgIconFollowDiv, .ImgIconFollowIndexDiv {border-width: 0px; float: left;filter: drop-shadow(5px 5px 5px color-mix(in srgb, var(--color-shadow-box), transparent 33%));margin-right: 8px;}.ImgIconFollowDiv {width: 120px;height: calc(120px + 1.5em); /* Reserve space for text */}.ImgIconFollowIndexDiv {width: calc(calc(80px + var(--mobile-font-offset)*2));height: calc(calc(80px + var(--mobile-font-offset)*2) + 2.5em); /* Reserve space for text */}/* Img for image icon */.ImgIconPublication, .ImgIconFunding, .ImgIconPeople, .ImgIconDownload, .ImgIconDownloadSymbol, .ImgIconFollow, .ImgIconFollowIndex, .ImgIconNews, .ImgIconSimilar, .ImgIconSearch {transition: all 0.25s ease;}.ImgIconFunding, .ImgIconNews, .ImgIconPeople {width: 100%;height: 100%;object-fit: contain;}.ImgIconFunding, .ImgIconNews, .ImgIconPeople {}.ImgIconFollow, .ImgIconFollowIndex {width: 83%;object-fit: contain;}.ImgIconPublication {width: calc(120px + var(--mobile-iconpublication-offset-width));height: calc(120px + var(--mobile-iconpublication-offset-height));object-fit: cover;}.ImgIconSimilar {width: 100%;margin-top: calc((280px + var(--mobile-iconsimilar-offset-height))/4 - 50%);}.ImgIconSearch {height: calc(80px + var(--mobile-iconpublication-offset-height));max-width: calc(80px * 2 + var(--mobile-iconpublication-offset-height));min-width: calc(80px + var(--mobile-iconpublication-offset-height));object-fit: contain;}.ImgIconDownload {width: calc(240px + var(--mobile-icondownload-offset-width)); /* Cannot use percentage since <a> before this use position: absolute */height: calc(240px + var(--mobile-icondownload-offset-height));object-fit: cover;}.ImgIconDownloadSymbol {width: calc((240px + var(--mobile-icondownload-offset-width)) *0.75); /* Cannot use percentage since <a> before this use position: absolute */height: calc((240px + var(--mobile-icondownload-offset-height)) *0.75);object-fit: contain;}/* Img hover effects */.ImgIconPeople:hover {width: 120%;height: 120%;margin-left: -10%;margin-top: -10%;}.ImgIconSimilar:hover {width: 120%;margin-left: -10%;margin-top: calc((280px + var(--mobile-iconsimilar-offset-height))/4 - 50% - 10%);}.ImgIconFunding:hover {width: 120%;height: 120%;margin-left: -10%;margin-top: -5%; /* Since height=width/2 for this icon type */}.ImgIconFollow:hover, .ImgIconFollowIndex:hover {width: 100%;}.ImgIconPublication:hover {width: calc((120px + var(--mobile-iconpublication-offset-width)) * 1.2);height: calc((120px + var(--mobile-iconpublication-offset-height)) * 1.2);margin-left: -10%;margin-top: -10%;}.BlockIconDownloadDiv:hover div a .ImgIconDownload { /* Hover detection for the whole block, and apply hovel effects to each of the img(s) in the block */width: calc((240px + var(--mobile-icondownload-offset-width)) * 1.2);height: calc((240px + var(--mobile-icondownload-offset-height)) * 1.2);}.ImgIconDownloadSymbol:hover {width: calc((240px + var(--mobile-icondownload-offset-width)) * 0.9);height: calc((240px + var(--mobile-icondownload-offset-height)) * 0.9);}/* Div for txt of a block */.TxtNewsContentDiv, .TxtNewsFooterDiv, .TxtSimilarContentDiv, .TxtIconDownloadDiv {background-color: var(--color-background-block);margin-top: 4px;padding-left: 8px; padding-right: 8px; padding-top: 4px; padding-bottom: 4px;}.TxtNewsContentDiv, .TxtSimilarContentDiv {text-align: left; }.TxtSimilarContentDiv {border-bottom-left-radius: calc(280px*0.04);border-bottom-right-radius: calc(280px*0.04);}.TxtNewsFooterDiv {text-align: right; font-style: italic;border-bottom-left-radius: calc(220px*0.04);border-bottom-right-radius: calc(220px*0.04);}.TxtIconDownloadDiv {text-align: center;align-items: center;border-bottom-left-radius: calc(240px*0.04);border-bottom-right-radius: calc(240px*0.04);}.TxtIconDownloadDiv a {color: var(--color-text);}.TxtIconDownloadDiv a:hover {background-size: 0% 1px;}/* W3-Cell */.CellImgTxtPublication, .CellImgTxtFunding, .CellImgTxtSearch {padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 4px; border-radius: 6px; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 8px;}.CellImgPublication, .CellImgFunding, .CellImgSearch {text-align: center; padding-left: 0px; padding-right: 16px; padding-top: 0px;padding-bottom: 0px;}.CellImgPublication {width: 120px;}.CellImgFunding {width: 200px; }.CellImgSearch {text-align: left; margin-bottom: 8px;}.CellTxtPublication, .CellTxtFunding, .CellTxtSearch {text-align: left; padding: 0px; }.CellTxtSearch {width: 100%; /* Take all remaining space */}/* People item */.DivPeopleItem, .DivPeopleItemText {display: inline-block;vertical-align: top;}.DivPeopleItem {width: 100%;}.DivPeopleItemText {text-align: left;width: calc(100% - 65px - 8px);}/* Thumbnail slideshow */.ImgIconDownloadDiv a {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);opacity: 0;transition: all 0.5s ease;}.ImgIconDownloadDiv a:nth-of-type(1) {opacity: 1;}/* Photo reel with buttons */.PhotoReelContainer {position: relative;margin: 16px;overflow: hidden;}.PhotoReelDiv {opacity: 0;position: absolute; /* Overlap all divs with images and controls */top: 0%;left: 0%;width: 100%;transition: all 1.0s ease;}.PhotoReelImage {box-shadow: 3px 3px 10px 3px color-mix(in srgb, var(--color-shadow-box), transparent 33%);max-width: 100%; height: auto;z-index: 1;}.PhotoReelButtonPrevious, .PhotoReelButtonNext, .PhotoReelDots {cursor: pointer;position: absolute;width: auto;color: var(--color-background-body);text-shadow: 0 0 3px #CCC, 0 0 3px #CCC, 0 0 3px #CCC, 0 0 3px #CCC; font-weight: bold;user-select: none;transition: all 1.0s ease;z-index: 2;}.PhotoReelButtonPrevious, .PhotoReelButtonNext{font-size: 28px;top: 50%;transform: translateY(-50%);padding: 12px;}.PhotoReelButtonPrevious {left: 0%;border-radius: 0 3px 3px 0;}.PhotoReelButtonNext {right: 0%;border-radius: 3px 0 0 3px;}.PhotoReelDots {font-size: 54px;bottom: 0%;left: 50%;transform: translateX(-50%);}.PhotoReelButtonPrevious:hover, .PhotoReelButtonNext:hover {background-color: rgba(255, 255, 255, 0.6);}.PhotoReelDotsCurrent{color: #CCCCCC;text-shadow: 0 0 3px #333, 0 0 3px #333, 0 0 3px #333, 0 0 3px #333333; }/* Used in joiningus.htm and publication_full_*.htm */.DivInformationBox{border-width: 2px;border-style: dashed; border-color: var(--color-hr); border-radius: 8px;padding: 0px 16px;margin: 8px;}/* Used for news and youtube list */.ShowMoreButton{display: block;cursor: pointer;background-color: var(--color-background-block);text-align: center;transition: 0.3s;border-radius: calc(220px*0.04); margin-top: 8px; margin-bottom: 8px; padding-top: 8px; padding-bottom: 8px; }/* Navigator classes */.navigator {text-align:right;user-select: none;}.navigator a {position: relative;display: inline-block;color: var(--color-text);text-decoration: none;background-size: 0% 1px;letter-spacing: 1px;text-shadow: 5px 5px 5px color-mix(in srgb, var(--color-shadow-text), transparent 33%);font-size: calc(20px + var(--mobile-navigator-offset));margin-top: 0px;margin-left: 4px;margin-bottom: 0px;margin-right: 4px;padding-top: calc(4px + var(--mobile-navigator-offset));padding-left: calc(4px + var(--mobile-navigator-offset));padding-bottom: 0px;padding-right: calc(4px + var(--mobile-navigator-offset));text-align:center;}.navigator a.navigatorItem::before, .navigator a.navigatorItem::after {position: absolute;top: 0;left: 0;width: 100%;height: 1px;background: var(--color-text);content: '';opacity: 0.2;transition: opacity 0.3s, height 0.3s;}.navigator a.navigatorItem::after {top: 100%;opacity: 0;transition: transform 0.3s, opacity 0.3s;transform: translateY(-10px);}.navigator a.navigatorItem span:first-child {z-index: 2;display: block;font-weight: 600;font-family: "FontNavigator", sans-serif;letter-spacing: -0.02em;}.navigator a.navigatorItem span:last-child {z-index: 1;text-align: right;display: block;padding: 0px;margin-top: -3px;margin-bottom: -1px;color: var(--color-text-navigatorsub);text-shadow: none;text-transform: none;font-style: italic;font-size: calc(12px + var(--mobile-navigator-offset));font-family: "FontNavigator2", 'Brush Script MT';letter-spacing: -0.02em;opacity: 0;transition: transform 0.3s, opacity 0.3s;transform: translateY(-100%);}.navigator a.navigatorItem:hover::before, .navigator a.navigatorItem:focus::before {height: calc(4px + var(--mobile-option-offset));}.navigatorCurrent::before {height: calc(4px + var(--mobile-option-offset)) !important;}.navigator a:hover::before, .navigator a:hover::after, .navigator a:focus::before, .navigator a:focus::after {opacity: 1;transform: translateY(0px);}.navigatorCurrent::before, .navigatorCurrent::after {opacity: 1 !important;transform: translateY(0px) !important;}.navigator a.navigatorItem:hover span:last-child, .navigator a.navigatorItem:focus span:last-child {opacity: 1;transform: translateY(0%);}.navigatorCurrent span:last-child {opacity: 1 !important;transform: translateY(0%) !important;}/* Logo Wall */.LogoWall {text-align: center;background-color: white;border: calc(8px + var(--mobile-logowall-offset-border));border-radius: calc(8px + var(--mobile-logowall-offset-border));border-style: solid;border-color: white;margin-top: 4px;margin-bottom: 8px;user-select: none;overflow: hidden;}.LogoWall a img {height: calc( (40px + var(--mobile-logowall-offset-height)) * var(--logo-scale, 1.0) );margin: calc(2px + var(--mobile-logowall-offset-margin));}/* Color mode button classes */:root {--colormodebutton-size: calc(28px + var(--mobile-navigator-offset)*2);--colormodebutton-animation: 0.0s;}.ColorModeButton {background-color: #FFFFFF;width: calc(var(--colormodebutton-size)*1.5);height: calc(var(--colormodebutton-size));border-radius: calc(var(--colormodebutton-size));padding: 0 calc(var(--colormodebutton-size)*0.12);box-shadow: inset 0 calc(var(--colormodebutton-size)*0.2) calc(var(--colormodebutton-size)*0.2) rgba(0,0,0, .1),inset 0 calc(var(--colormodebutton-size)*0.2) calc(var(--colormodebutton-size)*0.2) rgba(0,0,0, .1),inset 0 calc(var(--colormodebutton-size)*(-0.1)) calc(var(--colormodebutton-size)*0.1) rgba(0,0,0, .1);position: relative;display: flex;align-items: center;cursor: pointer;transition: var(--colormodebutton-animation);}.ColorModeButtonDark {box-shadow: inset 0 calc(var(--colormodebutton-size)*0.2) calc(var(--colormodebutton-size)*0.2) rgba(0,0,0, .3),inset 0 calc(var(--colormodebutton-size)*0.2) calc(var(--colormodebutton-size)*0.2) rgba(0,0,0, .3),inset 0 calc(var(--colormodebutton-size)*(-0.1)) calc(var(--colormodebutton-size)*0.1) rgba(0,0,0, .3);background-color: #999999;}.ColorModeIndicator {background-color: #f7f7f7;width: calc(var(--colormodebutton-size)*0.7);height: calc(var(--colormodebutton-size)*0.7);border-radius: 50%;position: absolute;box-shadow: 0 calc(var(--colormodebutton-size)*0.05) calc(var(--colormodebutton-size)*0.05) rgba(0,0,0, .2);transition: var(--colormodebutton-animation);}.ColorModeIndicatorDark {transform: translateX(calc(var(--colormodebutton-size)*0.5));background-color: #2b2b2b;box-shadow: 0 calc(var(--colormodebutton-size)*0.05) calc(var(--colormodebutton-size)*0.05) rgba(0,0,0, .5);}.ColorModeContainer {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;transition: var(--colormodebutton-animation);}.ColorModeIcon {color: #FFDE59;font-size: calc(var(--colormodebutton-size)*0.55);transition: var(--colormodebutton-animation);}.ColorModeIconDark {color: #E0E0E7;}/* Tooltip */.TooltipContainer {position: relative;width: 100%;}.TooltipContent {display: none;visibility: hidden;opacity: 0;position: absolute;z-index: 1;background-color: var(--color-background-block);border-radius: 8px;padding: 8px;left: 0vw;box-shadow: 3px 3px 10px 3px color-mix(in srgb, var(--color-shadow-box), transparent 33%);transition: opacity 0.25s ease;}.TooltipContentResearchInterest {top: calc(130% + 8px);width: 250px;}.TooltipContentCollaboration {top: calc(130% + 8px);width: 800px;}.TooltipContentCitation {top: calc(130% + 8px);width: 800px;}.TooltipContentFooterIcon {bottom: calc(210% + 8px);width: auto;text-align: center;}.TooltipArrowUp, .TooltipArrowDown {position: absolute;width: 0;height: 0;transform: translateX(-50%);border-left: 6px solid transparent;border-right: 6px solid transparent;}.TooltipArrowUp {bottom: 100%;border-bottom: 6px solid var(--color-background-block);}.TooltipArrowDown {top: 100%;border-top: 6px solid var(--color-background-block);}.TooltipContentShow {visibility: visible;opacity: 1;}.TooltipCloseButton {float: right;font-weight: bold;}/* Custom YouTube Embedding */.YouTubeDiv {position: relative;display: block;cursor: pointer;max-width: 100%;width: 100%;aspect-ratio: 16/9;background: #000000;}.YouTubeDiv img {display: block;width: 100%;height: 100%;object-fit:cover;}.YouTubeDiv span {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 68px;height: 48px;background: #FF0033;border-radius: 12px;transition: all 0.25s ease;}.YouTubeDiv span::after {content: "";position: absolute;left: 26px;top: 14px;border-style: solid;border-width: 10px 0 10px 16px;border-color: transparent transparent transparent #FFFFFF;}.YouTubeDiv span:hover {box-shadow: 0 4px 4px color-mix(in srgb, var(--color-shadow-buttoninset), transparent 33%);}