/* * Anivenues * Simple venues listing inspired on Mercedes Formula One 2026 Sprints schedule */
 :root {
   --mb-black: #000000;
   --mb-gray: #788084;
   --mb-white: #FFFFFF;
   --mb-aqua: #00F5D2;
   --hexa-opacity-start: 0.02;
   --hexa-opacity-end: 0.09;
}
/* titillium-web-latin-600-normal */
 @font-face {
   font-family: 'Titillium Web';
   font-style: normal;
   font-display: swap;
   font-weight: 600;
   src: url(https://cdn.jsdelivr.net/fontsource/fonts/titillium-web@latest/latin-600-normal.woff2) format('woff2'), url(https://cdn.jsdelivr.net/fontsource/fonts/titillium-web@latest/latin-600-normal.woff) format('woff');
   unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
 html, body {
   margin: 0;
   padding: 0;
 }
 body {
   background: #141414;
   color: #F4F4F4;
   font-family: 'Titillium Web', 'Noto Sans', sans-serif;
}
 .d-inline-block {
   display: inline-block;
}
 h1, h2, h3, h4 {
   font-family: 'Noto Sans', sans-serif;
}
 .img-fluid, .full-width {
   max-width: 100%;
   width: 100%;
}
 .dates {
   padding-right: 1.42em;
   font-weight: 600;
}
 .posr {
   position: relative;
}
 h3, h4 {
   margin: 0;
   font-weight: 300 !important;
}
 h4 {
   text-transform: uppercase;
   color: var(--mb-aqua);
   font-size: 0.55em;
   margin: 0;
}
 h3 {
   font-size: 1.7em;
   margin: 0;
}
 h1 {
   font-size: 2.4em;
   color: var(--mb-aqua);
   margin-top: -0.4em ;
   padding: 0;
}
 h2 {
   font-size: 3em;
   margin: 0;
   padding: 0;
   line-height: 1em;
}
 ol {
   list-style: none;
   padding-left: 0;
   margin-top: -3em;
}
 li {
   height: 3.2em;
}
 li svg {
   position: absolute;
   bottom: 0;
   right: 0;
   z-index: 5;
}
 .order {
   background: var(--mb-aqua);
   color: black;
   width: 1.25em;
   height: 1.25em;
   line-height: 1.5em;
   font-size: 2em;
   display: block;
   text-align: center;
   font-weight: bold;
}
 .dflex {
   display: flex;
}
 .v-enter-from {
}
 .v-enter-active {
}
 .v-enter-to {
}
 .v-leave-from {
}
 .v-leave-active {
}
 .v-leave-to {
}
 .list-move, .list-enter-active, .list-leave-active {
   transition: all 1.84s ease-in-out;
}
 .list-enter-from, .list-leave-to {
   transform: translateY(64px);
   opacity: 0;
}
 .pattern {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1;
}
/* @keyframes: duration easing-function delay iteration-count direction fill-mode playstate name */
 .pattern img {
   width: 20px;
   margin: 0 4px 0 0;
   animation: 3.5s ease-in-out infinite paused brittle;
   opacity: var(--hexa-opacity-start);
   transform: rotate(90deg);
}
 .pattern .brittle {
   animation-play-state: running;
   animation-iteration-count: 4;
}
 @keyframes brittle {
   from {
     opacity: var(--hexa-opacity-start);
  }
   50% {
     opacity: var(--hexa-opacity-end);
  }
   to {
     opacity: var(--hexa-opacity-start);
  }
}
 main {
   position: relative;
   z-index: 5;
}
 .text-end {
   text-align: right;
}
