:root {
  --text-color: #626262;
  --text-black:#161922;	
  --primary-color: #469ddb;
  --secondary-color:#ffcc00;	
  --white:#fff;	
  --light-grey: #efefef;
  --darker-light-grey: #f2f4f5;	
	--swiper-theme-color:#469ddb;
	
}




*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url( '/theme/js/boxsizing.htc' );
	-webkit-tap-highlight-color: rgba( 0, 0, 0, 0 );
}


html, body,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s,
samp, small, strike, strong, sup, sub, tt, var, b, u, i, center,
ul, ol, li, dl, dt, dd,
table, tr, th, td, thead, tbody, tfoot, caption,
form, fieldset, legend, input, textarea, select, label,
applet, object, iframe, audio, video, canvas,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary
{
	font-size: 100%;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	line-height: inherit;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	padding: 0;
	margin: 0;
}

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Helvetica, Arial, sans-serif; line-height: 1; color: #000; background-color: #fff; }

article, aside, canvas, 
details, figcaption,
figure, footer, header,
hgroup, menu, nav, 
section, summary		{ display: block; }

audio, canvas, video	{ display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls])	{ display: none; }

[hidden]				{ display: none; }
[disabled]				{ opacity: .5; }

a 						{ text-decoration: underline; color: #000; }
a:hover 				{ text-decoration: none; }

small					{ font-size: 85%; }
big						{ font-size: 120%; }
em						{ font-style: italic; }
strong					{ font-weight: bold; }
ins						{ text-decoration: none; }
del						{ text-decoration: line-through; }
sup, sub				{ font-size: 75%; line-height: 0; }
sup						{ vertical-align: super; }
sub						{ vertical-align: sub; }
pre						{ display: block; overflow: auto; }
code					{ font-family: 'Courier New', Courier, monospace; }

ul, ol					{ list-style: none; }

table					{ table-layout: auto; border-collapse: separate; border-spacing: 0; empty-cells: hide; }

img						{ vertical-align: middle; -ms-interpolation-mode: bicubic; }
svg:not(:root)			{ overflow: hidden; }

blockquote, q			{ quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after					{ content: ''; content: none;}

input, textarea 														{ -webkit-appearance: none; }
button, input, select, textarea 										{ vertical-align: baseline; *vertical-align: middle; -webkit-border-radius: 0; }
button, input 															{ line-height: normal; *overflow: visible; }
table button, table input 												{ *overflow: auto; }
button, input[type='button'], input[type='reset'], input[type='submit']	{ cursor: pointer; -webkit-appearance: button; }
textarea 																{ overflow: auto; vertical-align: top; }
input[type='search']::-webkit-search-decoration,
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button,
input[type='search']::-webkit-search-results-decoration 				{ display: none; }
input[type='search']													{ -webkit-appearance: textfield; }
input[type='radio']														{ -webkit-appearance: radio; }
input[type='checkbox']													{ -webkit-appearance: checkbox; }

.clearfix:after					{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix 				{ zoom: 1; }
*:first-child+html .clearfix	{ zoom: 1; }
.cleaner 						{ height: 0; line-height: 0; clear: both; }



/* figtree-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/figtree-v5-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/figtree-v5-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/figtree-v5-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/figtree-v5-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* figtree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/figtree-v5-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/figtree-v5-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


@font-face {
  font-family: "Font Awesome 6 Free";
  src: url("./fonts/fa-regular-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.fa,
.fa-regular {
  font-family: "Font Awesome 6 Free";
  font-weight: 400;
  font-style: normal;
  display: inline-block;
  line-height: 1;
}

.overlay{display:none;      
	transition:all 1.5s;
	height:0dvh;
}
.overlay.overlayActive{
	display:block;
position: fixed;
z-index: 9999;
background-color: #fff;
}


.overlay.overlaystyle{
	width: 95%;
height: 95dvh;
	left: 2%;
top: 2%;	
overflow: scroll;
	}


.overlay.overlayActive.iframeoverlay, .overlay.overlayActive.overlaystyle{
	
	width: 95%;
height: 95dvh;
	left: 2%;
top: 2%;
    border-radius:25px;
	overflow:hidden;
}



.overlay.overlayActive.sheetstyle {
     transition:all 1.5s;
	height:65dvh !important;
	bottom:0px;
	width: 100%;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
overflow: scroll;
}

.overlay.overlayActive.sheetstyle .imageContent{height:65dvh; overflow:scroll;border-top-left-radius: 30px;
border-top-right-radius: 30px;}

.overlay.overlayActive.sheetstyle .pagewrapper{
    height:65dvh; overflow:scroll
	
}


.overlay_topbar{position:absolute; height:40px; top:0px; right:0px; z-index:9999;}


#dark-back {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    display: none;
    background: rgba(0, 0, 0, 0.4);
    z-index: 90;
    padding-right: 17px;
    overflow: hidden;
}





/* figtree-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/figtree-v5-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/figtree-v5-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



/* figtree-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/figtree-v5-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 800;
  src: url('./fonts/figtree-v5-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


/* figtree-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/figtree-v5-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* figtree-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 900;
  src: url('./fonts/figtree-v5-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('./fonts/figtree-v5-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

html, body{
	color:var(--text-color);
	font-size:15px;
	line-height:20px;
	font-family: 'Figtree';
	font-weight: 300;
	margin: 0;
	padding: 0;
}

p {margin-bottom:12px; margin-top: 0; padding:0;}


h1, h2, h3, h4{
	color:var(--text-black);
	font-weight: 800;
}


h1{
	line-height: 36px;
	font-size:36px;
	margin-bottom:0px;
	padding-bottom: 0px;
}

h2{
	font-size:32px;
	line-height: 32px;
	margin-bottom:0px;
	padding-bottom: 0px;
}

h3{
	font-size:26px;
	line-height: 26px;
	margin-bottom:0px;
	padding-bottom: 0px;
}

h4{
	font-size:18px;
	line-height: 22px;
	
}




body { padding: 0; margin: 0; background-color:#000; }
#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100vh; z-index:1; }
/*#unity-canvas { background: #231F20 }*/
#unity-canvas { position:absolute; background: #231F20; }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left:50%;  bottom: 10%; transform: translate(-50%, -50%); display: none; width:131px;}

/*
#unity-loading-bar{
  position: fixed !important;
  left: 50% !important;
  bottom: 40px !important;
  transform: translateX(-50%) !important;
  z-index: 9999 !important;
  display: none;
}*/

.unity-loading-hint span {color:#fff; font-size: 15px; text-align: center; width:100%;} 
.unity-loading-hint {text-align: center;}

#xpTitle{

color:#fff;
z-index: 999;
position: relative;
	top:25px;
height:30px;
display: flex;
justify-content: center;
}

#xpTitle span{background-color: rgba(1, 1, 1, 0.6);
padding: 5px;
padding-left: 20px;
padding-right: 20px;
border-radius: 20px;
display:inline-block;
}

#unity-progress-bar-empty.loadingBarActive{display:block}



/* XP Loading Screen darüber */
#xpimage{
    opacity:0.3;
  position: fixed;        /* wichtig für z-index */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;           /* über Button */
}


.deactiveLoading#xpimage{display:none;}

#unity-logo { width: 154px; height: 130px; background: url('unity-logo-light.png') no-repeat center }
/*#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-light.png') no-repeat center }*/

#unity-progress-bar-empty { position:absolute; z-index:9999; width: 131px; height: 12px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center;}

#unity-progress-bar-full { width: 0%; height: 12px;  background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }


.viewFinderOverlay.vfInvisible{
    display:none;
}


.viewFinderOverlay { width:300px; height:400px; background-image: url("viewfinder_xs.png");
    background-size: 300px 400px;
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    z-index: 9;
    pointer-events: none;
}

.viewFinderOverlay.viewFinderActive{background-image: url("viewfinder_xs_active.png");}

.introScreen {background-color:var( --primary-color);
	 position: fixed;          /* nimmt die ganze Fläche ein */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;            /* ganze Bildschirmhöhe */
    display: flex;
    justify-content: center;  /* horizontal zentrieren */
    align-items: center;      /* vertikal zentrieren */
	z-index:1001;
}

.movalLogo svg{height:50px;}

.introScreen {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color); /* oder dein Hintergrund */
}

