/* Algemene reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Basis styling */
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #f5f5f5;
  color: #333;
}

/* Main container: beperkte breedte op desktop */
main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
}

p {
  font-size: 1.2em;
  line-height: 1.5;
  margin: 20px 5px;
}

/* Header styling */


/* ----- HEADER STYLING ----- */
.custom-header {
  background-color: #111; /* Dark background */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between; 
  padding: 10px 20px;
  position: relative;
}

/* Logo container: left side */
.logo-container {
  display: flex;
  align-items: center;
}

.logo-image {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.site-name {
  margin-left: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}

/* Navigation: center links on desktop */
.main-nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

.main-nav li a {
   font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}

.main-nav li a:hover {
  text-decoration: none;
  color: #AE1C28; /* Red from the Dutch flag */
}

/* Position nav in the center on desktop */
@media (min-width: 769px) {
  .main-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* On mobile, reset nav positioning */
@media (max-width: 768px) {
  .main-nav {
    position: static;
  }
}

/* Menu button (hamburger) on the right */
.menu-button {
  display: none; /* Hidden on desktop by default */
  cursor: pointer;
}

/* Hamburger icon styling */
.hamburger-icon {
  width: 25px;
  height: 3px;
  background-color: #fff;
  position: relative;
}

.hamburger-icon::before,
.hamburger-icon::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 3px;
  background-color: #fff;
  left: 0;
}

.hamburger-icon::before {
  top: -8px;
}

.hamburger-icon::after {
  top: 8px;
}

/* ----- RESPONSIVE RULES ----- */
@media (max-width: 768px) {
  /* Hide horizontal nav, show hamburger icon */
  .main-nav ul {
    display: none;
    flex-direction: column;
    background-color: #111;
    position: absolute;
    top: 60px; /* Adjust based on header height */
    left: 0;
    width: 100%;
    padding: 10px 0;
    z-index: 1000;
    align-items: center; /* Center the items horizontally */
    text-align: center;
  }

  /* Show nav when active */
  .main-nav ul.active {
    display: flex;
  }

  .main-nav li {
    margin: 10px 0;
  }
  
  .menu-button {
    display: block;
  }
}





/* Custom paragraaf stijl */
.custom-paragraph {
  font-size: 1.1em;
  margin: 20px 0;

}

/* Responsive afbeelding stijl */
.responsive-image {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px auto;
  border: 3px solid #d80027;
}

/* Unieke stijl voor bullet-lijsten */
/* Стилізація секції для буліт-списку */
.bullet-list-section {
  margin: 40px 20px;
  padding: 20px;
  background-color: #fff;
  border-left: 5px solid #d80027;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.bullet-list-section h2 {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
  font-size: 1.8em;
}

/* Оновлений дизайн буліт-списку */
.custom-bullet-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.custom-bullet-list li {
  position: relative;
  padding-left: 25px; /* Відступ для маркера */
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 1em;
  line-height: 1.5;
}

/* Сучасний круглий маркер */
.custom-bullet-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;     /* Ширина маркера */
  height: 10px;    /* Висота маркера */
  background-color: #d80027; /* Колір маркера */
  border-radius: 50%;        /* Робить маркер круглим */
}

/* Мобільні налаштування */
@media (max-width: 768px) {
  .bullet-list-section {
    margin: 20px;
    padding: 15px;
  }
  
  .bullet-list-section h2 {
    font-size: 1.6em;
  }
  
  .custom-bullet-list li {
    font-size: 0.95em;
  }
}




/* Unieke stijl voor genummerde lijsten */
/* Розділ покрокового посібника */
.step-by-step-section {
  margin: 40px 20px;
  padding: 20px;
  background-color: #fff;
  border-left: 5px solid #d80027;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.step-by-step-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8em;
  margin-bottom: 20px;
  color: #111;
}

/* Список кроків */
.step-guide {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.step-guide li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}

/* Круглий номер кроку */
.step-number {
  flex: 0 0 40px;
  height: 40px;
  background-color: #d80027;
  color: #fff;
  border-radius: 50%;
  font-size: 1.2em;
  font-family: 'Montserrat', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  flex-shrink: 0;
}

/* Контейнер для вмісту кроку */
.step-content h3 {
  margin: 0;
  font-size: 1.4em;
  font-family: 'Montserrat', sans-serif;
  color: #111;
}

.step-content p {
  margin: 5px 0 0;
  font-size: 1em;
  line-height: 1.5;
  color: #333;
}

/* Мобільна адаптація */
@media (max-width: 768px) {
  .step-guide li {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .step-number {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    font-size: 1em;  /* трохи зменшено, щоб число вміщувалося */
    margin-right: 0;
    margin-bottom: 10px;
  }
}



/* Tabel Sectie */
.table-section {
  margin: 40px 20px;
}

/* Responsive Table Wrapper */
.table-responsive {
  width: 100%;
  overflow-x: auto;
}

/* Review Tabel Styling */
.review-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #ccc;
  font-family: 'Montserrat', sans-serif;
}

