@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');


:root {
  --redlina-red: #E82615;  /* #FF3B1E */
  --redlina-black: #171717;
  --redlina-background-1: #F2EFEB;
  --redlina-background-2: #E6E3E0;
  --redlina-background-3: #D9D6D2;
  --redlina-background-4: #F7F5F2;
  --redlina-grayline-1: #D9D9D9;
  --redlina-grayline-2: #C9C9C9;
  --redlina-graytext-1: #948F8B;
  --redlina-graytext-2: #7A7672;
  --redlina-background-1-accent: #E6E3E0;
}


body{
margin:0px 0px 100px 0px;
background-color:var(--redlina-background-1);
font-family: Lato, Inter, Arial, sans-serif;
}





/* =========================
   TOOLTIP (GLOBAL - BOTTOM)
   ========================= */

[data-label] {
  position: relative;
}

[data-label]::after {
  content: attr(data-label);

  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%) translateY(-4px);

  background: #111;
  color: #fff;
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 6px;

  white-space: nowrap;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;

  z-index: 1000;
}

[data-label]:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}




button, a {
  -webkit-tap-highlight-color: transparent;
  color: inherit;
}

img {
  -webkit-tap-highlight-color: transparent;
}