.movalLogo svg {
  height: 50px;
}

/* Startzustand der Buchstaben */
#Ebene_1 .letter {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Sichtbar */
#Ebene_1 .letter.visible {
  opacity: 1;
  transform: translateY(0);
}


#uiFab{
  position: fixed;
  right: 18px;
  bottom: 18px;
   z-index: 9;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: none;
  background: rgba(0,0,0,.8);
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
  cursor: pointer;
      display: none;          /* initial unsichtbar */
  z-index: 50; 
}

#uiFab:active{ transform: scale(0.95); }

#uiMarkerlistOverlay{
  position: fixed;
  inset: 0;
  z-index: 1000;
}

/* ========== Overlay Root ========== */
.uiOverlay{
  position: fixed;
  inset: 0;
  z-index: 9999;
}

.uiOverlayHidden{ display:none; }

.uiOverlayBackdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.35);
}

/* Panel scrollt komplett */
.uiOverlayPanel{
  position: absolute;
  inset: 0;
  height: 100dvh;
  background: #efefef;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* ========== Sticky Top Bar ========== */
.uiOverlayHeader{
  position: fixed;
  top: 0;
  z-index: 10;
    width:100%;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 0 16px;
  background: rgba(239,239,239, 0);
 /* backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(0,0,0,.06);*/
}

.uiOverlayTitle{
  font-weight: 700;
  font-size: 15px;
  color: #111;
display: none;    
}

/* Close rechts in der sticky bar */
.uiOverlayClose{
  position: absolute;
  right: 14px;
  top: 55%;
  transform: translateY(-50%);

  width: 42px;
  height: 42px;
  border-radius: 999px;
  border: none;
  background: #fff;
  box-shadow: 0 8px 18px rgba(0,0,0,.10);
  font-size: 24px;
  line-height: 36px;
  cursor: pointer;
}

/* ========== Header Image (scrollt normal) ========== */
.uiProjectHeader{
  position: relative;
  height: 350px;
  min-height: 280px;
  background: #d9d9d9;
}

.uiProjectHeaderImg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  filter: grayscale(100%);
}