.review-table th,
.review-table td {
  border: 1px solid #ccc;
  padding: 12px;
  text-align: left;
}

.review-table th {
  background-color: #d80027;
  color: #fff;
}

.review-table tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .review-table th,
  .review-table td {
    padding: 8px;
  }
}


/* Footer styling */
.custom-footer {
  background-color: #111; /* Same dark background as header */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between; 
  padding: 20px;
  flex-wrap: wrap; /* Allows items to stack on smaller screens */
}

.footer-logo {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.footer-logo-img {
  width: 40px;
  height: 40px;
  object-fit: cover;
}

.footer-nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

.footer-nav li a {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.footer-nav li a:hover {
  text-decoration: none;
  color: #AE1C28; /* Red from the Dutch flag */
}

.footer-copy {
  font-size: 0.9em;
}

/* Mobile adjustments for footer */
@media (max-width: 768px) {
  .custom-footer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-nav ul {
    flex-direction: column;
    gap: 10px;
  }
  .footer-logo {
    margin-bottom: 15px;
  }
  .footer-copy {
    margin-top: 15px;
  }
}

/* Responsive regels */
@media (max-width: 768px) {
nav, main {
    padding: 15px;
  }
  .custom-paragraph {
    font-size: 1em;
  }
  .custom-bullet-list, .custom-numbered-list {
    padding-left: 30px;
  }
}


.hero-section {
  background: linear-gradient(135deg, #004d99, #d80027);
  color: #fff;
  padding: 60px 20px;
  text-align: center;
}

.hero-content {
  max-width: 800px;
  margin: 0 auto;
}

.hero-section h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5em;
  margin-bottom: 20px;
}

.hero-section p {
  font-size: 1.2em;
  line-height: 1.5;
}



/* Pros & Cons Section */
.pros-cons-section {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 40px 20px;
  gap: 20px;
}

.pros-block,
.cons-block {
  background-color: #fff;
  padding: 20px;
  width: 48%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

/* Distinct left border colors for a visual cue */
.pros-block {
  border-left: 5px solid #d80027;
}

.cons-block {
  border-left: 5px solid #ff9933;
}

/* Headings for both blocks */
.pros-block h2,
.cons-block h2 {
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 15px;
}

/* Remove default list styles */
.pros-block ul,
.cons-block ul {
  list-style: none;
  padding-left: 0;
}

/* Custom bullet icons for each list item */
.pros-block ul li::before {
  content: "✔️";
  margin-right: 8px;
  color: #d80027;
}

.cons-block ul li::before {
  content: "❌";
  margin-right: 8px;
  color: #ff9933;
}

.pros-block ul li,
.cons-block ul li {
  margin-bottom: 10px;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .pros-cons-section {
    flex-direction: column;
  }
  .pros-block,
  .cons-block {
    width: 100%;
  }
}



/* FAQ Секція */
.faq-section {
  margin: 40px 20px;
  padding: 20px;
  background-color: #fff;
  border-left: 5px solid #d80027;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.faq-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.8em;
  margin-bottom: 20px;
  color: #111;
}

/* FAQ Елементи */
.faq-item {
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

.faq-item:last-child {
  border-bottom: none;
}

/* Стилизований заголовок питання */
.faq-question {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.2em;
  color: #d80027;
  cursor: pointer;
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
  transition: background-color 0.3s ease;
}

/* При відкритті питання */
.faq-item[open] .faq-question {
  background-color: #e6f7ff;
}

/* Відповідь */
.faq-answer {
  margin-top: 10px;
  font-size: 1em;
  color: #333;
  padding-left: 10px;
}

/* Адаптивні налаштування */
@media (max-width: 768px) {
  .faq-section {
    margin: 20px;
    padding: 15px;
  }
  
  .faq-section h2 {
    font-size: 1.6em;
  }
  
  .faq-question {
    font-size: 1.1em;
    padding: 8px;
  }
  
  .faq-answer {
    font-size: 0.95em;
  }
}


/* Стиль для кнопки "Вгору" */
/* Стиль для кнопки "Вгору" */
.to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #d80027;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  cursor: pointer;
  font-size: 24px; /* збільшено для кращої видимості стрілки */
  box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  z-index: 1000;
  transition: background-color 0.3s ease;
}

.to-top:hover {
  background-color: #0088cc;
}


@media (max-width: 768px) {
  .to-top {
    display: none;
  }
}


/* 1) Casino TOP Styles */

/* 2) Wrapper */
.casino-list {
  max-width: 1100px;
  margin: 0 auto;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* 3) Card */
.casino-card {
  position: relative;              /* for rank badge */
  display: flex;
  flex-direction: row;
  background: #212936;             /* card background */
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  border-left: 4px solid #4e80ee;  /* accent border */
}

/* 4) Rank badge */
.rank {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  background: #4e80ee;             /* primary accent */
  color: #ffffff;
  border-radius: 0 0 8px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* 5) Image column and responsive tweaks */
.card-image {
  flex: 0 0 20%;                   /* ~20% of card width */
  max-width: 240px;                /* desktop limit */
  min-width: 120px;                /* mobile limit */
  aspect-ratio: 1 / 1;             /* square */
  background: #f7f7f7;             /* neutral frame */
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
.card-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
@media (max-width: 768px) {
  .card-image {
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 4 / 3;
    margin: 0 auto 1rem;
  }
}

/* 6) Main content area - FIXED: Using CSS Grid for consistent layout */
.card-content {
  flex: 1;
  display: grid;
  grid-template-columns: 1fr 180px 200px; /* casino-info | offers | actions */
  align-items: center;
  padding: 1rem;
  gap: 2rem;
}

/* 7) Casino info (title + rating) */
.casino-info {
  display: flex;
  flex-direction: column;
  min-width: 0; /* Allow text to wrap/truncate if needed */
}
.casino-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: #ffffff;
}
.rating {
  margin-top: 0.25rem;
  display: flex;
}
.rating .star {
  color: #FFD700;
  font-size: 1rem;
  margin-right: 2px;
}

/* 8) Offers block - FIXED: Removed auto margins */
.offers {
  width: 180px;
  padding: 1rem 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: rgba(140, 172, 229, 0.1);
  border: 1px solid #4e80ee;
  border-radius: 4px;
  justify-self: center; /* Center within its grid cell */
}
.offers .bonus,
.offers .freespins {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.offers .bonus::before,
.offers .freespins::before {
  content: attr(data-label);
  font-size: 1.25rem;
  font-weight: bold;
  color: #4e80ee;
  margin-bottom: 0.25rem;
}
.offers .amount {
  font-size: 1rem;
  font-weight: bold;
  color: #ffffff;
  margin: 0;
}

/* 9) Actions (buttons + disclaimer) - FIXED: Positioned in grid */
.actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  justify-self: center; /* Center within its grid cell */
}
.btn-primary,
.btn-secondary {
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.btn-primary {
  padding: 1rem 1.5rem;
  font-size: 1rem;
  background: linear-gradient(45deg, #4e80ee, #8cace5);
  color: #ffffff;
  animation: earthquake 4s ease-in-out infinite;
}
.btn-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  background: linear-gradient(45deg, #8cace5, #4e80ee);
}
.btn-secondary {
  width: 160px;
  padding: 0.75rem;
  font-size: 0.85rem;
  background: #212936;
  color: #8cace5;
  border: 1px solid #8cace5;
}
.btn-secondary:hover {
  transform: scale(1.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}
.disclaimer {
  font-size: 0.75rem;
  color: #ffffff;
  margin-top: 0.5rem;
  text-align: center;
}

/* 10) Shake animation */
@keyframes earthquake {
  0%   { transform: translate(0, 0) rotate(0deg); }
  2%   { transform: translate(-2px, 1px) rotate(-1deg); }
  4%   { transform: translate(-2px, -1px) rotate(1deg); }
  6%   { transform: translate(2px, 1px) rotate(0deg); }
  8%   { transform: translate(2px, -1px) rotate(1deg); }
  10%  { transform: translate(-2px, 1px) rotate(-1deg); }
  11%, 100% { transform: translate(0, 0) rotate(0deg); }
}

/* 11) Mobile adaptation - FIXED: Better responsive grid */
@media (max-width: 768px) {
  .casino-card {
    flex-direction: column;
  }
  .card-content {
    display: flex; /* Switch back to flexbox on mobile */
    flex-direction: column;
    gap: 1rem;
  }
  .casino-info {
    align-items: center;
    text-align: center;
  }
  .offers {
    width: 80%;
    margin: 0 auto 1rem;
  }
  .actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  .btn-primary,
  .btn-secondary {
    width: 48%;
  }
  .disclaimer {
    order: 1;
    width: 100%;
    margin-top: 0.75rem;
  }
}

/* Section title */
.section-title {
  font-size: 1.75rem;
  font-weight: bold;
  color: #212936;
  text-align: center;
  margin: 2rem 0 1rem;
}





/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
  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;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  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;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3GUBGEe.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3iUBGEe.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3CUBGEe.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3-UBGEe.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* math */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMawCUBGEe.woff2) format('woff2');
  unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-209F, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}
/* symbols */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMaxKUBGEe.woff2) format('woff2');
  unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AE, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F8D0-1F8D8, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FAC6, U+1FAC8, U+1FACC-1FADD, U+1FADF-1FAEB, U+1FAEF-1FAFA, U+1FB00-1FBFF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3OUBGEe.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3KUBGEe.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/static/ledgerplay/fonts/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2) format('woff2');
  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;
}

body.spark-popup-no-scroll{overflow:hidden}

:host{--text-primary:#2b2c43;--card-bg:#fff;--card-border-primary:#eff3fc;--card-border-accent:#ffb752;--logo-bg:#1a192a;--position-bg-primary:#e4eaf6;--position-bg-accent:#ffce2f;--position-border-primary:#bbcae9;--position-border-accent:#ffb73b;--label-text:#f1f7fc;--label-bg:#1850e2;--cta-text:#fff;--cta-bg:#ff9a03;--separator:#d3d5e3;--star:#ffb342;--star-empty:#bbc5d7;--hover:brightness(.75) saturate(1.25);--active:brightness(.6) saturate(1.4)}

*{--base:10px;scroll-behavior:smooth;box-sizing:border-box;outline:none;margin:0;padding:0;font-family:system-ui,sans-serif;text-decoration:none}@media screen and (width<=1280px){*{--base:9px}}@media screen and (width<=1024px){*{--base:7px}}@media screen and (width<=480px){*{--base:9px}}.g-stars{align-items:center;gap:5px;display:flex}.g-stars .g-star{width:calc(2.1 * var(--base));display:block}.g-stars .g-star .g-stars-fill{stop-color:var(--star)}.g-stars .g-star .g-stars-empty{stop-color:var(--star-empty)}.global-wrapper{container-type:inline-size}.global-wrapper .container{gap:calc(1.6 * var(--base));display:grid}.global-wrapper .container .item-wrapper{align-items:center;gap:0 calc(2 * var(--base));padding:calc(1 * var(--base)) calc(2.4 * var(--base)) calc(1 * var(--base)) calc(1 * var(--base));background:var(--card-bg);border:solid 1px var(--card-border-primary);border-radius:calc(1.6 * var(--base));grid-template-columns:minmax(228px,2fr) 3fr 1px 3fr minmax(200px,2fr);list-style:none;display:grid}@container (width<=1024px){.global-wrapper .container .item-wrapper{grid-template-columns:200px 3fr 1px 3fr 160px}}@container (width<=768px){.global-wrapper .container .item-wrapper{padding:calc(1 * var(--base));grid-template-columns:1fr 1fr 1px 1fr}}@container (width<=480px){.global-wrapper .container .item-wrapper{gap:calc(2 * var(--base));grid-template-columns:1fr}}.global-wrapper .container .item-wrapper .logo-wrapper{aspect-ratio:2;background:var(--logo-bg);border-radius:calc(.8 * var(--base));justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}@container (width<=768px){.global-wrapper .container .item-wrapper .logo-wrapper{grid-row:span 2}}@container (width<=480px){.global-wrapper .container .item-wrapper .logo-wrapper{grid-row:unset}}.global-wrapper .container .item-wrapper .logo-wrapper .logo{width:100%;height:100%;display:block}.global-wrapper .container .item-wrapper .logo-wrapper .position{top:calc(.6 * var(--base));left:calc(.6 * var(--base));width:calc(2.4 * var(--base));height:calc(2.4 * var(--base));background:var(--position-bg-primary);border:solid 1px var(--position-border-primary);border-radius:calc(.8 * var(--base));font-size:calc(1.4 * var(--base));line-height:calc(2.2 * var(--base));color:var(--text-primary);text-align:center;font-weight:600;position:absolute;box-shadow:0 0 8px 2px #00000080}.global-wrapper .container .item-wrapper .logo-wrapper .label{padding:0 calc(.8 * var(--base));top:calc(.6 * var(--base));left:calc(3.4 * var(--base));background:var(--label-bg);border-radius:calc(.8 * var(--base));font-size:calc(1.4 * var(--base));line-height:calc(2.4 * var(--base));color:var(--label-text);white-space:nowrap;text-transform:uppercase;font-weight:600;position:absolute;box-shadow:0 0 8px 2px #00000080}@container (width<=768px){.global-wrapper .container .item-wrapper .brand-wrapper{grid-row:span 2}}@container (width<=480px){.global-wrapper .container .item-wrapper .brand-wrapper{grid-row:unset;justify-content:center;display:grid}}.global-wrapper .container .item-wrapper .brand-wrapper .title{font-size:calc(2 * var(--base));line-height:calc(2.8 * var(--base));color:var(--text-primary);font-weight:700}@container (width<=480px){.global-wrapper .container .item-wrapper .brand-wrapper .title{text-align:center}}.global-wrapper .container .item-wrapper .brand-wrapper .rating{align-items:center;gap:calc(1 * var(--base));margin-top:calc(.5 * var(--base));display:flex}@container (width<=480px){.global-wrapper .container .item-wrapper .brand-wrapper .rating{margin:calc(.5 * var(--base)) auto 0}}.global-wrapper .container .item-wrapper .brand-wrapper .rating .count{font-size:calc(1.6 * var(--base));line-height:calc(2 * var(--base));color:var(--text-primary);font-weight:500}.global-wrapper .container .item-wrapper .separator{background:var(--separator);border:none;width:1px;height:75%}@container (width<=768px){.global-wrapper .container .item-wrapper .separator{grid-row:span 2}}@container (width<=480px){.global-wrapper .container .item-wrapper .separator{grid-row:unset;width:100%;height:1px}}.global-wrapper .container .item-wrapper .bonus{font-size:calc(1.6 * var(--base));line-height:calc(2.8 * var(--base));color:var(--text-primary);text-align:center;font-weight:600}.global-wrapper .container .item-wrapper .cta{padding:calc(1.5 * var(--base));background:var(--cta-bg);border-radius:calc(1.4 * var(--base));font-size:calc(1.6 * var(--base));line-height:calc(2.5 * var(--base));color:var(--cta-text);text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;font-weight:600;transition:filter .2s;display:block;overflow:hidden}.global-wrapper .container .item-wrapper .cta:hover{filter:var(--hover)}.global-wrapper .container .item-wrapper .cta:active{filter:var(--active)}.global-wrapper .container .item-wrapper.top{border-width:2px;border-color:var(--card-border-accent)}.global-wrapper .container .item-wrapper.top .logo-wrapper .position{background:var(--position-bg-accent);border-color:var(--position-border-accent)}

.popup-email-collector{padding:calc(2 * var(--base));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;z-index:99999;background:#0003;justify-content:center;display:none;position:fixed;inset:0;overflow-y:auto}.popup-email-collector .container{width:100%;max-width:calc(85 * var(--base));padding:calc(2.5 * var(--base)) calc(3.5 * var(--base));border-radius:calc(1.6 * var(--base));opacity:0;background:#fff;border:2px solid #6d2bf1;margin:auto;transition:opacity .4s;position:relative;overflow:hidden}@media screen and (width<=1024px){.popup-email-collector .container{padding:calc(4 * var(--base)) calc(2.5 * var(--base)) calc(2.5 * var(--base));max-width:calc(60 * var(--base))}}.popup-email-collector .container .close-button{top:calc(1.8 * var(--base));right:calc(2.5 * var(--base));width:calc(1.8 * var(--base));height:calc(1.8 * var(--base));background:0 0;border:none;position:absolute}.popup-email-collector .container .close-button .close-icon{cursor:pointer;width:100%;height:100%}.popup-email-collector .container .close-button .close-icon path{transition:fill .2s}.popup-email-collector .container .close-button .close-icon:hover path{fill:#6d2bf1}.popup-email-collector .container .collector{align-items:center;gap:calc(4 * var(--base));display:flex}@media screen and (width<=1024px){.popup-email-collector .container .collector{gap:calc(2 * var(--base));flex-direction:column-reverse}}.popup-email-collector .container .collector .image{width:30%;display:block}@media screen and (width<=1024px){.popup-email-collector .container .collector .image{width:50%}.popup-email-collector .container .collector .content{text-align:center}}.popup-email-collector .container .collector .content .title{font-size:calc(3.2 * var(--base));color:#6d2bf1;text-transform:uppercase;font-weight:800;line-height:125%}@media screen and (width<=480px){.popup-email-collector .container .collector .content .title{font-size:calc(2.2 * var(--base))}}.popup-email-collector .container .collector .content .description{margin-top:calc(2.5 * var(--base));font-size:calc(1.8 * var(--base));color:#727070;font-weight:500;line-height:150%}@media screen and (width<=1024px){.popup-email-collector .container .collector .content .description{font-size:calc(2.25 * var(--base))}}@media screen and (width<=480px){.popup-email-collector .container .collector .content .description{font-size:calc(1.6 * var(--base))}}.popup-email-collector .container .collector .content .form{position:relative;overflow:hidden}.popup-email-collector .container .collector .content .form .website{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.popup-email-collector .container .collector .content .form .input{width:100%;margin-top:calc(2.5 * var(--base));padding:calc(1.1 * var(--base)) calc(2.3 * var(--base));border-radius:calc(1 * var(--base));font-size:calc(1.4 * var(--base));color:#3f3f3f;background:#fef4d8;border:1px solid #fef4d8;line-height:150%;transition:all .2s}@media screen and (width<=1024px){.popup-email-collector .container .collector .content .form .input{font-size:calc(2 * var(--base))}}@media screen and (width<=480px){.popup-email-collector .container .collector .content .form .input{font-size:calc(1.4 * var(--base))}}.popup-email-collector .container .collector .content .form .input ::placeholder{color:#b5b6c4}.popup-email-collector .container .collector .content .form .input:disabled{opacity:.8}.popup-email-collector .container .collector .content .form .input.error{background:#ffeced;border-color:#f93446}.popup-email-collector .container .collector .content .form .input.error+.input-error{display:block}.popup-email-collector .container .collector .content .form .input-error{font-size:calc(1.4 * var(--base));color:#f93446;margin-top:5px;line-height:150%;display:none}@media screen and (width<=1024px){.popup-email-collector .container .collector .content .form .input-error{font-size:calc(2 * var(--base))}}@media screen and (width<=480px){.popup-email-collector .container .collector .content .form .input-error{font-size:calc(1.4 * var(--base))}}.popup-email-collector .container .collector .content .form .checkbox-line{align-items:center;gap:calc(1.2 * var(--base));margin-top:calc(2 * var(--base));display:flex}.popup-email-collector .container .collector .content .form .checkbox-line .checkbox{width:calc(2 * var(--base));height:calc(2 * var(--base));appearance:none;cursor:pointer;border:1px solid #b5b6c4;border-radius:4px;place-content:center;transition:border-color .2s;display:grid}.popup-email-collector .container .collector .content .form .checkbox-line .checkbox:hover{border-color:#6d2bf1}.popup-email-collector .container .collector .content .form .checkbox-line .checkbox:checked{background:#4f46e5;border-color:#4f46e5}.popup-email-collector .container .collector .content .form .checkbox-line .checkbox:after{content:"";width:calc(1 * var(--base));height:calc(.5 * var(--base));border-bottom:2px solid #fff;border-left:2px solid #fff;border-radius:1px;transition:transform .1s;transform:translateY(-1px)rotate(-45deg)scale(0)}.popup-email-collector .container .collector .content .form .checkbox-line .checkbox:checked:after{transform:translateY(-1px)rotate(-45deg)scale(1)}.popup-email-collector .container .collector .content .form .checkbox-line label{font-size:calc(1.4 * var(--base));color:#727070;text-align:left;cursor:pointer;line-height:100%}@media screen and (width<=1024px){.popup-email-collector .container .collector .content .form .checkbox-line label{font-size:calc(2 * var(--base))}}@media screen and (width<=480px){.popup-email-collector .container .collector .content .form .checkbox-line label{font-size:calc(1.4 * var(--base))}}.popup-email-collector .container .collector .content .form .button{width:100%;margin-top:calc(2 * var(--base));padding:calc(1 * var(--base));border-radius:calc(2.1 * var(--base));font-size:calc(1.8 * var(--base));color:#353941;text-transform:uppercase;background:#fdbd13;border:2px solid #fdbd13;font-weight:600;line-height:100%;transition:all .2s}.popup-email-collector .container .collector .content .form .button:not([disabled]){cursor:pointer}.popup-email-collector .container .collector .content .form .button:hover{color:#fff;background:#6d2bf1;border-color:#6d2bf1}.popup-email-collector .container .collector .content .form .button:active{color:#fff;background:#5a20cd;border-color:#5a20cd}.popup-email-collector .container .collector .content .form .button:disabled{color:#b6b0bf;background:#eae8f1;border:2px solid #eae8f1}.popup-email-collector .container .success-result{padding:calc(2 * var(--base)) 0;font-size:calc(3.2 * var(--base));color:#6d2bf1;text-transform:uppercase;text-align:center;font-weight:800;line-height:125%;display:none}.popup-email-collector .container .loader{background:#0006;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.popup-email-collector .container .loader .loader-icon{width:calc(8 * var(--base));height:calc(8 * var(--base));animation:1s linear infinite spin}.popup-email-collector .container .loader .loader-icon path{stroke:#6d2bf1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}



:host{all:initial;display:flex;flex-direction:column;align-items:center;padding:1rem;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;font-family:Roboto,system-ui,sans-serif;color:#353941}
.spark-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55)}
.spark-popup-card{position:relative;z-index:1;flex-shrink:0;width:min(330px,calc(100vw - 2rem));margin-top:auto;margin-bottom:auto;background:#fff;border:2px solid #6d2bf1;border-radius:16px;overflow:hidden;box-sizing:border-box}
.spark-popup-card--wheel{width:min(358px,calc(100vw - 2rem));max-width:358px;background:transparent;border:4px solid #fff;border-radius:16px;color:#fff}
.spark-popup-content{position:relative;width:100%}
.spark-popup-close{position:absolute;top:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;font-size:0;line-height:0;color:transparent}
.spark-popup-close::before,.spark-popup-close::after{content:"";position:absolute;width:100%;height:2px;background:#000;border-radius:1px;transform:rotate(45deg)}
.spark-popup-close::after{transform:rotate(-45deg)}
@media (min-width:800px){
  .spark-popup-card:not(.spark-popup-card--wheel){width:min(850px,calc(100vw - 2rem))}
  .spark-popup-close:not(.spark-popup-close--wheel){top:14px;right:20px;width:22px;height:22px}
}
.spark-popup-close--wheel{top:15px;right:15px;width:18px;height:18px}
.spark-popup-close--wheel::before,.spark-popup-close--wheel::after{background:#fff}
@media (min-width:992px){
  .spark-popup-card--wheel{width:min(932px,calc(100vw - 2rem));max-width:932px}
}



.spark-popup-email{padding:32px 24px 24px;box-sizing:border-box}
.spark-popup-email__form{display:flex;flex-direction:column;gap:0;align-items:stretch}
.spark-popup-email__hero{order:2;width:143px;height:auto;max-width:100%;align-self:center;margin-top:20px}
.spark-popup-email__form .spark-popup-email__copy{order:1;text-align:center}
.spark-popup-email__title{margin:0 0 12px;font-size:20px;font-weight:800;line-height:1.25;letter-spacing:.02em;text-transform:uppercase;color:#6d2bf1}
.spark-popup-email__body{margin:0 0 20px;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.02em;color:#727070}
.spark-popup-email__field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.spark-popup-email__input{width:100%;box-sizing:border-box;height:44px;padding:0 20px;border:0;border-radius:10px;background:#fef4d8;font:inherit;font-size:14px;color:#353941}
.spark-popup-email__input::placeholder{color:#b5b6c4}
.spark-popup-email__input--invalid{outline:2px solid #d32f2f}
.spark-popup-email__consent-block{display:flex;flex-direction:column;align-items:flex-start;width:fit-content;max-width:100%;margin:0 auto 16px;text-align:left}
.spark-popup-email__consent{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:0;font-size:13px;line-height:1.3;color:#727070;text-align:left}
.spark-popup-email__consent input{flex-shrink:0;box-sizing:border-box;width:15px;height:15px;margin:0;appearance:none;-webkit-appearance:none;border:1px solid #b5b6c4;border-radius:4px;background:#fff;cursor:pointer}
.spark-popup-email__consent input:checked{border-color:#6d2bf1;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%236d2bf1' stroke-width='2' d='M2.5 6.5 5 9l4.5-5.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px}
.spark-popup-email__consent-block .spark-popup-email__error{margin:6px 0 0;text-align:left}
.spark-popup-email__cta{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:39px;padding:10px 16px;border:0;border-radius:50px;background:#fdbd13;color:#353941;font:inherit;font-size:16px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease}
.spark-popup-email__cta:hover:not(:disabled){background:#6d2bf1;color:#fff}
.spark-popup-email__cta:disabled{opacity:.65;cursor:wait}
.spark-popup-email__error{margin:0;font-size:12px;color:#b00020;text-align:left}
.spark-popup-email__success{display:flex;align-items:center;justify-content:center;min-height:120px;padding:28px 24px;text-align:center;font-size:18px;font-weight:800;line-height:1.35;letter-spacing:.02em;text-transform:uppercase;color:#6d2bf1;box-sizing:border-box}
@media (min-width:800px){
  .spark-popup-email{padding:28px 45px 30px 16px}
  .spark-popup-email__form{display:grid;grid-template-columns:238px 1fr;gap:24px 36px;align-items:center}
  .spark-popup-email__hero{order:0;width:238px;justify-self:center;margin-top:0}
  .spark-popup-email__form .spark-popup-email__copy{order:0;text-align:left}
  .spark-popup-email__title{margin:0 0 25px;font-size:32px;line-height:1.2}
  .spark-popup-email__body{margin:0 0 23px;font-size:18px;line-height:1.4;letter-spacing:normal}
  .spark-popup-email__field{margin-bottom:27px}
  .spark-popup-email__consent-block{margin:0 0 21px}
  .spark-popup-email__consent{gap:13px;font-size:14px}
  .spark-popup-email__consent input{width:19px;height:19px}
  .spark-popup-email__consent input:checked{background-size:15px 15px}
  .spark-popup-email__cta{min-height:46px;font-size:18px}
  .spark-popup-email__success{height:150px;min-height:150px;padding:0 48px;font-size:32px;line-height:1.15}
}

.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 10000;
    background: #111111;
    color: #ffffff;
    padding: 10px 16px;
    border-radius: 0 0 6px 0;
}
.skip-link:focus {
    left: 0;
}

.op-nav-toggle {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.site-name {
    text-decoration: none;
}

.main-nav li a {
    white-space: nowrap;
    font-size: 0.94em;
}

.logo-container a {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.op-badge18 {
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border: 1px solid #d80027;
    border-radius: 4px;
    color: #d80027;
    font-size: 0.8em;
    font-weight: 700;
    vertical-align: middle;
}

.op-crumbs {
    max-width: 1100px;
    margin: 0 auto;
    padding: 14px 20px 0;
    font-size: 0.9em;
}
.op-crumbs ol {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    color: #5a5a5a;
}
.op-crumbs li + li::before {
    content: "/";
    margin-right: 8px;
    color: #b9b9b9;
}
.op-crumbs a {
    color: #333333;
    text-decoration: none;
}
.op-crumbs a:hover {
    color: #d80027;
}

.review-section h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8em;
    margin-bottom: 15px;
}

.op-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 10px;
}

.op-card {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.op-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
}
.op-card__media {
    display: block;
    background: #eceff2;
}
.op-card__media img {
    display: block;
    width: 100%;
    height: 170px;
    object-fit: cover;
}
.op-card__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px;
    flex: 1;
}
.op-card__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.1em;
    line-height: 1.35;
    margin: 0;
}
.op-card__title a {
    color: #111111;
    text-decoration: none;
}
.op-card__title a:hover {
    color: #d80027;
}
.op-card__excerpt {
    font-size: 0.93em;
    line-height: 1.55;
    color: #5a5a5a;
    margin: 0;
    flex: 1;
}
.op-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-size: 0.82em;
    color: #7c7c7c;
}
.op-card__cat {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 999px;
    background: rgba(216, 0, 39, 0.1);
    color: #d80027;
    font-weight: 600;
    text-decoration: none;
}
.op-card__cat:hover {
    background: #d80027;
    color: #ffffff;
}

.op-btn {
    display: inline-block;
    padding: 9px 20px;
    border-radius: 6px;
    background: #d80027;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
}
.op-btn:hover {
    background: #b4001f;
}

.op-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 26px;
}
.op-pager__info {
    font-size: 0.9em;
    color: #5a5a5a;
}

.op-postmeta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    font-size: 0.92em;
    opacity: 0.92;
}

.op-postbody {
    font-size: 1.02em;
    line-height: 1.75;
}
.op-postbody h2,
.op-postbody h3 {
    font-family: 'Montserrat', sans-serif;
    margin: 22px 0 12px;
}
.op-postbody p {
    margin: 0 0 14px;
}
.op-postbody ul,
.op-postbody ol {
    margin: 0 0 16px;
    padding-left: 22px;
}
.op-postbody li {
    margin-bottom: 8px;
}
.op-postbody a {
    color: #d80027;
}
.op-postbody img {
    max-width: 100%;
    height: auto;
    border-radius: 6px;
}
.op-postbody table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 18px;
    font-size: 0.95em;
}
.op-postbody th,
.op-postbody td {
    border: 1px solid #e0e0e0;
    padding: 9px 12px;
    text-align: left;
}
.op-postbody th {
    background: #f1f3f5;
    font-weight: 700;
}

.op-authorbox {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 18px;
}
.op-authorbox__avatar {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #111111;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4em;
    font-weight: 700;
}
.op-authorbox__body h3 {
    margin: 0 0 4px;
    font-family: 'Montserrat', sans-serif;
    font-size: 1.15em;
}
.op-authorbox__role {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 0.82em;
    color: #d80027;
    font-weight: 600;
}
.op-authorbox__body p {
    margin: 0;
    font-size: 0.94em;
    color: #5a5a5a;
    line-height: 1.6;
}

.op-slots {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin-top: 10px;
}
.op-slot {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 14px 10px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease;
}
.op-slot:hover {
    border-color: #d80027;
    transform: translateY(-3px);
}
.op-slot img {
    width: 100%;
    max-width: 120px;
    height: auto;
    border-radius: 6px;
}
.op-slot__label {
    font-size: 0.86em;
    font-weight: 600;
    color: #111111;
    text-align: center;
}

.op-comments h2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.6em;
    margin-bottom: 15px;
}
.op-comments__empty {
    color: #5a5a5a;
}
.op-comment-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.op-comment {
    display: flex;
    gap: 14px;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    border-radius: 8px;
    padding: 16px;
}
.op-comment__avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #004d99;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}
.op-comment__meta {
    margin: 0 0 6px;
    font-size: 0.88em;
    color: #7c7c7c;
}
.op-comment__meta strong {
    color: #111111;
}
.op-comment__text {
    margin: 0;
    font-size: 0.95em;
    line-height: 1.6;
}

@media (max-width: 1024px) {
    .op-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .op-slots {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .op-nav-toggle:checked ~ .main-nav ul {
        display: flex;
    }
    .op-grid {
        grid-template-columns: minmax(0, 1fr);
    }
    .op-slots {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .op-crumbs {
        padding: 12px 14px 0;
    }
    .op-authorbox {
        flex-direction: column;
    }
    .op-comment {
        flex-direction: column;
    }
    .op-pager {
        flex-direction: column;
    }
}