.uiProjectHeaderFallback{
  width: 100%;
  height: 100%;
  background: #cfcfcf;
}

/* Pill im Bild */
.uiCodePill{
  position: absolute;
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 18px;
  border-radius: 999px;
  color: #fff;
    font-size:15px;    
  background: rgba(0,0,0,.35);
  backdrop-filter: blur(8px);
  white-space: nowrap;
}

/* ========== Action Bar (scrollt normal) ========== */
.uiActionBar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 18px;
  background: #efefef;
}

.uiActionButtons{
  display: flex;
  gap: 12px;
  align-items: center;
}

/* Action Buttons als divs */
.uiActionItem{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: #FFD400;
  box-shadow: 0 10px 18px rgba(0,0,0,.12);

  display: grid;
  place-items: center;
  cursor: pointer;
  user-select: none;
}

.uiActionItem:active{ transform: translateY(1px); }

.uiActionItem:focus{
  outline: 2px solid rgba(0,0,0,.25);
  outline-offset: 2px;
}

.uiIcon{
  font-size: 22px;
  font-weight: 900;
  color: #111;
  line-height: 1;
}

.uiActionLogo{
  width: 140px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.uiActionLogo img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  opacity: .95;
}

/* ========== Body Content (scrollt normal) ========== */
.uiOverlayBody{
  padding: 0 18px 40px;
}

.uiProjectTitle{
  font-size: 36px;
  font-weight: 900;
  margin: 8px 0 14px;
}

/* Liste ohne Default-UL Styling */
.uiTargetList{
  list-style: none;
  padding: 0;
  margin: 0;

  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* List Items als Card */
.uiTargetRow{
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 14px;
  align-items: center;

  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 8px 22px rgba(0,0,0,.10);

  cursor: pointer;
  user-select: none;
}

/* optional focus für keyboard */
.uiTargetRow:focus{
  outline: 2px solid rgba(0,0,0,.18);
  outline-offset: 3px;
}

.uiTargetThumb{
  width: 92px;
  height: 92px;
  background: #eee;
}

.uiTargetThumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.uiTargetText{
  padding: 14px 14px 14px 0;
}

.uiTargetTitle{
  font-size: 15px;
  color: #111;
  margin-bottom: 6px;
}

.uiTargetDesc{
  font-size: 14px;
  color: #666;
  line-height: 1.35;
}


.uiTooltip {
  position: fixed;
  inset: 0;
  z-index: 9999; /* höher als Overlay */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.uiTooltipHidden {
  display: none;
}

.uiTooltipBackdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6); /* seetransparenter schwarzer Hintergrund */
}

.uiTooltipCard {
  position: relative;
  z-index: 1;
  width: min(640px, 92vw);
  max-height: min(70vh, 520px);
  overflow: auto;
  background: rgba(20,20,20,0.92);
  color: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.35);
  padding: 18px 16px 16px 16px;
}

.uiTooltipClose {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  background: rgba(255,255,255,0.12);
  color: #fff;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  font-size: 20px;
  line-height: 34px;
  cursor: pointer;
}

.uiTooltipContent {
  font-size: 15px;
  line-height: 1.45;
  white-space: normal;
    width:92%;
}