@charset "UTF-8";
@font-face {
  font-family: "Graphik";
  src: url("./static/fonts/Graphik/Graphik-Regular.woff2") format("woff2"), url("./static/fonts/Graphik/Graphik-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("./static/fonts/Graphik/Graphik-Medium.woff2") format("woff2"), url("./static/fonts/Graphik/Graphik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Graphik";
  src: url("./static/fonts/Graphik/Graphik-Bold.woff2") format("woff2"), url("./static/fonts/Graphik/Graphik-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Camel Curved AlternatePl";
  src: url("./static/fonts/CamelCurvedAlternatePl/CamelCurvedAlternatePl-outside.woff2") format("woff2"), url("./static/fonts/CamelCurvedAlternatePl/CamelCurvedAlternatePl-outside.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CamelPl";
  src: url("./static/fonts/CamelPl/camelpl-regular-webfont.woff2") format("woff2"), url("./static/fonts/CamelPl/camelpl-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "CamelPl";
  src: url("./static/fonts/CamelPl/camelpl-bold-webfont.woff2") format("woff2"), url("./static/fonts/CamelPl/camelpl-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --fc-accent-color: #006cff;
  --fc-accent-color-dark: #0055cc;
  --fc-text-color: #333;
  --fc-text-inverse: #fff;
  --fc-bg-color: #fff;
  --fc-border-color: rgb(0 0 0 / 8%);
  --like-btn-color: #006cff;
  --camel-blue: #006cff;
  --camel-yellow: #ffe800;
  --camel-bright-blue: #00c2ff;
}

.theme-blue {
  --fc-accent-color: #006cff;
  --fc-accent-color-dark: #0055cc;
  --like-btn-color: #FFE800;
  --own-it-color: #FFE800;
  --want-it-more-svg-color: #FFE800;
}

.theme-blue-2 {
  --fc-accent-color: #006cff;
  --fc-accent-color-dark: #0055cc;
  --like-btn-color: #73C1FD;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #000000;
}

.theme-red {
  --fc-accent-color: #c41e3a;
  --fc-accent-color-dark: #9a1830;
  --like-btn-color: #c41e3a;
}

.theme-original-red {
  --fc-accent-color: #DE1111;
  --fc-accent-color-dark: #DE1111;
  --like-btn-color: #DE1111;
}

.theme-silver {
  --fc-accent-color: #6b7280;
  --fc-accent-color-dark: #4b5563;
  --like-btn-color: #6b7280;
}

.theme-gold {
  --fc-accent-color: #b8860b;
  --fc-accent-color-dark: #8b6914;
  --like-btn-color: #E9D3A7;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #000000;
}

.theme-green {
  --fc-accent-color: #059669;
  --fc-accent-color-dark: #047857;
  --like-btn-color: #059669;
}

.theme-yellow {
  --fc-accent-color: #FFE800;
  --fc-accent-color-dark: #D4C200;
  --like-btn-color: #006CFF;
  --own-it-color: #FFE800;
  --want-it-more-svg-color: #006cff;
}

.theme-yellow-2 {
  --fc-accent-color: #FFE800;
  --fc-accent-color-dark: #FFE696;
  --like-btn-color: #006CFF;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #006cff;
}

.theme-yellow-100 {
  --fc-accent-color: #FFE800;
  --fc-accent-color-dark: #FFE696;
  --like-btn-color: #FFE696;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #000;
}

.theme-blue-soft {
  --fc-accent-color: #FFE800;
  --fc-accent-color-dark: #FFE696;
  --like-btn-color: #FFE696;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #000;
}

.theme-yellow-soft {
  --fc-accent-color: #FFE800;
  --fc-accent-color-dark: #FFE696;
  --like-btn-color: #FFE696;
  --own-it-color: #FFE696;
  --want-it-more-svg-color: #000;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  html {
    font-size: 80%;
  }
}
@media (min-width: 1280px) and (max-width: 1919px) {
  html {
    font-size: 90%;
  }
}

body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizespeed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
ol {
  list-style: none;
}

button {
  cursor: pointer;
  border: none;
  background: none;
}

@keyframes bg-slow-pan-zoom {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(-1.5%, -1.5%);
  }
  50% {
    transform: scale(1.12) translate(0, -3%);
  }
  75% {
    transform: scale(1.08) translate(1.5%, -1.5%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes bg-slow-pan-zoom-rtl {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(1.5%, -0.75%);
  }
  50% {
    transform: scale(1.12) translate(3%, 0);
  }
  75% {
    transform: scale(1.08) translate(1.5%, 0.75%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes bg-slow-pan-zoom-ltr {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(-1.5%, 0.75%);
  }
  50% {
    transform: scale(1.12) translate(-3%, 0);
  }
  75% {
    transform: scale(1.08) translate(-1.5%, -0.75%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes bg-slow-pan-zoom-diagonal {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(-1.5%, -1.5%);
  }
  50% {
    transform: scale(1.12) translate(-2%, -2%);
  }
  75% {
    transform: scale(1.08) translate(-0.75%, -0.75%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes bg-slow-pan-zoom-diagonal-reverse {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(1.5%, -1.5%);
  }
  50% {
    transform: scale(1.12) translate(2%, -2%);
  }
  75% {
    transform: scale(1.08) translate(0.75%, -0.75%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes bg-slow-pan-zoom-vertical {
  0% {
    transform: scale(1) translate(0, 0);
  }
  25% {
    transform: scale(1.08) translate(0, -2%);
  }
  50% {
    transform: scale(1.12) translate(0, -3.5%);
  }
  75% {
    transform: scale(1.08) translate(0, -1.5%);
  }
  100% {
    transform: scale(1) translate(0, 0);
  }
}
@keyframes text-slide-in {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes text-slide-in-vertical {
  0% {
    opacity: 0;
    transform: rotate(180deg) translateY(-1.875rem);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: rotate(180deg) translateY(0);
  }
}
@keyframes text-slide-in-svg {
  0% {
    opacity: 0;
    transform: translateY(1.875rem);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes like-pulse {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(1.3);
  }
  50% {
    transform: scale(0.9);
  }
  75% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes welcome-bg-slide-in {
  0% {
    clip-path: inset(100% 0 0 0);
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}
@keyframes welcome-text-slide-in {
  0% {
    opacity: 0;
    transform: translateY(3.75rem);
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes alert-banner-slide-in {
  0% {
    opacity: 0;
    transform: translateY(-1.25rem);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
    max-height: 31.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
@keyframes alert-banner-slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
    max-height: 31.25rem;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: translateY(-1.25rem);
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@keyframes alert-banner-popover-in {
  0% {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes alert-banner-popover-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
}
@keyframes hero-zoom-in {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
@keyframes hero-content-slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100vh);
  }
  60% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes toast-slide-in {
  0% {
    opacity: 0;
    transform: translateY(100%) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translateY(-0.3125rem) scale(1);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes toast-slide-out {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(100%);
  }
}
body {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #1e293b;
  background-color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #1e293b;
}

h1 {
  font-size: 2rem;
  line-height: 2.75rem;
}
@media (min-width: 769px) {
  h1 {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
}
@media (min-width: 1024px) {
  h1 {
    font-size: 4rem;
    line-height: 4.5rem;
  }
}

h2 {
  font-size: 1.625rem;
  line-height: 2.25rem;
}
@media (min-width: 769px) {
  h2 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}
@media (min-width: 1024px) {
  h2 {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
}

h3 {
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: 0;
}
@media (min-width: 769px) {
  h3 {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
@media (min-width: 1024px) {
  h3 {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

h4 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
}
@media (min-width: 769px) {
  h4 {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
@media (min-width: 1024px) {
  h4 {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}

h5 {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.375rem;
}

p {
  margin-bottom: 1rem;
}
p:last-child {
  margin-bottom: 0;
}

.text-lg {
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 769px) {
  .text-lg {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .text-lg {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}

.text-md {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 769px) {
  .text-md {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
@media (min-width: 1024px) {
  .text-md {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

a {
  color: #006cff;
  transition: color 150ms ease;
}
a:hover {
  color: #0055cc;
}

strong,
b {
  font-weight: 700;
}

small {
  font-size: 0.875rem;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.hidden {
  display: none;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

@media (min-width: 769px) {
  .d-mobile-only {
    display: none !important;
  }
}

.d-desktop-only {
  display: none !important;
}
@media (min-width: 769px) {
  .d-desktop-only {
    display: revert !important;
  }
}

.d-mobile-none {
  display: none !important;
}
@media (min-width: 769px) {
  .d-mobile-none {
    display: revert !important;
  }
}

@media (min-width: 769px) {
  .d-desktop-none {
    display: none !important;
  }
}

.sr-only {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-sm {
  margin-top: 0.625rem;
}

.mt-md {
  margin-top: 1rem;
}

.mt-lg {
  margin-top: 1.5rem;
}

.mt-xl {
  margin-top: 2.5rem;
}

.mt-2xl {
  margin-top: 3rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-sm {
  margin-bottom: 0.625rem;
}

.mb-md {
  margin-bottom: 1rem;
}

.mb-lg {
  margin-bottom: 1.5rem;
}

.mb-xl {
  margin-bottom: 2.5rem;
}

.mb-2xl {
  margin-bottom: 3rem;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mt-nav {
  margin-top: 12rem;
}
@media (max-width: 768px) {
  .mt-nav {
    margin-top: 6.25rem;
  }
}

.order-mobile-1 {
  order: 1;
}
@media (min-width: 1024px) {
  .order-mobile-1 {
    order: initial;
  }
}

.order-mobile-2 {
  order: 2;
}
@media (min-width: 1024px) {
  .order-mobile-2 {
    order: initial;
  }
}

.order-mobile-3 {
  order: 3;
}
@media (min-width: 1024px) {
  .order-mobile-3 {
    order: initial;
  }
}

.order-mobile-4 {
  order: 4;
}
@media (min-width: 1024px) {
  .order-mobile-4 {
    order: initial;
  }
}

.order-mobile-5 {
  order: 5;
}
@media (min-width: 1024px) {
  .order-mobile-5 {
    order: initial;
  }
}

.order-mobile-6 {
  order: 6;
}
@media (min-width: 1024px) {
  .order-mobile-6 {
    order: initial;
  }
}

.order-mobile-7 {
  order: 7;
}
@media (min-width: 1024px) {
  .order-mobile-7 {
    order: initial;
  }
}

.order-mobile-8 {
  order: 8;
}
@media (min-width: 1024px) {
  .order-mobile-8 {
    order: initial;
  }
}

.order-mobile-9 {
  order: 9;
}
@media (min-width: 1024px) {
  .order-mobile-9 {
    order: initial;
  }
}

.order-mobile-10 {
  order: 10;
}
@media (min-width: 1024px) {
  .order-mobile-10 {
    order: initial;
  }
}

.order-mobile-11 {
  order: 11;
}
@media (min-width: 1024px) {
  .order-mobile-11 {
    order: initial;
  }
}

.order-mobile-12 {
  order: 12;
}
@media (min-width: 1024px) {
  .order-mobile-12 {
    order: initial;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-1 {
    order: 1;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-2 {
    order: 2;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-3 {
    order: 3;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-4 {
    order: 4;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-5 {
    order: 5;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-6 {
    order: 6;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-7 {
    order: 7;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-8 {
    order: 8;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-9 {
    order: 9;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-10 {
    order: 10;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-11 {
    order: 11;
  }
}

@media (min-width: 769px) and (max-width: 1023px) {
  .order-tablet-12 {
    order: 12;
  }
}

@media (min-width: 1024px) {
  .order-desktop-1 {
    order: 1;
  }
}

@media (min-width: 1024px) {
  .order-desktop-2 {
    order: 2;
  }
}

@media (min-width: 1024px) {
  .order-desktop-3 {
    order: 3;
  }
}

@media (min-width: 1024px) {
  .order-desktop-4 {
    order: 4;
  }
}

@media (min-width: 1024px) {
  .order-desktop-5 {
    order: 5;
  }
}

@media (min-width: 1024px) {
  .order-desktop-6 {
    order: 6;
  }
}

@media (min-width: 1024px) {
  .order-desktop-7 {
    order: 7;
  }
}

@media (min-width: 1024px) {
  .order-desktop-8 {
    order: 8;
  }
}

@media (min-width: 1024px) {
  .order-desktop-9 {
    order: 9;
  }
}

@media (min-width: 1024px) {
  .order-desktop-10 {
    order: 10;
  }
}

@media (min-width: 1024px) {
  .order-desktop-11 {
    order: 11;
  }
}

@media (min-width: 1024px) {
  .order-desktop-12 {
    order: 12;
  }
}

.js-reveal {
  opacity: 0;
  transform: translateY(7.5rem);
  transition: opacity 0.2s cubic-bezier(0, 0.56, 0, 1.01), transform 1s cubic-bezier(0, -0.01, 0.27, 0.98) !important;
}

.js-reveal.is-revealed {
  opacity: 1;
  transform: translateY(0);
}

.js-reveal--slow {
  transform: translateY(7.5rem);
}
@media (min-width: 769px) {
  .js-reveal--slow {
    transform: translateY(17.5rem);
  }
}

.js-reveal--large {
  transform: translateY(25rem);
}
.js-reveal--large.is-revealed {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .js-reveal {
    transform: none;
    transition: none !important;
  }
}
.disclaimer {
  color: #006cff;
  text-align: center;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1rem;
  letter-spacing: 0;
  margin-top: 0.625rem;
  padding: 0 1rem;
}
@media (max-width: 768px) {
  .disclaimer--mobile {
    margin-top: -0.625rem;
  }
}
.disclaimer--left {
  text-align: left;
  padding: 0;
  margin: 0;
}

.container {
  width: 100%;
  max-width: 1308px;
  margin-inline: auto;
  padding-inline: 17.5px;
}
@media (min-width: 769px) {
  .container {
    padding-inline: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1100px;
  }
}
@media (min-width: 1280px) {
  .container {
    max-width: 1308px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1474px;
  }
}

main:not(.auth-layout) {
  background-color: #E5F0FF;
  padding-bottom: 3.75rem;
}

.auth-layout {
  display: flex;
  min-height: min(100vh, 68.75rem);
  width: 100%;
}
@media (max-width: 769px) {
  .auth-layout {
    flex-direction: column;
    min-height: auto;
  }
}

.auth-content {
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem;
  padding-left: max((100vw - 1308px) / 2 + 1.5rem, 1.5rem);
  background-color: #fff;
}
@media (min-width: 1920px) {
  .auth-content {
    padding-left: calc((100vw - 1474px) / 2 + 1.5rem);
  }
}
@media (max-width: 769px) {
  .auth-content {
    padding: 0;
    width: 100%;
  }
}
.auth-content__inner {
  width: 100%;
  max-width: 31.9375rem;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 769px) {
  .auth-content__inner {
    max-width: 100%;
    padding: 1.5rem 1.25rem 1.25rem;
    gap: 1.5rem;
  }
}

.auth-logo {
  width: 6.25rem;
  height: auto;
}
@media (max-width: 769px) {
  .auth-logo {
    width: 2.875rem;
    align-self: center;
  }
}

.auth-visual {
  width: 42.5%;
  position: sticky;
  top: 0;
  height: min(100vh, 68.75rem);
  overflow: hidden;
  flex-shrink: 0;
  align-self: flex-start;
}
@media (max-width: 769px) {
  .auth-visual {
    display: none;
  }
}
.auth-visual__image {
  width: 100%;
  height: 100%;
}
.auth-visual__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.auth-visual--mobile {
  display: none;
}
@media (max-width: 769px) {
  .auth-visual--mobile {
    display: block;
    width: 100%;
    aspect-ratio: 280/156;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .auth-visual--mobile img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
}

.site-footer {
  background-color: #006cff;
  margin-top: auto;
  padding: 1.25rem 0;
  color: #fff;
}

.footer-legal {
  background-color: #ffe800;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  margin: 1.25rem 0;
  text-align: center;
}
@media (min-width: 769px) {
  .footer-legal {
    margin: 1.25rem 0;
    padding: 1rem 3rem;
  }
}
.footer-legal__text {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  color: #006cff;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  line-height: 1rem;
}

.footer-main {
  padding: 0;
}

.footer-logo-row {
  padding: 1.25rem 0;
}
.footer-logo-row .footer-logo {
  display: inline-block;
}
.footer-logo-row .footer-logo img {
  width: 3.75rem;
  height: 3.75rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.footer-columns {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.25rem 0;
}
@media (min-width: 769px) {
  .footer-columns {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.footer-columns__left {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  .footer-columns__left {
    flex-direction: row;
    gap: 1.5rem;
  }
}
@media (min-width: 769px) {
  .footer-columns__right {
    text-align: right;
  }
}

.footer-column {
  min-width: 11.875rem;
}
@media (max-width: 1024px) {
  .footer-column {
    min-width: 40%;
  }
}
.footer-column__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.375rem;
  margin-bottom: 1.25rem;
}
.footer-column__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-column__list li {
  display: block;
}
.footer-column__list a {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.375rem;
  transition: color 150ms ease;
}
.footer-column__list a:hover {
  color: #ffe800;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.footer-contact__item .footer-column__title {
  margin-bottom: 1.25rem;
}
.footer-contact__link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
  text-decoration: underline;
  transition: color 150ms ease;
}
.footer-contact__link:hover {
  color: #ffe800;
}
.footer-contact__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #fff;
}

.footer-social-row {
  display: flex;
  justify-content: center;
  padding: 1.25rem 0;
}
@media (min-width: 769px) {
  .footer-social-row {
    justify-content: flex-end;
  }
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.footer-social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  color: #fff;
  transition: color 150ms ease;
}
@media (max-width: 768px) {
  .footer-social__link {
    width: 1.25rem;
    height: 1.25rem;
  }
  .footer-social__link .icon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.footer-social__link:hover {
  color: #ffe800;
}

.footer-bottom__content {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  display: flex;
  flex-direction: column;
}

.footer-copyright {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #fff;
  line-height: 1rem;
  padding-top: 1.875rem;
  padding-bottom: 1.25rem;
  margin: 0;
}

.footer-submenu {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 4rem;
}
.footer-submenu a {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #fff;
  line-height: 1.25rem;
  transition: color 150ms ease;
}
.footer-submenu a:hover {
  color: #ffe800;
}

.footer-public {
  background-color: #ffe800;
  margin-top: auto;
  padding-top: 1.5rem;
}

.footer-public__legal {
  padding: 0 1.5rem 1.75rem;
}
@media (min-width: 769px) {
  .footer-public__legal {
    margin-inline: auto;
  }
}

.footer-public__legal-text {
  background-color: #006cff;
  border-radius: 0.5rem;
  padding: 1rem 1.5rem;
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  line-height: 0.875rem;
  text-align: center;
  min-height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 769px) {
  .footer-public__legal-text {
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 1rem 3rem;
  }
}

.footer-public__main {
  padding: 0.625rem 0 1.5rem;
}

.footer-public__info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.25rem 0;
}
@media (min-width: 769px) {
  .footer-public__info {
    flex-direction: row;
    align-items: flex-start;
    gap: 1.25rem;
  }
}

.footer-public__logo {
  flex-shrink: 0;
  padding: 1.25rem 0;
}
.footer-public__logo img {
  width: 2.875rem;
  height: 2.625rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-public__contacts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 769px) {
  .footer-public__contacts {
    flex-direction: row;
    flex-wrap: wrap;
    flex: 1;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 0;
    gap: 1.5rem;
  }
}

.footer-public__contact-item {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333;
}
@media (min-width: 769px) {
  .footer-public__contact-item {
    font-size: 1rem;
    line-height: 1.375rem;
    text-align: center;
    align-items: center;
    flex: 1 1 0;
    min-width: 0;
    gap: 0.75rem;
  }
}
.footer-public__contact-item strong {
  font-weight: 700;
}
.footer-public__contact-item span,
.footer-public__contact-item a {
  font-weight: 400;
  color: inherit;
  text-decoration: none;
  transition: color 150ms ease;
}
.footer-public__contact-item span:hover,
.footer-public__contact-item a:hover {
  color: #006cff;
}

.footer-public__bottom {
  border-top: 1px solid rgba(96, 96, 96, 0.25);
  padding-top: 1.25rem;
  margin-top: 1.25rem;
}

.footer-public__copyright {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #333;
  line-height: 1rem;
  padding: 1.25rem 0;
}

.footer-public__submenu {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 769px) {
  .footer-public__submenu {
    flex-direction: row;
    gap: 4rem;
  }
}
.footer-public__submenu a {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #606060;
  line-height: 1.25rem;
  text-decoration: none;
  transition: color 150ms ease;
}
@media (min-width: 769px) {
  .footer-public__submenu a {
    font-size: 0.875rem;
  }
}
.footer-public__submenu a:hover {
  color: #006cff;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 80;
  /* was 800 */
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

/* === Z-INDEX OBNIŻONE: max 100, navbar ma 200 === */
.leaflet-pane {
  z-index: 40;
}

/* was 400 */
.leaflet-tile-pane {
  z-index: 20;
}

/* was 200 */
.leaflet-overlay-pane {
  z-index: 40;
}

/* was 400 */
.leaflet-shadow-pane {
  z-index: 50;
}

/* was 500 */
.leaflet-marker-pane {
  z-index: 60;
}

/* was 600 */
.leaflet-tooltip-pane {
  z-index: 65;
}

/* was 650 */
.leaflet-popup-pane {
  z-index: 70;
}

/* was 700 */
.leaflet-map-pane canvas {
  z-index: 10;
}

/* was 100 */
.leaflet-map-pane svg {
  z-index: 20;
}

/* was 200 */
.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 80;
  /* was 800 */
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 100;
  /* was 1000 */
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted;
  /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-container a {
  color: #0078A8;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-control-layers-toggle {
  background-image: url(images/layers.png);
  width: 36px;
  height: 36px;
}

.leaflet-retina .leaflet-control-layers-toggle {
  background-image: url(images/layers-2x.png);
  background-size: 26px 26px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path {
  /* used only in path-guessing heuristic, see L.Icon.Default */
  background-image: url(images/marker-icon.png);
}

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

.leaflet-control-attribution.leaflet-control span,
.leaflet-control-attribution.leaflet-control a:first-child {
  display: none;
}

.leaflet-tile {
  filter: grayscale(100%) brightness(110%) contrast(90%);
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 12px;
}

.leaflet-popup-content {
  margin: 13px 24px 13px 20px;
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.accordion {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.accordion__item {
  background-color: #f5f5f1;
  border: 1px solid #f5f5f1;
  border-radius: 0.5rem;
  overflow: hidden;
  scroll-margin-top: 3.4375rem;
}
@media ((min-width: 925px)) {
.accordion__item {
  scroll-margin-top: 10.625rem;
}
}

.accordion__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1.25rem;
  border: none;
  background: none;
  cursor: pointer;
  text-align: left;
  gap: 1rem;
}
@media (min-width: 1024px) {
  .accordion__header {
    padding: 2.625rem 2.5rem;
  }
}

.accordion__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .accordion__title {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}

.accordion__icon {
  flex-shrink: 0;
  color: #006cff;
  transform: rotate(180deg);
  transition: transform 300ms ease;
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 1024px) {
  .accordion__icon {
    width: 1.9375rem;
    height: 1.9375rem;
  }
}
.accordion__item.is-open .accordion__icon {
  transform: rotate(0deg);
}

.accordion__body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease;
}

.accordion__content {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  padding: 0 1.25rem 1rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media (min-width: 1024px) {
  .accordion__content {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 0 2.5rem 2.625rem;
    max-width: 72.5625rem;
  }
}
.accordion__content a {
  color: #006cff;
  text-decoration: none;
  font-weight: 700;
}
.accordion__content a:hover {
  text-decoration: underline;
}
.accordion__content ul {
  list-style: none;
  margin: 0.25rem 0;
  padding: 0 0 0 1rem;
}
.accordion__content ul li {
  position: relative;
  padding-left: 0.75rem;
}
.accordion__content ul li::before {
  content: "–";
  position: absolute;
  left: 0;
}
.accordion__content strong,
.accordion__content b {
  font-weight: 700;
}

.alert-banner {
  display: none;
  gap: 1rem;
  align-items: flex-start;
  padding: 1.25rem;
  border-radius: 0.5rem;
  background-color: #e6e6e2;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.alert-banner.is-visible, .alert-banner--static {
  display: flex;
}
.alert-banner.is-visible {
  animation: alert-banner-slide-in 300ms ease forwards;
}
.alert-banner.is-dismissing {
  animation: alert-banner-slide-out 300ms ease forwards;
}

.alert-banner__icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  opacity: 0.75;
  background-color: #606060;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 1.917c7.778 0 14.083 6.305 14.083 14.083S23.778 30.083 16 30.083 1.917 23.778 1.917 16 8.222 1.917 16 1.917zm1.455 20.886a1.405 1.405 0 1 1-2.789 0 1.405 1.405 0 0 1 2.789 0zM15.113 18.992c0 .278 0 .492.021.749h1.873c-.021-.214-.021-.3-.021-.407 0-.835.277-1.606.937-2.055l.979-.664c1.235-.835 2.171-2.013 2.171-3.726 0-2.184-1.681-4.304-4.661-4.304-3.278 0-4.705 2.42-4.705 4.39 0 .385.043.728.128 1.028l2.065.257a3.07 3.07 0 0 1-.149-.792c0-1.349.809-2.741 2.661-2.741 1.703 0 2.533 1.178 2.533 2.441 0 .835-.404 1.606-1.128 2.099l-.937.642c-1.256.857-1.767 1.927-1.767 3.34z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0C7.163 0 0 7.163 0 16s7.163 16 16 16 16-7.163 16-16S24.837 0 16 0zm0 1.917c7.778 0 14.083 6.305 14.083 14.083S23.778 30.083 16 30.083 1.917 23.778 1.917 16 8.222 1.917 16 1.917zm1.455 20.886a1.405 1.405 0 1 1-2.789 0 1.405 1.405 0 0 1 2.789 0zM15.113 18.992c0 .278 0 .492.021.749h1.873c-.021-.214-.021-.3-.021-.407 0-.835.277-1.606.937-2.055l.979-.664c1.235-.835 2.171-2.013 2.171-3.726 0-2.184-1.681-4.304-4.661-4.304-3.278 0-4.705 2.42-4.705 4.39 0 .385.043.728.128 1.028l2.065.257a3.07 3.07 0 0 1-.149-.792c0-1.349.809-2.741 2.661-2.741 1.703 0 2.533 1.178 2.533 2.441 0 .835-.404 1.606-1.128 2.099l-.937.642c-1.256.857-1.767 1.927-1.767 3.34z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.alert-banner__icon-custom {
  color: #606060;
}

.alert-banner__content {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  min-width: 0;
  min-height: 0.0625rem;
  padding-top: 0.25rem;
  align-self: stretch;
}

.alert-banner__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  letter-spacing: 0;
  margin: 0;
}

.alert-banner__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  letter-spacing: 0;
  margin: 0;
  min-width: 100%;
  word-wrap: break-word;
}
.alert-banner__text p {
  margin-bottom: 0;
}
.alert-banner__text ul {
  list-style: disc;
  margin: 0;
  padding-left: 1.25rem;
}

.alert-banner__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  align-items: center;
  width: 100%;
}

.alert-banner__btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2rem;
  padding: 0.375rem 0.625rem;
  border-radius: 0.5rem;
  border: none;
  background-color: #006cff;
  color: #fff;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  min-width: 6.25rem;
  transition: background-color 150ms ease;
}
.alert-banner__btn-primary:hover {
  background-color: #0055cc;
}

.alert-banner__btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.125rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.5rem;
  border: 2px solid #333;
  background-color: transparent;
  color: #333;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  min-width: 6.25rem;
  transition: border-color 150ms ease;
}
.alert-banner__btn-secondary:hover {
  border-color: #006cff;
}

.alert-banner__close {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.alert-banner__close::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #606060;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.alert-banner__close:hover {
  opacity: 1;
}

.alert-banner--default {
  background-color: #e6e6e2;
}

.alert-banner--validation {
  background-color: #f5f5f5;
}

.alert-banner--error {
  background-color: #fcd9e2;
}

.alert-banner--important {
  background-color: #f6e6d8;
}

.alert-banner--light {
  background-color: #fbfbfb;
}

.alert-banner--sm {
  padding: 1rem;
}
.alert-banner--sm .alert-banner__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.alert-banner--simplified .alert-banner__content {
  padding-top: 0;
  gap: 0;
  justify-content: center;
}
.alert-banner--simplified .alert-banner__icon {
  order: 1;
}

.alert-banner--red .alert-banner__btn-primary {
  background-color: #de1111;
}
.alert-banner--red .alert-banner__btn-primary:hover {
  background-color: #b20e0e;
}
.alert-banner--red .alert-banner__btn-secondary {
  border-color: #de1111;
  color: #333;
}
.alert-banner--red .alert-banner__btn-secondary:hover {
  border-color: #b20e0e;
}

.alert-banner--static {
  display: flex;
  animation: none;
}

.alert-banner--link {
  align-items: center;
}
@media (max-width: 768px) {
  .alert-banner--link {
    align-items: flex-start;
  }
}
.alert-banner--link .alert-banner__content {
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.625rem;
}
@media (max-width: 768px) {
  .alert-banner--link .alert-banner__content {
    padding-top: 0;
  }
}
.alert-banner--link .alert-banner__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
  max-width: 42.1875rem;
  min-width: unset;
  width: auto;
}
.alert-banner--link .alert-banner__link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  align-self: flex-end;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #006cff;
  text-decoration: none;
  white-space: nowrap;
  transition: opacity 150ms ease;
}
.alert-banner--link .alert-banner__link svg {
  width: 2rem;
  height: 0.875rem;
  flex-shrink: 0;
}
.alert-banner--link .alert-banner__link:hover {
  opacity: 0.7;
}
@media (min-width: 1024px) {
  .alert-banner--link .alert-banner__content {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.25rem;
  }
  .alert-banner--link .alert-banner__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .alert-banner--link .alert-banner__link {
    font-size: 1.125rem;
    line-height: 1.5rem;
    align-self: center;
  }
  .alert-banner--link .alert-banner__link svg {
    width: 2.375rem;
    height: 0.875rem;
  }
}

.alert-banner-popover {
  position: relative;
  display: inline-flex;
}

.alert-banner--popover {
  position: absolute;
  left: 0;
  z-index: 600;
  width: -moz-max-content;
  width: max-content;
  max-width: 25rem;
  min-width: 17.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  margin: 0;
  top: calc(100% + 0.5rem);
}
.alert-banner--popover.is-visible {
  animation: alert-banner-popover-in 300ms ease forwards;
}
.alert-banner--popover.is-dismissing {
  animation: alert-banner-popover-out 300ms ease forwards;
}
.alert-banner--popover.alert-banner--popover-top {
  top: auto;
  bottom: calc(100% + 0.5rem);
}
.alert-banner--popover.alert-banner--popover-fixed {
  position: fixed;
}
@media (max-width: 768px) {
  .alert-banner--popover {
    width: calc(100vw - 35px);
    max-width: none;
    min-width: 0;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  padding: 0.125rem 0;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 0.875rem;
  letter-spacing: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.breadcrumb > * + * {
  margin-left: 0.25rem;
}

.breadcrumb__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #006cff;
  transition: color 150ms ease, transform 150ms ease;
  flex-shrink: 0;
  margin-right: -0.5rem;
}
.breadcrumb__dots svg {
  width: 1.025rem;
  height: 0.2rem;
  fill: currentColor;
  margin-right: 0.25rem;
}
.breadcrumb__dots:hover {
  color: #00c2ff;
  transform: scale(1.15);
}
.breadcrumb--expanded .breadcrumb__dots {
  width: 0;
  margin-left: 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  transition: width 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), margin-left 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.2s ease;
}

.breadcrumb__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.breadcrumb__separator svg {
  width: 0.375rem;
  height: 0.665rem;
  fill: #606060;
  transition: fill 150ms ease;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.breadcrumb__separator--collapsible {
  max-width: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), margin-left 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
  transition-delay: calc(var(--i, 0) * 80ms);
}
.breadcrumb__separator--collapsible svg {
  margin-left: 0.25rem;
}
.breadcrumb--expanded .breadcrumb__separator--collapsible {
  max-width: 1.25rem;
  margin-left: 0.25rem;
  opacity: 1;
  margin-left: 0.25rem;
}
.breadcrumb--expanded .breadcrumb__separator--collapsible + .breadcrumb__separator:not(.breadcrumb__separator--collapsible) {
  display: none;
}

.breadcrumb__link {
  color: #606060;
  text-decoration: none;
  white-space: nowrap;
  transition: color 150ms ease;
}
.breadcrumb__link:hover {
  color: #00c2ff;
  text-decoration: none;
}
.breadcrumb__link--collapsible {
  max-width: 0;
  margin-left: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-width 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), margin-left 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
  transition-delay: calc(var(--i, 0) * 80ms);
}
.breadcrumb--expanded .breadcrumb__link--collapsible {
  max-width: 12.5rem;
  margin-left: 0.25rem;
  opacity: 1;
}

.breadcrumb__current {
  color: #006cff;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color 150ms ease;
}

.breadcrumb:not(.breadcrumb--back):not(.breadcrumb--expanded):hover .breadcrumb__current {
  color: #00c2ff;
}
.breadcrumb:not(.breadcrumb--back):not(.breadcrumb--expanded):hover .breadcrumb__separator svg {
  fill: #00c2ff;
}

.breadcrumb--back {
  cursor: pointer;
  text-decoration: none;
}
.breadcrumb--back .breadcrumb__separator svg {
  fill: #006cff;
  transition: fill 150ms ease;
}
.breadcrumb--back .breadcrumb__link {
  color: #006cff;
}
.breadcrumb--back:hover .breadcrumb__separator svg {
  fill: #00c2ff;
}
.breadcrumb--back:hover .breadcrumb__link {
  color: #00c2ff;
}

.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__link {
  color: rgba(255, 255, 255, 0.7);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__link:hover {
  color: #fff;
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__separator svg {
  fill: rgba(255, 255, 255, 0.5);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__current {
  color: #fff;
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__dots {
  color: #fff;
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative .breadcrumb__dots:hover {
  color: rgba(255, 255, 255, 0.8);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative:not(.breadcrumb--back):not(.breadcrumb--expanded):hover .breadcrumb__current {
  color: rgba(255, 255, 255, 0.8);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative:not(.breadcrumb--back):not(.breadcrumb--expanded):hover .breadcrumb__separator svg {
  fill: rgba(255, 255, 255, 0.8);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative.breadcrumb--back .breadcrumb__separator svg {
  fill: #fff;
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative.breadcrumb--back .breadcrumb__link {
  color: #fff;
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative.breadcrumb--back:hover .breadcrumb__separator svg {
  fill: rgba(255, 255, 255, 0.7);
}
.navbar:not(.navbar--scrolled) .breadcrumb--negative.breadcrumb--back:hover .breadcrumb__link {
  color: rgba(255, 255, 255, 0.7);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: uppercase;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease, box-shadow 150ms ease, border-color 150ms ease;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.75rem 1.5rem;
}
.btn:disabled {
  cursor: not-allowed;
}
@media (max-width: 1023px) {
  .btn {
    display: flex;
    width: 100%;
  }
}

.btn-positive {
  color: #333;
  background-color: #fff;
}
.btn-positive:hover:not(:disabled) {
  color: #333;
  background-color: rgb(242.25, 242.25, 242.25);
}
.btn-positive:active:not(:disabled) {
  color: #333;
  background-color: rgb(229.5, 229.5, 229.5);
}
.btn-positive:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px #006cff;
}
.btn-positive:disabled {
  color: #606060;
  background-color: #d3d3d3;
}

.btn-primary {
  color: #fff;
  background-color: #006cff;
}
.btn-primary:hover:not(:disabled) {
  color: #fff;
  background-color: #0055cc;
}
.btn-primary:active:not(:disabled) {
  color: #fff;
  background-color: rgb(0, 86.4, 204);
}
.btn-primary:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 108, 255, 0.4);
}
.btn-primary:disabled {
  color: #606060;
  background-color: #d3d3d3;
}

.btn-negative {
  color: #333;
  background-color: #ffe800;
}
.btn-negative:hover:not(:disabled) {
  color: #333;
  background-color: rgb(229.5, 208.8, 0);
}
.btn-negative:active:not(:disabled) {
  color: #333;
  background-color: rgb(204, 185.6, 0);
}
.btn-negative:focus-visible {
  outline: none;
  box-shadow: 0 0 0 4px #006cff;
}
.btn-negative:disabled {
  color: #606060;
  background-color: #d3d3d3;
}

.btn-sm {
  font-size: 0.75rem;
  line-height: 1rem;
  padding: 0.375rem 0.625rem;
  min-height: 2rem;
}

.btn-lg {
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 0.875rem 1.625rem;
  min-height: 3.125rem;
}

.btn-secondary-positive {
  color: #333;
  background-color: transparent;
  border: 2px solid #006cff;
}
.btn-secondary-positive:hover:not(:disabled) {
  color: #333;
  border-color: #0055cc;
}
.btn-secondary-positive:active:not(:disabled) {
  color: #333;
  border-color: #00c2ff;
}
.btn-secondary-positive:focus-visible {
  outline: none;
  border-color: #00c2ff;
  box-shadow: 0 0 0 4px #00c2ff;
}
.btn-secondary-positive:disabled {
  color: #606060;
  border-color: #767676;
}

.btn-secondary-negative {
  color: #fff;
  background-color: transparent;
  border: 2px solid #fff;
}
.btn-secondary-negative:hover:not(:disabled) {
  color: #fff;
  border-color: #0055cc;
}
.btn-secondary-negative:active:not(:disabled) {
  color: #fff;
  border-color: #006cff;
}
.btn-secondary-negative:focus-visible {
  outline: none;
  border-color: #00c2ff;
}
.btn-secondary-negative:disabled {
  color: #606060;
  border-color: #767676;
}

.btn-icon {
  padding: 0.625rem;
}

.card-full + .card-full {
  margin-top: 4rem;
}
@media (min-width: 769px) {
  .card-full + .card-full {
    margin-top: 6.25rem;
  }
}

.card-full {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  aspect-ratio: 284/440;
}
.card-full, .card-full:link, .card-full:visited, .card-full:hover, .card-full:active, .card-full:focus {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 769px) {
  .card-full {
    height: auto;
    min-height: 32.125rem;
    aspect-ratio: unset;
    display: flex;
    align-items: center;
  }
}

.card-full__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.card-full__media img,
.card-full__media source {
  display: block;
}

picture.card-full__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
@media (min-width: 769px) {
  picture.card-full__media img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  .card-full:hover picture.card-full__media img {
    transform: scale(1.05);
  }
}

video.card-full__media {
  -o-object-fit: cover;
  object-fit: cover;
}

.card-full__media--desktop {
  display: none;
}
@media (min-width: 769px) {
  .card-full__media--desktop {
    display: block;
  }
}

.card-full__media--mobile {
  display: block;
}
@media (min-width: 769px) {
  .card-full__media--mobile {
    display: none;
  }
}

.card-full__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 16.76%, rgba(0, 0, 0, 0) 63.4%);
}
@media (min-width: 769px) {
  .card-full__overlay {
    background: none;
  }
  .card-full__overlay::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 21.72%, rgba(0, 0, 0, 0) 49.88%);
  }
}

.card-full__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 2rem 1.5rem;
}
@media (min-width: 769px) {
  .card-full__content {
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    padding: 6.25rem 4rem;
    gap: 4rem;
  }
}

.card-full__title-group {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
@media (min-width: 769px) {
  .card-full__title-group {
    gap: 2.25rem;
    max-width: 34.625rem;
  }
}

.card-full__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #ffe800;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: 1.625rem;
  line-height: 2.125rem;
  text-shadow: 1px 1px 8px dimgrey;
}
@media (min-width: 769px) {
  .card-full__title {
    font-size: 3.875rem;
    line-height: 4.5rem;
  }
  .card-full__title br {
    display: none;
  }
}

.card-full__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 769px) {
  .card-full__text {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.card-full__cta {
  display: flex;
  margin-top: 1.25rem;
}

.card-full__btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1.625rem;
  width: 15.25rem;
}
@media (min-width: 769px) {
  .card-full__btn {
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding: 1rem 1.75rem;
    min-height: 3.5rem;
    width: auto;
  }
}

.card-full--game {
  padding: 0;
  aspect-ratio: unset;
  display: flex;
  align-items: stretch;
  min-height: 29.375rem;
}
@media (min-width: 769px) {
  .card-full--game {
    min-height: 30.875rem;
  }
}
.card-full--game .card-full__content {
  height: auto;
  padding: 1.25rem;
  gap: 0;
}
@media (min-width: 769px) {
  .card-full--game .card-full__content {
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    text-align: left;
    padding: 2.5rem;
    gap: 0;
    width: 100%;
  }
}
.card-full--game .card-full__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  align-items: center;
  text-align: center;
}
@media (min-width: 769px) {
  .card-full--game .card-full__left {
    align-items: flex-start;
    text-align: left;
    flex-shrink: 0;
    flex: none;
    width: 25rem;
    align-self: stretch;
  }
}
.card-full--game .card-full__top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
}
@media (min-width: 769px) {
  .card-full--game .card-full__top {
    align-items: flex-start;
    gap: 1.25rem;
  }
}
.card-full--game .card-full__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
}
@media (min-width: 769px) {
  .card-full--game .card-full__label {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -0.078125rem;
  }
}
.card-full--game .card-full__title {
  font-size: 2rem;
  line-height: 2.5rem;
}
@media (min-width: 769px) {
  .card-full--game .card-full__title {
    font-size: 4rem;
    line-height: 4.5rem;
  }
  .card-full--game .card-full__title br {
    display: block;
  }
}
.card-full--game .card-full__points {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.card-full--game .card-full__points-icon {
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 1.375rem;
  height: 1.375rem;
}
@media (min-width: 769px) {
  .card-full--game .card-full__points-icon {
    width: 2.375rem;
    height: 2.375rem;
  }
}
.card-full--game .card-full__points-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 769px) {
  .card-full--game .card-full__points-text {
    font-size: 1.625rem;
    line-height: 2.25rem;
    letter-spacing: -0.078125rem;
  }
}
.card-full--game .card-full__bottom {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: center;
}
@media (min-width: 769px) {
  .card-full--game .card-full__bottom {
    align-items: flex-start;
    justify-content: flex-end;
  }
}
.card-full--game .card-full__text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 769px) {
  .card-full--game .card-full__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.card-full--game .card-full__right {
  display: none;
}
@media (min-width: 769px) {
  .card-full--game .card-full__right {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    flex-shrink: 0;
  }
}
.card-full--game .card-full__cta {
  display: flex;
}
@media (min-width: 769px) {
  .card-full--game .card-full__bottom .card-full__cta {
    display: none;
  }
}
@media (min-width: 769px) {
  .card-full--game .card-full__right .card-full__cta {
    opacity: 0;
    transform: translateY(0.625rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
  }
}
@media (min-width: 769px) {
  .card-full--game:hover .card-full__right .card-full__cta {
    opacity: 1;
    transform: translateY(0);
  }
}
.card-full--game .card-full__btn {
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1.625rem;
  width: 15.3125rem;
  min-height: 2.25rem;
}
@media (min-width: 769px) {
  .card-full--game .card-full__btn {
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.875rem 1.625rem;
    min-height: 3.125rem;
    width: auto;
  }
}

.card-full__logo-title {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 769px) {
  .card-full__logo-title {
    align-items: flex-start;
  }
}

.card-full__logo {
  display: block;
  width: 14.875rem;
  height: auto;
}
@media (min-width: 769px) {
  .card-full__logo {
    width: 22.125rem;
  }
}

.card-full__logo-text {
  display: block;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #ffe800;
  text-transform: uppercase;
  letter-spacing: -0.026875rem;
  font-size: 2.90625rem;
  line-height: 1.5375rem;
  margin-top: 0.5rem;
}
@media (min-width: 769px) {
  .card-full__logo-text {
    font-size: 4.3125rem;
    line-height: 2.2875rem;
    margin-top: 0.75rem;
    margin-left: 3.4875rem;
    letter-spacing: -0.04rem;
  }
}

.card-full__cta--dual {
  flex-direction: column;
  gap: 1rem;
}
.card-full__cta--dual .card-full__btn {
  width: 14.8125rem;
}
@media (min-width: 769px) {
  .card-full__cta--dual {
    flex-direction: row;
    gap: 1.25rem;
  }
  .card-full__cta--dual .card-full__btn {
    width: auto;
  }
}

.card-full__side-image {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  -o-object-fit: contain;
  object-fit: contain;
  top: 1.0625rem;
  right: 0.625rem;
  width: 12.5rem;
  height: auto;
}
@media (min-width: 769px) {
  .card-full__side-image {
    top: 50%;
    transform: translateY(-50%);
    right: 4rem;
    width: 31.25rem;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .card-full__side-image {
    width: 40.5rem;
  }
}

.card {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  overflow: hidden;
  transition: all 300ms ease;
}
.card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  transform: translateY(-0.125rem);
}

.card-image {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}

.card-body {
  padding: 1.5rem;
}

.card-title {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
}

.card-text {
  color: #64748b;
  margin-bottom: 1rem;
}

.feature-card {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  padding: 2.5rem;
  text-align: center;
  transition: all 300ms ease;
}
.feature-title {
  font-size: 1.25rem;
  color: #006cff;
  margin-bottom: 0.625rem;
}

.feature-desc {
  color: #64748b;
}

.checkbox {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.checkbox__control {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.checkbox__indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  border: 1px solid #333;
  border-radius: 0.0625rem;
  background: transparent;
  transition: border-color 150ms ease, border-width 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}
.checkbox__indicator::after {
  content: "";
  display: block;
  width: 0.625rem;
  height: 0.4375rem;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) translate(0.0625rem, -0.0625rem);
  opacity: 0;
  transition: opacity 150ms ease;
}

.checkbox__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #333;
}

.checkbox__control:checked ~ .checkbox__indicator {
  background-color: #006cff;
  border: 2px solid #006cff;
}
.checkbox__control:checked ~ .checkbox__indicator::after {
  opacity: 1;
}

.checkbox__control:focus-visible ~ .checkbox__indicator {
  border-color: transparent;
  box-shadow: 0 0 0 4px #006cff;
}

.checkbox__control:disabled ~ .checkbox__indicator {
  border-color: #d3d3d3;
  opacity: 0.5;
  cursor: not-allowed;
}

.checkbox__control:disabled ~ .checkbox__label {
  color: #d3d3d3;
  cursor: not-allowed;
}

.checkbox:has(.checkbox__control:disabled) {
  cursor: not-allowed;
}

.checkbox--error .checkbox__indicator {
  border: 2px solid #ec003e;
}

.checkbox--blocked .checkbox__indicator,
.checkbox--blocked .checkbox__control:checked ~ .checkbox__indicator {
  background-color: #d3d3d3;
  border: 2px solid #767676;
}
.checkbox--blocked .checkbox__indicator::after,
.checkbox--blocked .checkbox__control:checked ~ .checkbox__indicator::after {
  opacity: 1;
}

.checkbox--blocked {
  cursor: not-allowed;
}
.checkbox--blocked .checkbox__label {
  color: #d3d3d3;
}
.checkbox--blocked .checkbox__control {
  pointer-events: none;
}

.checkbox__control:active ~ .checkbox__indicator {
  border: 2px solid #006cff;
}
.checkbox__control:active ~ .checkbox__indicator::after {
  opacity: 0.5;
  border-color: rgba(0, 108, 255, 0.5);
}

.code-input {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 6.25rem 4rem;
  width: 100%;
}
@media (max-width: 768px) {
  .code-input {
    padding: 1.25rem;
    min-height: 33.125rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.code-input__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #006cff;
}
.code-input__bg picture {
  width: 100%;
  height: 100%;
}
.code-input__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -o-object-position: right top;
  object-position: right top;
}
@media (max-width: 768px) {
  .code-input__bg img {
    -o-object-position: center top;
    object-position: center top;
  }
}
.code-input__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(21, 20, 20, 0) 25.02%, #221f1d 63.47%);
}
@media (min-width: 769px) {
  .code-input__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40.72%, rgba(0, 0, 0, 0) 90.88%);
  }
}
@media (min-width: 1024px) {
  .code-input__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40.72%, rgba(0, 0, 0, 0) 70.88%);
  }
}
@media (min-width: 1920px) {
  .code-input__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 21.72%, rgba(0, 0, 0, 0) 49.88%);
  }
}

.code-input__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: flex-start;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .code-input__content {
    padding: 0.625rem 0;
  }
}
@media (min-width: 1920px) {
  .code-input__content {
    padding: 2.5rem 0;
  }
}
@media (max-width: 768px) {
  .code-input__content {
    flex: 1 0 0;
    gap: 0.75rem;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 0 0 0.625rem;
  }
  .code-input__content .text-input__helper {
    text-align: left;
    margin-bottom: 0.625rem;
  }
}

.code-input__text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .code-input__text {
    width: 100%;
    gap: 0.625rem;
  }
}

.code-input__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4.375rem;
  line-height: 4.875rem;
  letter-spacing: -0.078125rem;
  color: #fff;
  margin: 0;
  max-width: 41.25rem;
}
@media (max-width: 1023px) {
  .code-input__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media (max-width: 768px) {
  .code-input__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.code-input__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #fff;
  margin: 0;
  max-width: 34.625rem;
}
.code-input__desc strong,
.code-input__desc b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .code-input__desc {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

.code-input__form {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}
.code-input__form .text-input {
  width: 27.9375rem;
  flex-shrink: 0;
}
.code-input__form .btn {
  width: 12.125rem;
  flex-shrink: 0;
  height: 3.375rem;
}
@media (max-width: 768px) {
  .code-input__form {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .code-input__form .text-input {
    width: 100%;
  }
  .code-input__form .btn {
    width: 100%;
    height: auto;
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0.375rem 0.625rem;
    min-height: 2rem;
  }
}

.code-input .text-input__label {
  color: #fff;
  text-align: left;
}

@media (max-width: 768px) {
  .code-input .btn {
    border: 1px solid #fff;
  }
}
.configurator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.75rem;
  width: 100%;
  max-width: 1308px;
  margin: 0 auto;
  padding: 3.75rem 1.25rem;
}

.configurator__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  text-align: center;
  width: 100%;
}

.configurator__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
  color: #006cff;
}
@media (min-width: 1024px) {
  .configurator__title {
    letter-spacing: -1.25px;
    font-size: 2.8125rem;
  }
}

.configurator__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.3em;
  color: #333;
  margin: 0;
  max-width: 62.125rem;
  color: #006cff;
}
@media (min-width: 1024px) {
  .configurator__desc {
    letter-spacing: -1.25px;
    font-size: 2rem;
  }
}
.configurator__desc strong {
  font-weight: 700;
}

.configurator__progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  width: 100%;
  max-width: 1308px;
}

.configurator__progress-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}

.configurator__progress-track {
  width: 100%;
  height: 0.375rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  overflow: hidden;
}

.configurator__progress-fill {
  height: 100%;
  background-color: #00c2ff;
  border-radius: 0.25rem;
  transition: width 0.5s ease;
}

.configurator__step {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}
.configurator__step.is-active {
  display: flex;
  animation: configurator-fade-in 0.4s ease;
}

.configurator__step-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.125rem;
  color: #333;
  letter-spacing: -0.078125rem;
  text-align: center;
  margin: 0;
}

.configurator__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  width: 100%;
  justify-content: center;
}

.configurator__grid--3 .configurator__tile {
  flex: 1 1 0;
  min-width: 0;
  max-width: 25.25rem;
}

.configurator__grid--4 .configurator__tile {
  width: calc(25% - 1.125rem);
  flex: 0 0 auto;
}

.configurator__grid--2 .configurator__tile {
  width: calc(50% - 1.125rem);
  flex: 0 0 auto;
}

.configurator__tile {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: transform 150ms ease, box-shadow 150ms ease;
  min-height: 10.9375rem;
}
.configurator__tile:hover:not(.is-disabled) {
  transform: scale(1.02);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 0.125rem 0.25rem -0.125rem rgba(0, 0, 0, 0.1);
}
.configurator__tile:active:not(.is-disabled) {
  transform: scale(0.98);
}
.configurator__tile.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.configurator__tile.is-selected {
  outline: 3px solid #006cff;
  outline-offset: -3px;
}
.configurator__tile.is-selected .configurator__tile-checkbox {
  background-color: #006cff;
  border-color: #fff;
  border-width: 2.929px;
}
.configurator__tile.is-selected .configurator__tile-checkbox::after {
  opacity: 1;
}

.configurator__tile-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  pointer-events: none;
}

.configurator__grid--3 .configurator__tile {
  aspect-ratio: 404/310;
}

.configurator__grid--4 .configurator__tile {
  aspect-ratio: 3/4;
}

.configurator__tile-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #006cff;
  text-align: center;
  pointer-events: none;
  font-size: 1.75rem;
  line-height: 1.2;
  letter-spacing: -0.078125rem;
  width: 90%;
}
@media (min-width: 1024px) {
  .configurator__tile-label {
    font-size: 2.25rem;
  }
}

.configurator__grid--3 .configurator__tile[data-type=flavor] .configurator__tile-label,
.configurator__grid--2 .configurator__tile[data-type=flavor] .configurator__tile-label {
  color: #fff;
}

.configurator__tile-checkbox {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  width: 1.625rem;
  height: 1.625rem;
  border: 1.464px solid #006cff;
  border-radius: 0.0625rem;
  background: transparent;
  pointer-events: none;
  transition: background-color 150ms ease, border-color 150ms ease;
}
.configurator__tile-checkbox::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.625rem;
  height: 0.4375rem;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: translate(-50%, -60%) rotate(-45deg);
  opacity: 0;
  transition: opacity 150ms ease;
}

.configurator__tile[data-type=flavor] .configurator__tile-checkbox,
.configurator__grid--4 .configurator__tile-checkbox {
  border-color: #fff;
}

.configurator__counter {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(0, 194, 255, 0.15);
  padding: 0.5rem 1.625rem;
  border-radius: 0.5rem;
}

.configurator__counter-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  margin: 0;
}

.configurator__counter-value {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding: 0.0625rem 0.5rem;
  border-radius: 0.625rem;
  min-width: 2.125rem;
  height: 1.125rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #333;
}

.configurator__action {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.configurator__action .btn {
  min-width: 16.25rem;
}

.configurator__loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.875rem;
  min-height: 25rem;
}

.configurator__spinner {
  width: 7.5rem;
  height: 7.5rem;
  border-radius: 50%;
  border: 10px solid #e0e0e0;
  border-top-color: #006cff;
  animation: configurator-spin 1s linear infinite;
}

.configurator__loader-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #333;
  text-align: center;
}

.configurator__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
  width: 100%;
}

.configurator__result-product {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: 1.75rem;
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .configurator__result-product {
    font-size: 2.8125rem;
  }
}

.configurator__result-desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  line-height: 1.25em;
  font-size: 1.125rem;
  color: #006cff;
  margin: 0;
  max-width: 61.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .configurator__result-desc {
    font-size: 2rem;
    letter-spacing: -1.25px;
  }
}

.configurator__result-cta {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 2rem;
  color: #006cff;
  margin: 0 0 0.625rem;
}
@media (min-width: 1024px) {
  .configurator__result-cta {
    font-size: 2rem;
    letter-spacing: -1.25px;
  }
}

.configurator__result-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.configurator__step[data-step=result] .model-viewer-section {
  margin-bottom: 0;
}

@media (max-width: 1023px) {
  .configurator {
    gap: 2.5rem;
    padding: 2.5rem 0;
  }
  .configurator__desc {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .configurator__step {
    gap: 1.5rem;
  }
  .configurator__grid--3 {
    flex-direction: column;
    gap: 0.625rem;
  }
  .configurator__grid--3 .configurator__tile {
    max-width: 100%;
    aspect-ratio: 343/144;
  }
  .configurator__grid--4 {
    gap: 0.625rem;
  }
  .configurator__grid--4 .configurator__tile {
    width: calc(50% - 0.3125rem);
    aspect-ratio: 3/4;
  }
  .configurator__action .btn {
    min-width: auto;
    width: 100%;
  }
  .configurator__tile-checkbox {
    width: 1.1875rem;
    height: 1.1875rem;
    top: 0.75rem;
    right: 0.75rem;
  }
  .configurator__tile-checkbox::after {
    width: 0.5rem;
    height: 0.3125rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .configurator__grid--3 .configurator__tile {
    aspect-ratio: 340/260;
  }
  .configurator__grid--4 .configurator__tile {
    width: calc(25% - 1.125rem);
    aspect-ratio: 3/4;
  }
}
@media (max-width: 639px) {
  .configurator__grid--4 .configurator__tile {
    width: calc(50% - 0.3125rem);
    aspect-ratio: 3/4;
  }
}
@keyframes configurator-fade-in {
  from {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes configurator-spin {
  to {
    transform: rotate(360deg);
  }
}
.dialog-backdrop {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}
.dialog-backdrop.is-active {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: visible;
}
.dialog-backdrop.is-dismissing {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}

.dialog {
  position: relative;
  z-index: 500;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.06);
  width: 100%;
  max-width: 41.25rem;
  max-height: 90vh;
  overflow-y: auto;
  padding: 2.5rem 1.25rem;
  transform: scale(0.95);
  opacity: 0;
  transition: transform 300ms ease, opacity 300ms ease;
  scrollbar-width: thin;
  scrollbar-color: #606060 transparent;
}
.dialog::-webkit-scrollbar {
  width: 0.1875rem;
}
.dialog::-webkit-scrollbar-track {
  background: transparent;
}
.dialog::-webkit-scrollbar-thumb {
  background-color: #606060;
  border-radius: 624.9375rem;
}
.is-active .dialog {
  transform: scale(1);
  opacity: 1;
}
.is-dismissing .dialog {
  transform: scale(0.95);
  opacity: 0;
}
@media (min-width: 1024px) {
  .dialog {
    padding: 3rem 6rem;
  }
}

.dialog__close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.dialog__close::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #333;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.dialog__close:hover {
  opacity: 1;
}
@media (min-width: 1024px) {
  .dialog__close {
    top: 1rem;
    right: 1rem;
  }
}

.dialog__body {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  padding-top: 1rem;
}

.dialog__actions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin-top: 1.5rem;
}
.dialog__actions .btn {
  width: 100%;
}

.dialog-open {
  overflow: hidden;
}

@keyframes dropdownProfileSlideIn {
  from {
    opacity: 0;
    transform: translateY(-0.625rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes dropdownProfileChildSlideIn {
  from {
    opacity: 0;
    transform: translateY(-1.25rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.dropdown-profile {
  position: absolute;
  top: 47px;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 20rem;
  max-width: 20rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  padding: 1.25rem;
  background-color: #ffe800;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.06);
  overflow: hidden;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.625rem);
  transition: opacity 150ms ease, visibility 150ms ease, transform 150ms ease;
}
.dropdown-profile.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
  animation: dropdownProfileSlideIn 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.dropdown-profile.is-open .dropdown-profile__header {
  animation: dropdownProfileChildSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.05s;
}
.dropdown-profile.is-open .dropdown-profile__card {
  animation: dropdownProfileChildSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.12s;
}
.dropdown-profile.is-open .dropdown-profile__menu {
  animation: dropdownProfileChildSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.22s;
}
.dropdown-profile.is-open .dropdown-profile__logout {
  animation: dropdownProfileChildSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.32s;
}
@media (min-width: 57.8125rem) {
  .dropdown-profile {
    top: 100px;
    left: auto;
    right: 1.5rem;
    width: 20rem;
    margin-top: 1.4375rem;
    border-radius: 0.5rem;
  }
}
@media (min-width: 1280px) {
  .dropdown-profile {
    right: calc((100% - 1308px) / 2 + 1.5rem);
  }
}
@media (min-width: 1920px) {
  .dropdown-profile {
    right: calc((100% - 1474px) / 2 + 1.5rem);
  }
}

.dropdown-profile__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 17.5rem;
  height: 1.875rem;
  opacity: 0;
}

.dropdown-profile__spacer {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.dropdown-profile__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375rem;
  color: #006cff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}

.dropdown-profile__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.625rem;
  height: 1.625rem;
  flex-shrink: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #006cff;
  transition: background-color 150ms ease;
}
.dropdown-profile__close:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.dropdown-profile__close svg {
  width: 0.875rem;
  height: 0.875rem;
}

.dropdown-profile__card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  align-items: flex-start;
  justify-content: center;
  width: 17.5rem;
  min-height: 7.5rem;
  padding: 1.25rem;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 0.5rem;
  opacity: 0;
}

.dropdown-profile__points-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 1.8125rem;
}

.dropdown-profile__points-info {
  display: flex;
  flex-direction: column;
  width: 4.1875rem;
}

.dropdown-profile__points-value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: #333;
  letter-spacing: -0.078125rem;
}

.dropdown-profile__points-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #767676;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}

.dropdown-profile__points-image {
  width: 6.1875rem;
  height: 4rem;
  border-radius: 0.3125rem;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}

.dropdown-profile__divider {
  width: 100%;
  height: 0.0625rem;
  background-color: #e2e8f0;
}

.dropdown-profile__expiry {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375rem;
  color: #006cff;
}
.dropdown-profile__expiry strong {
  font-weight: 700;
}

.dropdown-profile__card-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.25rem;
  padding: 0.5rem 1.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  background: transparent;
  border: 1px solid #333;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 150ms ease;
  overflow: hidden;
}
.dropdown-profile__card-cta:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

.dropdown-profile__menu {
  display: flex;
  flex-direction: column;
  width: 17.5rem;
  opacity: 0;
}

.dropdown-profile__menu-item {
  display: flex;
  align-items: center;
  padding: 1rem 0.625rem;
  padding-right: 4rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #006cff;
  text-decoration: none;
  transition: color 150ms ease;
}
.dropdown-profile__menu-item:hover {
  color: #006cff;
}

.dropdown-profile__logout {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  height: 2.5rem;
  padding: 1rem 1.625rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  opacity: 0;
  cursor: pointer;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #006cff;
  text-decoration: none;
  transition: background-color 150ms ease;
}
.dropdown-profile__logout:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.dropdown-profile__logout svg {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

@media (min-width: 57.8125rem) and (max-width: 1919px) {
  .dropdown-profile {
    width: 17.5625rem;
    min-width: 17.5625rem;
    max-width: 17.5625rem;
    padding: 1.125rem;
    gap: 0.625rem;
    border-radius: 0.4375rem;
    box-shadow: 0 9px 14px rgba(0, 0, 0, 0.06);
  }
  .dropdown-profile__header {
    width: 15.375rem;
    height: 1.625rem;
  }
  .dropdown-profile__spacer {
    width: 0.875rem;
    height: 0.875rem;
  }
  .dropdown-profile__title {
    font-size: 0.875rem;
    line-height: 1.1875rem;
    letter-spacing: 0.11rem;
  }
  .dropdown-profile__close {
    width: 1.4375rem;
    height: 1.4375rem;
  }
  .dropdown-profile__close svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  .dropdown-profile__card {
    width: 15.375rem;
    min-height: 6.5625rem;
    padding: 1.125rem;
    gap: 1.125rem;
  }
  .dropdown-profile__points-row {
    gap: 1.5625rem;
  }
  .dropdown-profile__points-info {
    width: 3.6875rem;
  }
  .dropdown-profile__points-value {
    font-size: 1.75rem;
    line-height: 2.4375rem;
    letter-spacing: -0.06875rem;
  }
  .dropdown-profile__points-label {
    font-size: 0.658rem;
    line-height: 1.125rem;
    letter-spacing: 0.11rem;
  }
  .dropdown-profile__points-image {
    width: 5.4375rem;
    height: 3.5rem;
    border-radius: 0.25rem;
  }
  .dropdown-profile__expiry {
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  .dropdown-profile__card-cta {
    height: 2rem;
    padding: 0.4375rem 1.4375rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    border-radius: 0.4375rem;
  }
  .dropdown-profile__menu {
    width: 15.375rem;
  }
  .dropdown-profile__menu-item {
    padding: 0.875rem 0.5625rem;
    padding-right: 3.5rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
@media (min-width: 57.8125rem) and (max-width: 1919px) and (max-width: 1279px) {
  .dropdown-profile__menu-item {
    padding: 0.5625rem 0.5625rem;
  }
}
@media (min-width: 57.8125rem) and (max-width: 1919px) {
  .dropdown-profile__logout {
    height: 2.1875rem;
    padding: 0.875rem 1.4375rem;
    gap: 0.5625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    border-radius: 0.4375rem;
  }
  .dropdown-profile__logout svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.feature-card {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  aspect-ratio: 165/262;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  padding: 2.5rem 1rem;
  container-type: inline-size;
}
@media (min-width: 1024px) {
  .feature-card {
    aspect-ratio: 297/430;
    border-radius: 0.5rem;
    padding: 3rem 1.5rem;
  }
}
.feature-card--content-top {
  justify-content: flex-start;
}
.feature-card--content-top .feature-card__quote-text {
  margin-top: 11%;
}
.feature-card--content-bottom {
  justify-content: flex-end;
  padding-bottom: 3.625rem;
}
@media (min-width: 1024px) {
  .feature-card--content-bottom {
    padding-bottom: 5rem;
  }
}
.feature-card .text-color-theme {
  color: var(--fc-accent-color);
}
.feature-card__vertical-text {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: clamp(11px, 20cqw, 84px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: 0.125rem;
  line-height: 1em;
}
@media (min-width: 1024px) {
  .feature-card__vertical-text {
    font-size: clamp(42px, 20cqw, 64px);
  }
}
@media (min-width: 1920px) {
  .feature-card__vertical-text {
    font-size: 4.25rem;
  }
}
.feature-card__vertical-text--normal {
  font-weight: 400;
}
.feature-card__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: clamp(10px, 8cqi, 17px);
  font-weight: 700;
  line-height: 1.4;
  color: var(--fc-text-color);
  text-align: center;
  padding: 0;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
@media (min-width: 1024px) {
  .feature-card__text {
    line-height: 1.5;
    padding: 0;
  }
}
@media (min-width: 1920px) {
  .feature-card__text {
    font-size: 1.375rem;
  }
}

.feature-card--image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card--image .feature-card__vertical-text {
  opacity: 0;
  transform: rotate(180deg) translateY(-1.875rem);
}
.feature-card--image .feature-card__title {
  opacity: 0;
  transform: translateY(1.875rem);
}
.feature-card--image.is-revealed .feature-card__vertical-text {
  animation: text-slide-in-vertical 1.2s ease-out 0.15s both;
}
.feature-card--image.is-revealed .feature-card__title {
  animation: text-slide-in 1.2s ease-out 0.15s both;
}
.feature-card--image.is-revealed::after {
  animation-play-state: running;
}
.feature-card--image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  will-change: transform;
  backface-visibility: hidden;
  animation: bg-slow-pan-zoom 20s ease-in-out infinite;
  animation-play-state: paused;
}
.feature-card--image:hover::after {
  animation-play-state: paused;
  transform: scale(1.05);
}
.feature-card--image.feature-card--no-animation::after {
  animation: none;
  transform: none;
}
.feature-card--image.feature-card--no-animation:hover::after {
  transform: scale(1.05);
}
.feature-card--image .like-btn {
  z-index: 10;
}

.feature-card--video {
  background: #000;
}
.feature-card--video .feature-card__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  transform: scale(1.02);
}
.feature-card--video .feature-card__vertical-text,
.feature-card--video .feature-card__title {
  position: relative;
  z-index: 1;
}
.feature-card--video .like-btn {
  z-index: 10;
}
.feature-card--video.feature-card--flippable {
  background: transparent;
}
.feature-card--video.feature-card--flippable .feature-card__front {
  background: #000;
}

.feature-card--packshot-title {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  justify-content: center;
}
.feature-card--packshot-title:not(.is-revealed) .feature-card__thumb,
.feature-card--packshot-title:not(.is-revealed) .feature-card__values-text {
  opacity: 0;
  transform: translateY(1.875rem);
}
.feature-card--packshot-title .feature-card__thumb,
.feature-card--packshot-title .feature-card__values-text {
  transition: transform 300ms ease;
  will-change: transform;
}
.feature-card--packshot-title.is-revealed .feature-card__thumb {
  animation: text-slide-in 1.2s ease-out 0.15s both;
}
.feature-card--packshot-title.is-revealed .feature-card__values-text {
  animation: text-slide-in 1.2s ease-out 0.3s both;
}
.feature-card--packshot-title.is-animation-done .feature-card__thumb,
.feature-card--packshot-title.is-animation-done .feature-card__values-text {
  animation: none;
  opacity: 1;
  transform: none;
}
.feature-card--packshot-title.is-animation-done:hover .feature-card__thumb {
  transform: scale(1.1);
}
.feature-card--packshot-title.is-animation-done:hover .feature-card__values-text {
  transform: scale(1.05);
}
.feature-card--packshot-title .feature-card__pack {
  max-width: 50%;
  max-height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .feature-card--packshot-title .feature-card__pack {
    margin-bottom: 1rem;
  }
}
.feature-card--packshot-title .feature-card__pack-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.625rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
}
@media (min-width: 1024px) {
  .feature-card--packshot-title .feature-card__pack-title {
    font-size: 1.125rem;
  }
}

.feature-card--packshot {
  background: #fff;
  padding: 0;
}
.feature-card--packshot .feature-card__pack {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
.feature-card--packshot:hover .feature-card__pack {
  transform: scale(1.15);
}
.feature-card--packshot .like-btn {
  color: var(--like-btn-color);
  text-shadow: none;
}

.feature-card--image-title {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.feature-card--image-title .feature-card__vertical-text {
  opacity: 0;
  transform: rotate(180deg) translateY(-1.875rem);
}
.feature-card--image-title .feature-card__vertical-title {
  opacity: 0;
  transform: translateY(1.875rem);
}
.feature-card--image-title .feature-card__title,
.feature-card--image-title .feature-card__slogan,
.feature-card--image-title .feature-card__quote-text,
.feature-card--image-title .feature-card__moments-text,
.feature-card--image-title .feature-card__text {
  opacity: 0;
  transform: translateY(1.875rem);
}
.feature-card--image-title.is-revealed .feature-card__vertical-text {
  animation: text-slide-in-vertical 1.2s ease-out 0.15s both;
}
.feature-card--image-title.is-revealed .feature-card__vertical-title {
  animation: text-slide-in-svg 1.2s ease-out 0.15s both;
}
.feature-card--image-title.is-revealed .feature-card__title,
.feature-card--image-title.is-revealed .feature-card__slogan,
.feature-card--image-title.is-revealed .feature-card__quote-text,
.feature-card--image-title.is-revealed .feature-card__moments-text,
.feature-card--image-title.is-revealed .feature-card__text {
  animation: text-slide-in 1.2s ease-out 0.15s both;
}
.feature-card--image-title.is-revealed::before {
  animation-play-state: running;
}
.feature-card--image-title::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  will-change: transform;
  backface-visibility: hidden;
  animation: bg-slow-pan-zoom 20s ease-in-out infinite;
  animation-play-state: paused;
}
.feature-card--image-title:hover::before {
  animation-play-state: paused;
  transform: scale(1.15);
}
.feature-card--image-title--darken::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(89deg, rgba(0, 0, 0, 0.5) -29.66%, rgba(0, 0, 0, 0) 131.86%);
  z-index: 0;
  pointer-events: none;
}
.feature-card--image-title:hover .feature-card__title, .feature-card--image-title:hover .feature-card__slogan, .feature-card--image-title:hover .feature-card__quote-text, .feature-card--image-title:hover .feature-card__moments-text, .feature-card--image-title:hover .feature-card__text, .feature-card--image-title:hover .feature-card__icon {
  transform: scale(1.05);
}
.feature-card--image-title:hover .feature-card__vertical-text {
  transform: rotate(180deg) scale(1.05);
}
.feature-card--image-title:hover .feature-card__vertical-title {
  transform: scale(1.05);
}
.feature-card--image-title .feature-card__title {
  font-size: clamp(24px, 24px + 24px * (100vw - 320px) / 160px, 48px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
.feature-card--image-title .feature-card__title--normal {
  font-weight: 400;
}
.feature-card--image-title .feature-card__title-small {
  display: block;
  font-size: clamp(12px, 12px + 8px * (100vw - 320px) / 160px, 20px);
  font-weight: 400;
  margin-bottom: 0.25rem;
}
.feature-card--image-title .feature-card__title-large {
  display: block;
  font-size: clamp(28px, 28px + 28px * (100vw - 320px) / 160px, 56px);
  font-weight: 700;
}

.feature-card--no-animation::before {
  animation: none;
  transform: none;
}

.feature-card--no-animation:hover::before {
  transform: scale(1.05);
}

.feature-card--anim-rtl::before,
.feature-card--anim-rtl::after {
  animation-name: bg-slow-pan-zoom-rtl;
}

.feature-card--anim-ltr::before,
.feature-card--anim-ltr::after {
  animation-name: bg-slow-pan-zoom-ltr;
}

.feature-card--anim-diagonal::before,
.feature-card--anim-diagonal::after {
  animation-name: bg-slow-pan-zoom-diagonal;
}

.feature-card--anim-diagonal-reverse::before,
.feature-card--anim-diagonal-reverse::after {
  animation-name: bg-slow-pan-zoom-diagonal-reverse;
}

.feature-card--anim-vertical::before,
.feature-card--anim-vertical::after {
  animation-name: bg-slow-pan-zoom-vertical;
}

.feature-card--welcome {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f5f5f1;
}
.feature-card--welcome::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-image: inherit;
  z-index: 0;
  will-change: transform;
  transform: scale(1);
  transform-origin: top center;
  transition: transform 0.4s ease-out;
}
.feature-card--welcome .feature-card__slogan {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-style: normal;
  font-size: clamp(26px, 24cqi, 64px);
  line-height: 0.85;
  letter-spacing: -0.02em;
  color: var(--fc-accent-color);
  text-align: center;
  position: relative;
  z-index: 1;
  opacity: 0;
  transform: translateY(3.75rem);
  will-change: transform, opacity;
  backface-visibility: hidden;
  transition: transform 0.4s ease-out;
  animation: none;
  margin-bottom: 0;
}
@media (min-width: 1920px) {
  .feature-card--welcome .feature-card__slogan {
    font-size: 4.625rem;
  }
}
.feature-card--welcome.is-revealed::before {
  animation: none;
}
.feature-card--welcome.is-revealed .feature-card__slogan {
  animation: welcome-text-slide-in 1s ease-out 0.4s both;
}
.feature-card--welcome.is-animation-done .feature-card__slogan {
  animation: none;
  opacity: 1;
  transform: translateY(0);
}
.feature-card--welcome.is-animation-done:hover::before {
  transform: scale(1.08);
}
.feature-card--welcome.is-animation-done:hover .feature-card__slogan {
  transform: translateY(-0.3125rem) scale(1.05);
}

.feature-card--values .feature-card__thumb {
  width: 82%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 0.625rem;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
@media (min-width: 1024px) {
  .feature-card--values .feature-card__thumb {
    width: 10.1875rem;
    margin-bottom: 1rem;
  }
}
.feature-card--values .feature-card__values-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: clamp(10px, 8cqi, 42px);
  font-weight: 700;
  color: #fff;
  text-align: center;
  line-height: 1.5;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
.feature-card--values .feature-card__values-text p {
  margin: 0.375rem 0 1.25rem;
  font-size: clamp(10px, 8cqi, 42px);
  font-weight: 700;
}
.feature-card--values .feature-card__values-text--black {
  color: #000;
}

.feature-card--quote .feature-card__quote-text {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  margin-bottom: 0;
}
.feature-card--quote .feature-card__quote-small {
  display: block;
  font-size: clamp(14px, 11cqi, 33px);
  font-weight: 400;
  line-height: 1em;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .feature-card--quote .feature-card__quote-small {
    font-size: clamp(20px, 11cqi, 33px);
  }
}
.feature-card--quote .feature-card__quote-large {
  display: block;
  font-size: clamp(20px, 16cqi, 48px);
  font-weight: 700;
  line-height: 1em;
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .feature-card--quote .feature-card__quote-large {
    font-size: clamp(24px, 20cqi, 50px);
  }
}
.feature-card--quote .feature-card__quote-large--normal {
  font-weight: 400;
  margin-bottom: 0;
}

@media (min-width: 1024px) {
  .feature-card--quote.feature-card--content-bottom .feature-card__title,
  .feature-card--quote.feature-card--content-bottom .feature-card__quote-text {
    margin-bottom: 10%;
  }
}

.feature-card__quote--yellow-ks {
  color: #FFE800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--image-title .feature-card__title--yellow-ks {
  color: #FFE800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  font-size: clamp(36px, 25cqi, 72px);
}
@media (min-width: 1024px) {
  .feature-card--image-title .feature-card__title--yellow-ks {
    font-size: clamp(42px, 28cqi, 72px);
  }
}

.own-it-switch {
  position: absolute;
  top: 0.9375rem;
  right: 0.9375rem;
  z-index: 20;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

.own-it-switch__pill {
  display: flex;
  align-items: center;
  position: relative;
  background: #020303;
  border-radius: 624.9375rem;
  padding: 0.16875rem;
  height: 1.75rem;
  width: 5rem;
  transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .own-it-switch__pill {
    height: 2.6875rem;
    width: 7.625rem;
  }
}

.own-it-switch__knob {
  position: absolute;
  left: 0.1875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: left 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: left;
  z-index: 1;
  background-color: var(--own-it-color);
}
@media (min-width: 1024px) {
  .own-it-switch__knob {
    width: 2.34375rem;
    height: 2.33125rem;
  }
}

.own-it-switch__knob-icon {
  width: 0.75rem;
  height: 0.75rem;
  color: #000;
  transition: color 0.3s ease;
}
@media (min-width: 1024px) {
  .own-it-switch__knob-icon {
    width: 1.125rem;
    height: 1rem;
  }
}

.own-it-switch__label {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  width: 100%;
  text-align: center;
  padding-left: 2.3125rem;
  padding-right: 8px;
  transition: color 0.3s ease, padding 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .own-it-switch__label {
    padding-left: 2.9375rem;
    padding-right: 10px;
  }
}

.own-it-switch:hover .own-it-switch__pill {
  background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.15)), #020303;
}

.is-own-it-active .own-it-switch__knob {
  left: calc(5rem - 0.16875rem - 1.5rem);
  background-color: #020303;
}
@media (min-width: 1024px) {
  .is-own-it-active .own-it-switch__knob {
    left: calc(7.625rem - 0.16875rem - 2.34375rem);
  }
}

.is-own-it-active .own-it-switch__pill {
  background: var(--own-it-color, #FFE800);
}

.is-own-it-active .own-it-switch__label {
  color: #020303;
  padding-left: 8px;
  padding-right: 2.3125rem;
}
@media (min-width: 1024px) {
  .is-own-it-active .own-it-switch__label {
    padding-left: 10px;
    padding-right: 2.9375rem;
  }
}

.is-own-it-active .own-it-switch__knob-icon {
  color: #fff;
}

.is-own-it-active .own-it-switch:hover .own-it-switch__pill {
  background: color-mix(in srgb, var(--own-it-color, #FFE800) 85%, black);
}

.feature-card--own-it .feature-card__own-it-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  z-index: 10;
  pointer-events: none;
  clip-path: circle(0% at calc(100% - 4.75rem) 2.25rem);
  transition: clip-path 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: clip-path;
}
.feature-card--own-it .own-it-cta {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%) translateY(0.625rem);
  z-index: 15;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-align: center;
  text-decoration: none;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 0.5625rem;
  line-height: 0.75rem;
  letter-spacing: 0;
  text-transform: uppercase;
  color: #333;
  background-color: var(--own-it-color, #FFE800);
  border: none;
  border-radius: 0.375rem;
  padding: 0.5rem 0.75rem;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease 0.3s, transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0.3s, background-color 150ms ease;
}
@media (min-width: 1024px) {
  .feature-card--own-it .own-it-cta {
    bottom: 1.8125rem;
    font-size: 1rem;
    line-height: 1.375rem;
    border-radius: 0.5rem;
    padding: 1rem 1.75rem;
  }
}
.feature-card--own-it .own-it-cta:hover {
  background-color: color-mix(in srgb, var(--own-it-color, #FFE800) 85%, black);
}
.feature-card--own-it .own-it-cta:disabled {
  background-color: rgba(51, 51, 51, 0.5);
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
  cursor: not-allowed;
}
.feature-card--own-it.is-own-it-active::before {
  opacity: 0;
  transition: opacity 0.3s ease 0.2s;
}
.feature-card--own-it.is-own-it-active .feature-card__own-it-video {
  clip-path: circle(150% at calc(100% - 4.75rem) 2.25rem);
  pointer-events: auto;
}
.feature-card--own-it.is-own-it-active .own-it-cta {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.feature-card--composite::before {
  animation: none;
  transform: none;
}
.feature-card--composite:hover::before {
  transform: none;
}
.feature-card--composite::after {
  display: none;
}

.feature-card--want-it-more::before {
  animation: none;
  transform: scale(1);
  will-change: auto;
}
.feature-card--want-it-more .feature-card__want-it-more {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(3.75rem);
  will-change: transform, opacity;
  backface-visibility: hidden;
  transition: transform 0.4s ease-out;
  animation: none;
  margin-bottom: 0;
}
@media (min-width: 769px) {
  .feature-card--want-it-more .feature-card__want-it-more {
    margin-bottom: 13%;
  }
}
.feature-card--want-it-more .feature-card__want-it-more-svg {
  width: 100%;
  color: var(--want-it-more-svg-color);
  aspect-ratio: 242/69;
}
@media (min-width: 1024px) {
  .feature-card--want-it-more .feature-card__want-it-more-svg {
    height: auto;
  }
}
.feature-card--want-it-more.is-revealed::before {
  animation: none;
}
.feature-card--want-it-more.is-revealed .feature-card__want-it-more {
  animation: welcome-text-slide-in 1s ease-out 0.4s both;
}
.feature-card--want-it-more.is-animation-done .feature-card__want-it-more {
  animation: none;
  opacity: 1;
  transform: translateY(0);
}
.feature-card--want-it-more.is-animation-done:hover::before {
  transform: scale(1.08);
}
.feature-card--want-it-more.is-animation-done:hover .feature-card__want-it-more {
  transform: translateY(-0.3125rem) scale(1.05);
}

.feature-card--packshot-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.feature-card--packshot-card .feature-card__thumb {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
}
@media (min-width: 1024px) {
  .feature-card--packshot-card .feature-card__thumb {
    width: 11.6875rem;
  }
}
.feature-card--packshot-card .feature-card__pack-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: clamp(9px, 8cqi, 17px);
  color: var(--fc-accent-color, #006CFF);
  text-align: center;
  line-height: 1.5;
  position: relative;
  z-index: 1;
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  margin: 0;
  margin-top: 1.125rem;
}
@media (min-width: 1024px) {
  .feature-card--packshot-card .feature-card__pack-title {
    margin-top: 3.125rem;
  }
}
.feature-card--packshot-card:hover .feature-card__thumb {
  transform: translateY(-0.1875rem) scale(1.02);
}
.feature-card--packshot-card:hover .feature-card__pack-title {
  transform: translateY(-0.125rem);
}

.feature-card--yellow-ks-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card--blue-ks-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card--packshot-card .feature-card__pack-title--blue {
  color: #006CFF;
}

.feature-card__quote--blue-ks {
  color: #FFE800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--image-title .feature-card__title--blue-ks {
  color: #FFE800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  font-size: clamp(36px, 25cqi, 72px);
}
@media (min-width: 1024px) {
  .feature-card--image-title .feature-card__title--blue-ks {
    font-size: clamp(42px, 28cqi, 72px);
  }
}

.feature-card--packshot-card .feature-card__pack-title--yellow {
  color: #FFE800;
}

.feature-card__quote--authentic-ks {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--image-title .feature-card__title--authentic-ks {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  font-size: clamp(36px, 25cqi, 72px);
}
@media (min-width: 1024px) {
  .feature-card--image-title .feature-card__title--authentic-ks {
    font-size: clamp(42px, 28cqi, 72px);
  }
}

.feature-card--authentic-ks-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card--packshot-card .feature-card__pack-title--dark {
  color: #020303;
}

.feature-card__quote--legend-yellow-ks {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--legend-yellow-ks-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card__quote--legend-blue-ks {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--legend-blue-ks-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card__quote--legend-yellow-soft {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-transform: uppercase;
}

.feature-card--legend-yellow-soft-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card__quote--legend-blue-soft {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card__quote--legend-yellow-soft {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--legend-blue-soft-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card__quote--senso-superline {
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
}

.feature-card--senso-superline-title .feature-card__title--senso {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  color: #fff;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  font-size: clamp(24px, 18cqi, 46px);
}
@media (min-width: 1024px) {
  .feature-card--senso-superline-title .feature-card__title--senso {
    font-size: clamp(30px, 22cqi, 46px);
  }
}

.feature-card--gold-title .feature-card__vertical-title {
  transition: transform 300ms ease;
  will-change: transform;
  backface-visibility: hidden;
  position: absolute;
  width: auto;
  height: 95%;
  margin: 0 auto;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1;
}

.feature-card .text-shadow {
  text-shadow: 0 0 6.7px rgba(0, 0, 0, 0.51);
}

.feature-card--composite:nth-child(1 of .feature-card--composite) {
  background-position: bottom right;
}

.feature-card--composite:nth-child(2 of .feature-card--composite) {
  background-position: bottom left;
}

.feature-card--composite:nth-child(3 of .feature-card--composite) {
  background-position: top right;
}

.feature-card--composite:nth-child(4 of .feature-card--composite) {
  background-position: top left;
}

.form-select {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  width: 100%;
}

.form-select__label {
  display: block;
  width: 100%;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: #006cff;
}

.form-select__wrapper {
  position: relative;
  width: 100%;
}

.form-select__native {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}

.form-select__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  width: 100%;
  height: 3.375rem;
  padding: 0.75rem 0.625rem;
  background-color: #fff;
  border: 1px solid #606060;
  border-radius: 0.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transition: border-color 150ms ease, box-shadow 150ms ease, border-radius 150ms ease;
}
@media (max-width: 769px) {
  .form-select__trigger {
    height: auto;
    padding: 0.75rem 0.625rem;
  }
}

.form-select__value {
  flex: 1 0 0;
  min-width: 0;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #858886;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.form-select__value.is-selected {
  color: #333;
}

.form-select__arrow {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: #606060;
  -webkit-mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.0594 9.82167C13.2456 10.0113 13.2458 10.319 13.0599 10.509C12.877 10.6959 12.5819 10.6991 12.3952 10.5184L12.3862 10.5095L7.49213 5.52452L2.6124 10.4995C2.42925 10.6862 2.1342 10.6891 1.9476 10.5081L1.93866 10.4992C1.75562 10.3124 1.7528 10.0114 1.93013 9.82108L1.93885 9.81196L7.15517 4.49381C7.33819 4.30722 7.63297 4.30419 7.81961 4.48476L7.82856 4.49365L13.0594 9.82167Z' fill='black'/></svg>") center/contain no-repeat;
  mask: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.0594 9.82167C13.2456 10.0113 13.2458 10.319 13.0599 10.509C12.877 10.6959 12.5819 10.6991 12.3952 10.5184L12.3862 10.5095L7.49213 5.52452L2.6124 10.4995C2.42925 10.6862 2.1342 10.6891 1.9476 10.5081L1.93866 10.4992C1.75562 10.3124 1.7528 10.0114 1.93013 9.82108L1.93885 9.81196L7.15517 4.49381C7.33819 4.30722 7.63297 4.30419 7.81961 4.48476L7.82856 4.49365L13.0594 9.82167Z' fill='black'/></svg>") center/contain no-repeat;
  transition: transform 150ms ease;
}

.form-select__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #606060;
  border-top: none;
  border-radius: 0 0 0.5rem 0.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  max-height: 18.75rem;
  overflow-y: auto;
  display: none;
  scrollbar-width: thin;
  scrollbar-color: #606060 transparent;
}
@media (max-width: 768px) {
  .form-select__dropdown {
    max-height: 12.5rem;
  }
}
.form-select__dropdown::-webkit-scrollbar {
  width: 0.1875rem;
}
.form-select__dropdown::-webkit-scrollbar-track {
  background: transparent;
}
.form-select__dropdown::-webkit-scrollbar-thumb {
  background-color: #606060;
  border-radius: 624.9375rem;
}

.form-select__option {
  display: flex;
  align-items: center;
  padding: 0 0.625rem;
  height: 3.0625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #606060;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: background-color 150ms ease, color 150ms ease;
}
.form-select__option + .form-select__option {
  border-top: 1px solid rgba(96, 96, 96, 0.25);
}
.form-select__option:hover {
  background-color: rgba(0, 108, 255, 0.05);
  color: #333;
}
.form-select__option.is-selected {
  color: #333;
  font-weight: 700;
}

.form-select--open .form-select__trigger {
  border-radius: 0.5rem 0.5rem 0 0;
  border-bottom-color: rgba(96, 96, 96, 0.25);
}
.form-select--open .form-select__dropdown {
  display: block;
}
.form-select--open .form-select__arrow {
  transform: rotate(180deg);
}

.form-select__trigger:focus,
.form-select__trigger:focus-visible {
  outline: none;
}

.form-select--disabled .form-select__trigger {
  opacity: 0.2;
  border-color: #767676;
  cursor: not-allowed;
  pointer-events: none;
}

.form-select--error .form-select__trigger {
  border: 2px solid #ec003e;
}

.hero-slider {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  overflow: hidden;
}

.hero-slider__slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.hero-slider__slide.is-active {
  opacity: 1;
  z-index: 2;
}

.hero-slider__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.hero-slider__bg picture {
  display: block;
  width: 100%;
  height: 100%;
}

.hero-slider__bg-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
  will-change: transform;
}

.hero-slider__slide.is-active .hero-slider__bg-image {
  animation: hero-zoom-in 8s ease-out forwards;
}

.hero-slider__bg-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  display: block;
}

.hero-slider__overlay-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 40%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  z-index: 3;
  pointer-events: none;
}

.hero-slider__overlay-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
  z-index: 3;
  pointer-events: none;
}

.hero-slider__content {
  position: relative;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3vh;
  height: 100%;
  text-align: center;
  color: #fff;
  width: 100%;
  max-width: 37.5rem;
  margin: auto 0;
  justify-content: center;
}
@media (max-width: 1023px) {
  .hero-slider__content {
    max-width: 31.25rem;
  }
}
@media (max-width: 924px) {
  .hero-slider__content {
    max-width: 14.8125rem;
    margin: 0 auto;
    flex: 1 0 0;
    gap: 0.5rem;
    padding-top: 5.9375rem;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .hero-slider__content--bittersweet {
    max-width: 78.5rem;
  }
}

.hero-slider__content-item {
  opacity: 0;
  transform: translateY(-100vh);
  will-change: transform, opacity;
}

.hero-slider__slide.is-animated .hero-slider__content-item {
  animation: hero-content-slide-down 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(5) {
  animation-delay: 0s;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(4) {
  animation-delay: 0.15s;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(3) {
  animation-delay: 0.3s;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(2) {
  animation-delay: 0.45s;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(1) {
  animation-delay: 0.6s;
}
.hero-slider__slide.is-animated .hero-slider__content-item:nth-child(6) {
  animation-delay: 0.15s;
}

.hero-slider__slide:not(.is-animated) .hero-slider__content-item {
  opacity: 0;
  transform: translateY(-100vh);
  animation: none;
}

.hero-slider__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.078125rem;
  font-size: clamp(1.75rem, 1.75rem + 16 * (100vw - 57.8125rem) / 995, 2.75rem);
  line-height: clamp(2.0625rem, 2.0625rem + 19 * (100vw - 57.8125rem) / 995, 3.25rem);
  width: 100%;
}
@media (max-width: 924px) {
  .hero-slider__title {
    font-size: 1.625rem;
    line-height: 2.25rem;
    min-height: 4.875rem;
  }
}

.hero-slider__title-small {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.078125rem;
  font-size: clamp(1.125rem, 1.75rem + 16 * (100vw - 57.8125rem) / 995, 2rem);
  line-height: clamp(1.625rem, 1.75rem + 16 * (100vw - 57.8125rem) / 995, 2.5rem);
  width: 100%;
}
@media (max-width: 924px) {
  .hero-slider__title-small {
    font-size: 1.125rem;
    line-height: 1.625rem;
    min-height: 3.25rem;
  }
}

.hero-slider__divider {
  width: 0.125rem;
  height: clamp(2.8125rem, 2.8125rem + 25 * (100vw - 57.8125rem) / 995, 4.375rem);
  background-color: #fff;
}
@media (max-width: 924px) {
  .hero-slider__divider {
    height: 2rem;
  }
}

.hero-slider__winpoints {
  width: 8.4375rem;
  height: 5.375rem;
  border-radius: 0.375rem;
  overflow: hidden;
}
.hero-slider__winpoints img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
@media (max-width: 1919px) {
  .hero-slider__winpoints {
    width: 6.5rem;
    height: 4.125rem;
    border-radius: 0.3125rem;
  }
}

.hero-slider__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 924px) {
  .hero-slider__cta {
    margin-top: auto;
    margin-bottom: 3.25rem;
  }
  .hero-slider__cta .btn {
    width: 100%;
  }
}
@media (min-width: 925px) {
  .hero-slider__cta .btn {
    width: auto;
  }
}

.hero-slider__bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding-bottom: 1.875rem;
}
@media (max-width: 1023px) {
  .hero-slider__bottom {
    padding: 0 1rem 1.5rem;
    gap: 1.75rem;
  }
}

.hero-slider__pager {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .hero-slider__pager {
    gap: 1rem;
  }
}
@media (max-width: 1023px) {
  .hero-slider__pager {
    width: 100%;
    gap: 1rem;
    max-width: 14.8125rem;
    margin: 0 auto;
  }
}

.hero-slider__pager-item {
  height: 0.25rem;
  border-radius: 0.1875rem;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: background-color 300ms ease;
  background-color: rgba(245, 245, 241, 0.33);
  position: relative;
  overflow: hidden;
}
@media (min-width: 1024px) {
  .hero-slider__pager-item {
    width: 5.5625rem;
  }
}
@media (max-width: 1023px) {
  .hero-slider__pager-item {
    flex: 1 0 0;
  }
}
.hero-slider__pager-item.is-active {
  background-color: #fff;
}

.home-cards {
  padding: 0;
}

.home-cards__grid {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 769px) {
  .home-cards__grid {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.home-card {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  aspect-ratio: 285/507;
  color: #fff;
}
.home-card, .home-card:link, .home-card:visited, .home-card:hover, .home-card:active, .home-card:focus {
  color: #fff;
  text-decoration: none;
}
@media (min-width: 769px) {
  .home-card {
    flex: 1;
    aspect-ratio: 404/550;
  }
}

.home-card__media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.home-card__media img,
.home-card__media source {
  display: block;
}

picture.home-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 769px) {
  picture.home-card__media img {
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: transform;
  }
  .home-card:hover picture.home-card__media img {
    transform: scale(1.05);
  }
}

video.home-card__media {
  -o-object-fit: cover;
  object-fit: cover;
}

.home-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.home-card__overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(21, 20, 20, 0) 30%, rgba(34, 31, 29, 0.7) 100%);
}

.home-card__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
  padding: 1.25rem;
  text-align: center;
  gap: 0.5rem;
}
@media (min-width: 769px) {
  .home-card__content {
    padding-bottom: 1.875rem;
    transition: padding-bottom 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.home-card__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: clamp(1.75rem, -0.69625rem + 5.87vw, 2.625rem);
  line-height: 1em;
  margin-bottom: 0.625rem;
}
@media (min-width: 769px) {
  .home-card__title {
    font-size: clamp(2.125rem, -0.69625rem + 5.87vw, 4rem);
    line-height: 1.1;
    margin-bottom: 0;
    margin-bottom: 1.375rem;
  }
}
@media (min-width: 769px) {
  .home-card__title--medium {
    font-size: clamp(1.625rem, -0.69625rem + 2.87vw, 2.875rem);
  }
}
@media (min-width: 769px) {
  .home-card__title--small {
    font-size: clamp(1.5rem, -0.69625rem + 2.87vw, 2.625rem);
  }
}

.home-card__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 769px) {
  .home-card__text {
    font-size: clamp(0.75rem, 0.185625rem + 1.17vw, 1.125rem);
    line-height: 1.4;
    padding: 0 0.3125rem;
  }
}

.home-card__cta {
  margin-top: 0.5rem;
  width: calc(100% - 2.5rem);
}
@media (min-width: 769px) {
  .home-card__cta {
    position: absolute;
    bottom: 1.875rem;
    left: 50%;
    transform: translateX(-50%) translateY(1.25rem);
    max-width: 14.8125rem;
    margin-top: 0;
    opacity: 0;
    transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    will-change: opacity, transform;
  }
}

@media (min-width: 769px) {
  .home-card:hover .home-card__content {
    padding-bottom: 5.9375rem;
  }
  .home-card:hover .home-card__cta {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
.icon {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  vertical-align: middle;
  fill: currentColor;
}

.icon--sm {
  width: 0.9375rem;
  height: 0.9375rem;
}

.icon--lg {
  width: 1.5rem;
  height: 1.5rem;
}

.icon--xl {
  width: 2.375rem;
  height: 2.375rem;
}

.like-btn {
  position: absolute;
  bottom: 0.625rem;
  right: 0.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  color: #fff;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-shadow: 0 0 14px rgba(0, 0, 0, 0.25);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
  transition: transform 150ms ease;
}
@media (min-width: 1024px) {
  .like-btn {
    bottom: 1rem;
    right: 1rem;
    gap: 0.375rem;
    font-size: 0.875rem;
  }
}
.like-btn::before {
  content: "";
  position: absolute;
  inset: -0.9375rem;
}
.like-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -24%);
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: rgba(0, 150, 201, 0.1);
  opacity: 0;
  transition: opacity 150ms ease;
  pointer-events: none;
  z-index: -1;
}
@media (min-width: 1024px) {
  .like-btn:hover::after {
    opacity: 1;
  }
}
.like-btn:hover {
  transform: scale(1.1);
}
.like-btn svg {
  width: 1.1875rem;
  height: 1.125rem;
  fill: none;
  transition: all 150ms ease;
}
@media (min-width: 1024px) {
  .like-btn svg {
    width: 2.0625rem;
    height: 1.9375rem;
  }
}
.like-btn.is-liked svg {
  fill: var(--like-btn-color);
  color: #fff;
}
.like-btn.is-pulsing svg {
  animation: like-pulse 0.4s ease-out;
}
.like-btn--light {
  color: var(--like-btn-color);
  text-shadow: none;
}
.like-btn--light.is-liked svg {
  fill: var(--like-btn-color);
  color: #fff;
}

.like-btn__count {
  display: block;
}

.navbar {
  position: sticky;
  top: 0;
  z-index: 200;
  background-color: #ffe800;
  color: #006cff;
  transition: background-color 300ms ease, box-shadow 300ms ease;
}

.navbar--negative {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: transparent;
}
.navbar--negative .navbar__toggle {
  color: #fff;
}
.navbar--negative .navbar__toggle svg path {
  fill: #fff;
}
.navbar--negative .navbar__toggle:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar--negative .navbar__icon-btn {
  color: #fff;
}
.navbar--negative .navbar__icon-btn svg path {
  fill: #fff;
}
.navbar--negative .navbar__icon-btn:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar--negative .navbar__logo img {
  filter: brightness(0) invert(1);
}
.navbar--negative .nav-link {
  color: #fff;
}
.navbar--negative .nav-link:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.navbar--negative .nav-link.is-active {
  background-color: rgba(255, 255, 255, 0.15);
}
.navbar--negative .navbar__points {
  background-color: #fff;
  color: #006cff;
}
.navbar--negative .navbar__points .navbar__points-value {
  color: #006cff;
}
.navbar--negative .navbar__points .navbar__points-label {
  color: #006cff;
}
.navbar--negative .icon-chevron {
  color: #fff;
}
.navbar--negative.navbar--scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffe800;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  animation: navbarSlideDown 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.navbar--negative.navbar--scrolled .navbar__toggle {
  color: #006cff;
}
.navbar--negative.navbar--scrolled .navbar__toggle svg path {
  fill: #006cff;
}
.navbar--negative.navbar--scrolled .navbar__toggle:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--scrolled .navbar__icon-btn {
  color: #006cff;
}
.navbar--negative.navbar--scrolled .navbar__icon-btn svg path {
  fill: #006cff;
}
.navbar--negative.navbar--scrolled .navbar__icon-btn:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--scrolled .navbar__logo img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(97%) saturate(2462%) hue-rotate(211deg) brightness(101%) contrast(101%);
}
.navbar--negative.navbar--scrolled .nav-link {
  color: #006cff;
}
.navbar--negative.navbar--scrolled .nav-link:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--scrolled .nav-link.is-active {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--scrolled .navbar__points {
  background-color: #006cff;
  color: #fff;
}
.navbar--negative.navbar--scrolled .navbar__points .navbar__points-value {
  color: #fff;
}
.navbar--negative.navbar--scrolled .navbar__points .navbar__points-label {
  color: #fff;
}
.navbar--negative.navbar--scrolled .icon-chevron {
  color: #006cff;
}
.navbar--negative.navbar--megamenu-open {
  background-color: #ffe800;
}
.navbar--negative.navbar--megamenu-open .navbar__toggle {
  color: #006cff;
}
.navbar--negative.navbar--megamenu-open .navbar__toggle svg path {
  fill: #006cff;
}
.navbar--negative.navbar--megamenu-open .navbar__toggle:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--megamenu-open .navbar__icon-btn {
  color: #006cff;
}
.navbar--negative.navbar--megamenu-open .navbar__icon-btn svg path {
  fill: #006cff;
}
.navbar--negative.navbar--megamenu-open .navbar__icon-btn:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--megamenu-open .navbar__logo img {
  filter: brightness(0) saturate(100%) invert(34%) sepia(97%) saturate(2462%) hue-rotate(211deg) brightness(101%) contrast(101%);
}
.navbar--negative.navbar--megamenu-open .nav-link {
  color: #006cff;
}
.navbar--negative.navbar--megamenu-open .nav-link:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--megamenu-open .nav-link.is-active {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar--negative.navbar--megamenu-open .navbar__points {
  background-color: #006cff;
  color: #fff;
}
.navbar--negative.navbar--megamenu-open .navbar__points .navbar__points-value {
  color: #fff;
}
.navbar--negative.navbar--megamenu-open .navbar__points .navbar__points-label {
  color: #fff;
}
.navbar--negative.navbar--megamenu-open .icon-chevron {
  color: #006cff;
}

.navbar__mobile {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 47px;
  max-width: 1308px;
  margin-inline: auto;
  padding-inline: 0.25rem 17.5px;
}
@media (min-width: 57.8125rem) {
  .navbar__mobile {
    display: none;
  }
}
@media (min-width: 1920px) {
  .navbar__mobile {
    max-width: 1474px;
  }
}
.navbar__mobile-left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.navbar__mobile-right {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.navbar__desktop {
  display: none;
}
@media (min-width: 57.8125rem) {
  .navbar__desktop {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1308px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    padding-bottom: 1.25rem;
  }
}
@media (min-width: 1920px) {
  .navbar__desktop {
    max-width: 1474px;
  }
}
.navbar__desktop > .navbar__logo {
  padding-top: 0.5rem;
}
.navbar__desktop .navbar__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.navbar__desktop .navbar__actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.navbar__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.navbar__logo img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  transition: filter 300ms ease;
  filter: brightness(0) saturate(100%) invert(34%) sepia(97%) saturate(2462%) hue-rotate(211deg) brightness(101%) contrast(101%);
}

.navbar__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #006cff;
  transition: background-color 150ms ease, color 300ms ease;
}
.navbar__toggle:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.navbar__toggle .icon-burger {
  width: 0.875rem;
  height: 0.875rem;
}
.navbar__toggle .icon-close {
  display: none;
  width: 0.875rem;
  height: 0.875rem;
}
.navbar__toggle.is-active .icon-burger {
  display: none;
}
.navbar__toggle.is-active .icon-close {
  display: block;
}

.navbar__nav .nav-list {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.nav-item {
  position: relative;
}
.nav-item--has-dropdown .nav-link .icon-chevron {
  transition: transform 150ms ease;
}
.nav-item--has-dropdown:hover .icon-chevron, .nav-item--has-dropdown.is-open .icon-chevron {
  transform: rotate(180deg);
}
.nav-item--has-dropdown:hover .nav-link, .nav-item--has-dropdown.is-open .nav-link {
  background-color: rgba(0, 150, 201, 0.1);
}
.nav-item--has-dropdown.is-open .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.625rem 0.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #006cff;
  line-height: 1.25rem;
  white-space: nowrap;
  border-radius: 0.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: all 150ms ease, color 300ms ease;
}
.nav-link:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.nav-link.is-active {
  background-color: rgba(0, 150, 201, 0.1);
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 12.5rem;
  padding: 0.5rem 0;
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: all 150ms ease;
  z-index: 101;
}
.dropdown-menu li {
  display: block;
}

.dropdown-link {
  display: block;
  padding: 0.5rem 1rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  color: #006cff;
  white-space: nowrap;
  transition: background-color 150ms ease;
}
.dropdown-link:hover {
  background-color: rgba(0, 108, 255, 0.1);
}

.navbar__icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  color: #006cff;
  border-radius: 0.5rem;
  transition: background-color 150ms ease, color 300ms ease;
}
@media (min-width: 57.8125rem) {
  .navbar__icon-btn {
    width: 2.625rem;
    height: 2.625rem;
  }
}
.navbar__icon-btn svg path {
  transition: fill 300ms ease;
}
.navbar__icon-btn:hover {
  background-color: rgba(0, 108, 255, 0.1);
}

.navbar__points {
  display: flex;
  align-items: center;
  gap: 0.1875rem;
  height: 1.25rem;
  padding: 0.25rem 0.375rem;
  background-color: #006cff;
  color: #fff;
  border-radius: 0.4375rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
  text-decoration: none;
  transition: background-color 300ms ease, color 300ms ease;
}
@media (min-width: 57.8125rem) {
  .navbar__points {
    gap: 0.25rem;
    height: 1.625rem;
    padding: 0.375rem 0.5rem;
    border-radius: 0.625rem;
  }
}
.navbar__points-value {
  font-size: 0.71875rem;
  font-weight: 400;
  line-height: 0.875rem;
  text-align: right;
  transition: color 300ms ease;
}
@media (min-width: 57.8125rem) {
  .navbar__points-value {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}
.navbar__points-label {
  font-size: 0.53125rem;
  font-weight: 400;
  line-height: 0.6875rem;
  transition: color 300ms ease;
}
@media (min-width: 57.8125rem) {
  .navbar__points-label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.navbar__points-coin {
  width: 0.875rem;
  height: 0.875rem;
  -o-object-fit: contain;
  object-fit: contain;
  flex-shrink: 0;
}
@media (min-width: 57.8125rem) {
  .navbar__points-coin {
    width: 1.25rem;
    height: 1.25rem;
  }
}

@keyframes navbarSlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: none;
  }
}
@keyframes mobileNavSlideIn {
  from {
    opacity: 1;
    transform: translateY(-13.75rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes dropdownCardSlideIn {
  from {
    opacity: 0;
    transform: translateY(-0.9375rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes mobileNavOverlayIn {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: none;
  }
}
@keyframes mobileNavOverlayOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
.mobile-nav {
  position: fixed;
  inset: 0;
  background-color: #ffe800;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6.6875rem;
  padding-bottom: 1.875rem;
  transform: translateY(-100%);
  overflow-y: hidden;
  z-index: 400;
}
@media (min-width: 57.8125rem) {
  .mobile-nav {
    display: none;
  }
}
.mobile-nav.is-open {
  transform: translateY(0);
  animation: mobileNavOverlayIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  overflow-y: auto;
}
.mobile-nav.is-open .mobile-nav__item,
.mobile-nav.is-open .mobile-nav__logo {
  animation: mobileNavSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--i, 0) * 0.08s + 0.05s);
}
.mobile-nav.is-closing {
  animation: mobileNavOverlayOut 0.3s cubic-bezier(0.5, 0, 0.75, 0) forwards;
}
.mobile-nav__item, .mobile-nav__logo {
  opacity: 0;
}
.mobile-nav__close {
  opacity: 1;
  --i: 0;
  position: absolute;
  top: 0.25rem;
  left: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  color: #006cff;
  transition: background-color 150ms ease;
}
.mobile-nav__close:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mobile-nav__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  width: 100%;
}
.mobile-nav__item {
  width: 100%;
  min-width: 17.75rem;
}
.mobile-nav__item--has-dropdown .mobile-nav__link {
  justify-content: center;
}
.mobile-nav__item--has-dropdown .mobile-nav__link .icon-plus {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  transition: transform 150ms ease;
}
.mobile-nav__item--has-dropdown.is-open .mobile-nav__link .icon-plus {
  transform: rotate(45deg);
}
.mobile-nav__item--has-dropdown.is-open .mobile-dropdown {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}
.mobile-nav__item--has-dropdown.is-open .mobile-dropdown .mobile-dropdown__card {
  animation: dropdownCardSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--card-i, 0) * 0.06s);
}
.mobile-nav__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  min-height: 3.5rem;
  padding: 1rem 2.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.625rem;
  font-weight: 500;
  color: #006cff;
  line-height: 1.5rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  transition: color 150ms ease;
  overflow: hidden;
}
.mobile-nav__link:hover {
  color: #006cff;
}
.mobile-nav__logo {
  margin-top: auto;
  padding-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile-nav__logo img {
  width: 5.625rem;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(34%) sepia(97%) saturate(2462%) hue-rotate(211deg) brightness(101%) contrast(101%);
}

.mobile-dropdown {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 100%;
  padding: 0 1.25rem;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1), padding-top 0.3s cubic-bezier(0.16, 1, 0.3, 1), padding-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.mobile-dropdown__card {
  position: relative;
  display: flex;
  align-items: center;
  height: 3.5rem;
  min-height: 3.5rem;
  max-height: 3.5rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none;
  transition: opacity 150ms ease;
  opacity: 0;
}
.mobile-dropdown__card:hover {
  opacity: 0.9;
}
.mobile-dropdown__card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  pointer-events: none;
}
.mobile-dropdown__card-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(89.45deg, rgba(0, 0, 0, 0.6) 34.5%, rgba(0, 0, 0, 0) 72%);
  border-radius: 0.5rem;
  pointer-events: none;
}
.mobile-dropdown__card-text {
  position: relative;
  z-index: 1;
  flex: 1;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-dropdown__card--white {
  background: #fff;
  justify-content: space-between;
  height: 3.375rem;
  min-height: 3.375rem;
  max-height: 3.375rem;
  padding: 0.75rem 1rem;
}
.mobile-dropdown__card-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #333;
  text-transform: uppercase;
}
.mobile-dropdown__card-arrow {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.mobile-dropdown__card-thumb {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

@keyframes megamenuSlideDown {
  from {
    opacity: 0;
    transform: translateY(-0.625rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes megamenuCardSlideIn {
  from {
    opacity: 0;
    transform: translateY(-1.25rem);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.megamenu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #ffe800;
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.06);
  padding: 2rem 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 100;
  transition: opacity 150ms ease, visibility 150ms ease;
}
@media (min-width: 57.8125rem) {
  .megamenu {
    display: block;
  }
}
.megamenu.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  animation: megamenuSlideDown 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
.megamenu.is-open .megamenu__top {
  animation: megamenuCardSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: 0.05s;
}
.megamenu.is-open .megamenu__card {
  animation: megamenuCardSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--card-i, 0) * 0.08s + 0.1s);
}
.megamenu.is-open .megamenu__link-card {
  animation: megamenuCardSlideIn 0.3s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: calc(var(--link-i, 0) * 0.06s + 0.35s);
}
.megamenu__container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: center;
  max-width: 1308px;
  margin-inline: auto;
  padding-inline: 1.5rem;
}
@media (min-width: 1920px) {
  .megamenu__container {
    max-width: 1474px;
  }
}
.megamenu__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 2.5rem;
  border-bottom: 1px solid #d3d3d3;
  opacity: 0;
}
.megamenu__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #006cff;
}
.megamenu__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.625rem;
  height: 2.625rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.megamenu__close svg {
  width: 0.875rem;
  height: 0.875rem;
}
.megamenu__close:hover {
  background-color: rgba(0, 108, 255, 0.1);
}
.megamenu__cards {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  width: 100%;
  max-width: 65.375rem;
}
.megamenu__card {
  text-decoration: none;
}
.megamenu__card--image {
  position: relative;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  height: 15.4375rem;
  padding: 1rem 1.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  opacity: 0;
}
.megamenu__card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  pointer-events: none;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.megamenu__card-gradient {
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 14.37%, rgba(0, 0, 0, 0) 55.87%);
  pointer-events: none;
  transition: background 150ms ease;
}
.megamenu__card-text {
  position: relative;
  z-index: 1;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #fff;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: uppercase;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.megamenu__card-text .btn-sm {
  min-height: unset;
  padding-top: 0;
  padding-bottom: 0;
}
.megamenu__card--image:hover .megamenu__card-bg {
  transform: scale(1.05);
}
.megamenu__card--image:hover .megamenu__card-gradient {
  background: linear-gradient(0deg, rgba(0, 108, 255, 0.1), rgba(0, 108, 255, 0.1)), linear-gradient(180deg, rgba(0, 0, 0, 0.7) 14.37%, rgba(0, 0, 0, 0) 55.87%);
}
.megamenu__links {
  display: flex;
  gap: 0.625rem;
  width: 100%;
  max-width: 65.375rem;
  padding: 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
}
.megamenu__link-card {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  min-height: 3.375rem;
  padding: 0.75rem 1rem;
  background-color: #ffd000;
  border-radius: 0.5rem;
  text-decoration: none;
  overflow: hidden;
  transition: background-color 150ms ease;
  opacity: 0;
}
.megamenu__link-card:hover {
  background-color: rgb(229.5, 187.2, 0);
}
.megamenu__link-card-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.125rem;
  color: #333;
  text-transform: uppercase;
}
.megamenu__link-card-arrow {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}

.nav-item--has-megamenu .nav-link .icon-chevron {
  transition: transform 150ms ease;
}
.nav-item--has-megamenu.is-open .icon-chevron {
  transform: rotate(180deg);
}
.nav-item--has-megamenu.is-open .nav-link {
  background-color: rgba(0, 150, 201, 0.1);
}

body.nav-open {
  overflow: hidden;
}
@media (min-width: 57.8125rem) {
  body.nav-open {
    overflow: auto;
  }
}

.navbar__breadcrumb {
  width: 100%;
  padding-bottom: 0.5rem;
}
.navbar__breadcrumb-inner {
  max-width: 1308px;
  margin-inline: auto;
  padding-inline: 17.5px;
}
@media (min-width: 769px) {
  .navbar__breadcrumb-inner {
    padding-inline: 3rem;
  }
}
@media (min-width: 1920px) {
  .navbar__breadcrumb-inner {
    max-width: 1474px;
  }
}
.navbar__breadcrumb--desktop-only {
  display: none;
}
@media (min-width: 57.8125rem) {
  .navbar__breadcrumb--desktop-only {
    display: block;
  }
}
@media (min-width: 57.8125rem) {
  .navbar__breadcrumb--mobile-only {
    display: none;
  }
}

.onboarding-backdrop {
  position: fixed;
  inset: 0;
  z-index: 400;
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.onboarding-backdrop.is-active {
  opacity: 1;
  visibility: visible;
}
.onboarding-backdrop.is-dismissing {
  opacity: 0;
  transition: opacity 300ms ease, visibility 300ms ease;
}

.onboarding {
  position: relative;
  width: 100%;
  height: 100dvh;
  min-height: 100dvh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.onboarding__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.onboarding__bg--active {
  opacity: 1;
}

.onboarding__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.onboarding__overlay--dark {
  background: linear-gradient(180deg, rgba(34, 31, 29, 0.9) 0%, rgba(21, 20, 20, 0) 49.5%), linear-gradient(0deg, rgba(34, 31, 29, 0.9) 0%, rgba(21, 20, 20, 0) 59.5%);
}
.onboarding__overlay--blue {
  background: linear-gradient(180deg, rgba(34, 31, 29, 0.95) 0%, rgba(21, 20, 20, 0) 49.5%), linear-gradient(0deg, rgba(34, 31, 29, 0.95) 0%, rgba(21, 20, 20, 0) 59.5%);
}

.onboarding__close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.onboarding__close::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23fff'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23fff'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.onboarding__close:hover {
  opacity: 1;
}

.onboarding__container {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  padding: 0.625rem 1.25rem 1.25rem;
}

.onboarding__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding-top: 1.75rem;
}

.onboarding__logo {
  width: 5.9375rem;
  height: auto;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.6s ease, transform 0.6s ease;
  filter: brightness(0) invert(1);
}
.is-active .onboarding__logo {
  opacity: 1;
  transform: scale(1);
}

.onboarding__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #fff;
  text-align: center;
  margin: 0;
  max-width: 16.4375rem;
  opacity: 0;
  transform: translateY(0.625rem);
  transition: opacity 0.4s ease 0.15s, transform 0.4s ease 0.15s;
}
.is-active .onboarding__title {
  opacity: 1;
  transform: translateY(0);
}

.onboarding__steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  justify-content: flex-end;
  min-height: 0;
}

.onboarding__step {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  gap: 1.25rem;
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
}
.onboarding__step.is-active {
  display: flex;
  opacity: 1;
  transform: translateY(0);
}
.onboarding__step.is-entering {
  display: flex;
}
.onboarding__step.is-leaving {
  display: flex;
  opacity: 0;
  transform: translateY(-1.25rem);
}

.onboarding__desc {
  background-color: #ffe800;
  border-radius: 0.625rem;
  padding: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.onboarding__desc p {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #006cff;
  text-align: center;
  margin: 0;
  max-width: 15.375rem;
}
@media (max-width: 768px) {
  .onboarding__desc p {
    max-width: none;
  }
}
.onboarding__desc strong {
  font-weight: 700;
}
.onboarding__desc--no-bg {
  background-color: transparent;
}

.onboarding__coins {
  display: block;
  max-width: 16rem;
  width: 80%;
  height: auto;
  margin: auto;
}

.onboarding__cards {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  max-width: 17.875rem;
}

.onboarding__card {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  background-color: rgba(76, 128, 207, 0.8);
  border-radius: 0.5rem;
  min-height: 3.375rem;
  padding: 0.75rem 1rem;
  overflow: hidden;
}

.onboarding__card-icon {
  flex-shrink: 0;
  width: 1.875rem;
  height: 1.875rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 0.5rem;
}

.onboarding__card-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #fff;
  text-align: center;
  flex: 1 1 0;
  margin: 0;
}

.onboarding__card--no-icon .onboarding__card-text {
  text-align: center;
  width: 100%;
}

.onboarding__svg-text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 17.5rem;
  flex: 1 1 0;
  min-height: 0;
  margin: auto;
}
.onboarding__svg-text svg {
  display: block;
  width: 100%;
  height: 100%;
}
.onboarding__svg-text .svg-letter {
  fill-opacity: 0;
  stroke-dasharray: var(--path-length);
  stroke-dashoffset: var(--path-length);
}

.onboarding__step.is-active .onboarding__svg-text .svg-letter {
  animation: svg-draw 1.5s ease forwards, svg-fill 0.4s ease forwards;
}

.onboarding__step.is-active .svg-letter[data-index="0"] {
  animation-delay: 0s, 1.3s;
}

.onboarding__step.is-active .svg-letter[data-index="1"] {
  animation-delay: 0.12s, 1.42s;
}

.onboarding__step.is-active .svg-letter[data-index="2"] {
  animation-delay: 0.24s, 1.54s;
}

.onboarding__step.is-active .svg-letter[data-index="3"] {
  animation-delay: 0.36s, 1.66s;
}

.onboarding__step.is-active .svg-letter[data-index="4"] {
  animation-delay: 0.48s, 1.78s;
}

.onboarding__step.is-active .svg-letter[data-index="5"] {
  animation-delay: 0.6s, 1.9s;
}

.onboarding__step.is-active .svg-letter[data-index="6"] {
  animation-delay: 0.72s, 2.02s;
}

.onboarding__step.is-active .svg-letter[data-index="7"] {
  animation-delay: 0.84s, 2.14s;
}

.onboarding__step.is-active .svg-letter[data-index="8"] {
  animation-delay: 0.96s, 2.26s;
}

.onboarding__step.is-active .svg-letter[data-index="9"] {
  animation-delay: 1.08s, 2.38s;
}

.onboarding__step.is-active .svg-letter[data-index="10"] {
  animation-delay: 1.2s, 2.5s;
}

@keyframes svg-draw {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes svg-fill {
  to {
    fill-opacity: 1;
  }
}
.onboarding__info-btn {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  padding: 0;
  margin: 0 -0.5rem 0 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 150ms ease;
  color: #000;
}
.onboarding__info-btn svg {
  width: 1rem;
  height: 1rem;
}
.onboarding__info-btn:hover {
  opacity: 1;
}

.onboarding__alert {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 5;
  max-width: 20rem;
}
.onboarding__alert:not(.is-visible) {
  display: flex;
  opacity: 0;
  visibility: hidden;
}
.onboarding__alert.is-visible {
  animation: none;
  opacity: 1;
  visibility: visible;
}
.onboarding__alert {
  transition: opacity 150ms ease, visibility 150ms ease;
}

.onboarding__footer {
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  width: 100%;
  padding-top: 1.875rem;
}

.onboarding__progress {
  width: 100%;
  height: 0.375rem;
  border-radius: 0.25rem;
  background: linear-gradient(90deg, rgba(245, 245, 241, 0.33) 0%, rgba(245, 245, 241, 0.33) 100%), linear-gradient(90deg, #666 0%, #666 100%);
}

.onboarding__progress-fill {
  height: 0.375rem;
  border-radius: 0.25rem;
  background: #00c2ff;
  width: 25%;
  transition: width 0.5s ease;
}

.onboarding__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 1.625rem;
  border-radius: 0.5rem;
  background: #ffe800;
  color: #333333;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  text-align: center;
  cursor: pointer;
  transition: background-color 150ms ease;
  white-space: nowrap;
}
.onboarding__btn:hover {
  background-color: rgb(229.5, 208.8, 0);
}

.onboarding-open {
  overflow: hidden;
}

@media (min-width: 769px) {
  .onboarding-backdrop {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .onboarding {
    width: 35rem;
    max-width: 90vw;
    height: 53.125rem;
    max-height: 90vh;
    min-height: auto;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.06);
  }
  .onboarding__close {
    top: 0.75rem;
    right: 0.75rem;
    width: 1.875rem;
    height: 1.875rem;
  }
  .onboarding__close::before {
    width: 1.1875rem;
    height: 1.1875rem;
  }
  .onboarding__bg {
    border-radius: 1rem;
  }
  .onboarding__overlay {
    border-radius: 1rem;
  }
  .onboarding__container {
    padding: 0.75rem 1.5625rem 1.5625rem;
  }
  .onboarding__header {
    padding-top: clamp(0.5rem, 2.4vh, 1.25rem);
    flex-shrink: 0;
  }
  .onboarding__logo {
    width: clamp(5.3125rem, 16vh, 8.4375rem);
  }
  .onboarding__title {
    font-size: clamp(1.25rem, 3.3vh, 1.75rem);
    line-height: clamp(1.625rem, 4.4vh, 2.3125rem);
    max-width: 21.25rem;
  }
  .onboarding__desc {
    border-radius: clamp(0.625rem, 1.6vh, 0.875rem);
    padding: clamp(0.875rem, 3.3vh, 1.75rem);
  }
  .onboarding__desc p {
    font-size: clamp(1rem, 3.3vh, 1.25rem);
    line-height: clamp(1.125rem, 4.2vh, 1.5rem);
    max-width: 21.5rem;
  }
  .onboarding__coins {
    max-width: clamp(12.5rem, 40vh, 21.25rem);
    width: clamp(45%, 60vh, 70%);
    margin: auto;
    padding-top: clamp(0.3125rem, 2.4vh, 1.25rem);
  }
  .onboarding__step {
    gap: clamp(0.75rem, 2.4vh, 1.25rem);
  }
  .onboarding__cards {
    gap: clamp(0.375rem, 1.2vh, 0.625rem);
    max-width: clamp(21.25rem, 47vh, 25rem);
  }
  .onboarding__card {
    min-height: clamp(2.875rem, 7.5vh, 4rem);
    padding: clamp(0.5rem, 1.6vh, 0.875rem) clamp(0.875rem, 2.4vh, 1.25rem);
  }
  .onboarding__card-icon {
    width: clamp(1.625rem, 4.2vh, 2.25rem);
    height: clamp(1.625rem, 4.2vh, 2.25rem);
    margin-right: 0.625rem;
  }
  .onboarding__card-text {
    font-size: clamp(1.125rem, 2.8vh, 1.5rem);
    line-height: clamp(1.5rem, 3.5vh, 1.875rem);
  }
  .onboarding__svg-text {
    max-width: clamp(7.5rem, 30vh, 22.5rem);
    margin: auto;
    padding-top: clamp(0rem, 2vh, 1.25rem);
  }
  .onboarding__footer {
    gap: clamp(0.875rem, 3.3vh, 1.75rem);
    max-width: 25rem;
    align-self: center;
    padding-top: clamp(0.875rem, 3.5vh, 1.875rem);
  }
  .onboarding__btn {
    height: clamp(2.375rem, 5.6vh, 3rem);
    font-size: clamp(1rem, 1.6vh, 1rem);
  }
}
.play-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  transition: border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.play-btn::after {
  content: "";
  display: block;
  width: 0.91875rem;
  height: 0.8rem;
  background-color: #006cff;
  mask-image: url("./static/icons/icons/icon-play-chevron.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("./static/icons/icons/icon-play-chevron.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  transform: rotate(90deg);
  margin-left: 0.125rem;
}
.play-btn:hover:not(:disabled) {
  border-color: #006cff;
}
.play-btn:active:not(:disabled) {
  border-color: #006cff;
}
.play-btn:focus-visible {
  outline: none;
  background-color: #f5f5f1;
  border-color: #f5f5f1;
  box-shadow: 0 0 0 4px #00c2ff;
}
.play-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.play-btn-sm {
  width: 1.875rem;
  height: 1.875rem;
}
.play-btn-sm::after {
  width: 0.68125rem;
  height: 0.59375rem;
}

.product-card {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 404/550;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  padding: 0 1.25rem 1.875rem;
}
@media (max-width: 1023px) {
  .product-card {
    width: 100%;
    max-width: 17.8125rem;
    height: auto;
    aspect-ratio: 285/404;
    padding: 0 1rem 1rem;
  }
}

.product-card__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, #006cff 0%, #00c2ff 100%);
  border-radius: 0.5rem;
}

.product-card__badge {
  display: none;
}

.product-card__image {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, calc(-50% + -14.2%));
  width: 79.2%;
  height: 64%;
  z-index: 1;
  pointer-events: none;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 1023px) {
  .product-card__image {
    width: 52%;
    height: 52%;
    transform: translate(-50%, calc(-50% + -32%));
    transition: none;
    will-change: auto;
  }
}

.product-card__content {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}

.product-card__name {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: 0;
  color: #ffe800;
  margin: 0;
}
@media (max-width: 1279px) {
  .product-card__name {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 1023px) {
  .product-card__name {
    font-size: 1rem;
    line-height: 1.25rem;
  }
}

.product-card__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #333;
  margin: 0;
}
@media (max-width: 1279px) {
  .product-card__desc {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (max-width: 1023px) {
  .product-card__desc {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}

.product-card__action {
  position: relative;
  z-index: 2;
  width: 100%;
  display: flex;
  justify-content: center;
  max-height: 0;
  margin-top: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
}
@media (max-width: 1023px) {
  .product-card__action {
    max-height: 3.75rem;
    margin-top: 0.875rem;
    opacity: 1;
    pointer-events: auto;
    width: auto;
    transition: none;
  }
  .product-card__action .btn {
    font-size: 0.75rem;
    line-height: 1.0625rem;
    padding: 0.75rem 1.375rem;
    border-radius: 0.4375rem;
    border-width: 1.7px;
  }
}

@media (hover: hover) {
  .product-card:hover .product-card__image {
    transform: translate(-50%, calc(-50% + -25.4%)) scale(0.854, 0.83);
  }
  .product-card:hover .product-card__action {
    max-height: 3.75rem;
    margin-top: 1.25rem;
    opacity: 1;
    pointer-events: auto;
  }
}
.product-filter {
  padding: 0 0 1.5rem;
}
@media (min-width: 1024px) {
  .product-filter {
    padding: 0 0 3rem;
  }
}

.product-filter__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  text-align: center;
  margin: 0 0 1.25rem;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .product-filter__title {
    margin-bottom: 1.25rem;
  }
}

.product-filter__bar {
  display: none;
}
@media (min-width: 1024px) {
  .product-filter__bar {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    align-items: center;
  }
}

.product-filter__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-filter__group {
    padding: 0 0.625rem;
  }
}

.product-filter__group-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #333;
  text-align: center;
}

.product-filter__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 1.25rem;
  width: 100%;
  background-color: #fff;
}

.product-filter__chip {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: calc(33.3333333333% - 0.5rem);
  height: 3.5rem;
  padding: 0.75rem 1.25rem;
  background: #E5F0FF;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 150ms ease;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #333;
  text-align: left;
}
.product-filter__chip:hover {
  background: #eeeeee;
}
.product-filter__chip--selected {
  background: rgba(53, 103, 255, 0.1);
}

.product-filter__chip-img {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-filter__chip-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-filter__chip-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-box-trim: trim-both;
}

.product-filter__active-row {
  display: none;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .product-filter__active-row {
    display: flex;
    padding: 1.875rem 0.625rem 0;
    margin: 0 auto;
  }
}

.product-filter__active-row-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  max-width: 60.5rem;
}

.product-filter__active-row-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  white-space: nowrap;
}

.product-filter__active-row-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.product-filter__clear-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 1.625rem;
  background: #fff;
  color: #333;
  border: 2px solid #006cff;
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  white-space: nowrap;
  transition: border-color 150ms ease;
  flex-shrink: 0;
}
.product-filter__clear-btn:hover {
  border-color: rgba(53, 103, 255, 0.1);
}

.product-filter__mobile {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1.5rem;
}
@media (min-width: 1024px) {
  .product-filter__mobile {
    display: none;
  }
}

.product-filter__trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1.625rem;
  background: #006cff;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  transition: background-color 150ms ease;
  white-space: nowrap;
}
.product-filter__trigger:hover {
  background: #0055cc;
}
.product-filter__trigger svg {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}

.product-filter__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  background: #fff;
  color: #006cff;
  border-radius: 0.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1rem;
  overflow: hidden;
}

.product-filter__active {
  width: 100%;
}

.product-filter__active-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  display: block;
  margin-bottom: 0.75rem;
}

.product-filter__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.filter-tag {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.25rem 0.75rem;
  background: rgba(53, 103, 255, 0.1);
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
}

.filter-tag__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  opacity: 0.75;
  padding: 0;
  color: #333;
}
.filter-tag__close svg {
  width: 0.875rem;
  height: 0.875rem;
}
.filter-tag__close:hover {
  opacity: 1;
}

.product-filter-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 500;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: flex-start;
}
.product-filter-modal--open {
  display: flex;
}
@media (min-width: 1024px) {
  .product-filter-modal {
    display: none !important;
  }
}

.product-filter-modal__panel {
  position: relative;
  background: #fff;
  width: 100%;
  max-width: 29.9375rem;
  min-width: 20rem;
  display: flex;
  flex-direction: column;
  max-height: 100vh;
  overflow-y: auto;
  margin-top: 4.375rem;
}

.product-filter-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0.625rem;
}
.product-filter-modal__header .product-filter-modal__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #184689;
}

.product-filter-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #333;
}
.product-filter-modal__close svg {
  width: 0.875rem;
  height: 0.875rem;
}

.product-filter-modal__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0 1.25rem 1.25rem;
}

.product-filter-modal__group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-filter-modal__group-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.625rem;
  color: #006cff;
}

.product-filter-modal__chips {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0 1.25rem;
}

.product-filter-modal__chip {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  height: 3.5rem;
  padding: 0.75rem 1.25rem;
  background: #E5F0FF;
  border-radius: 0.5rem;
  border: none;
  cursor: pointer;
  overflow: hidden;
  transition: background-color 150ms ease;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  text-align: left;
  width: 100%;
}
.product-filter-modal__chip:hover {
  background: rgba(53, 103, 255, 0.2);
}
.product-filter-modal__chip--selected {
  background: rgba(53, 103, 255, 0.1);
}

.product-filter-modal__chip-img {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-filter-modal__chip-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.product-filter-modal__chip-text {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-filter-modal__footer {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem;
  border-top: 1px solid #858886;
}

.product-filter-modal__clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.625rem;
  background: #fff;
  color: #333;
  border: 2px solid #006cff;
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  width: 100%;
  transition: border-color 150ms ease;
}
.product-filter-modal__clear:hover {
  border-color: #0055cc;
}

.product-filter-modal__submit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.625rem;
  background: #006cff;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  cursor: pointer;
  width: 100%;
  transition: background-color 150ms ease;
}
.product-filter-modal__submit:hover {
  background: #0055cc;
}

.product-nav {
  padding: 1.5rem 0;
}
.product-nav__wrapper {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 1280px) {
  .product-nav__wrapper {
    gap: 2.5rem;
  }
}
.product-nav__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.1875rem;
  height: 2.1875rem;
  border: 1px solid #006cff;
  border-radius: 50%;
  background: transparent;
  color: #006cff;
  cursor: pointer;
  transition: all 150ms ease;
  flex-shrink: 0;
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .product-nav__arrow {
    margin-top: 1.5625rem;
  }
}
.product-nav__arrow svg {
  width: 0.65625rem;
  height: 1.0375rem;
  fill: currentcolor;
}
.product-nav__arrow:hover {
  background: #006cff;
  color: #fff;
}
.product-nav__arrow.is-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.product-nav__carousel {
  flex: 1;
  overflow: hidden;
}
.product-nav__items {
  display: flex;
  gap: 0.625rem;
  align-items: center;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  padding-bottom: 1.875rem;
}
.product-nav__items::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1280px) {
  .product-nav__items {
    gap: 1rem;
  }
}
@media (min-width: 1920px) {
  .product-nav__items {
    gap: 2.5rem;
  }
}
.product-nav__item {
  flex-shrink: 0;
  text-decoration: none;
  position: relative;
}
.product-nav__item:hover .product-nav__thumb, .product-nav__item:active .product-nav__thumb {
  background: #e6e7e8;
}
.product-nav__item.is-active .product-nav__thumb {
  background: #f5f5f1;
}
.product-nav__item.is-active .product-nav__indicator {
  display: block;
}
.product-nav__thumb {
  width: 4.125rem;
  height: 4.125rem;
  background: transparent;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: background 150ms ease;
}
@media (min-width: 1024px) {
  .product-nav__thumb {
    width: 5.3125rem;
    height: 5.3125rem;
  }
}
.product-nav__thumb img {
  max-width: 80%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-nav__thumb--placeholder {
  background: #f5f5f1;
}
.product-nav__indicator {
  display: none;
  position: absolute;
  bottom: -1.375rem;
  left: 0;
  right: 0;
  height: 0.375rem;
  background: #006cff;
  border-radius: 0.1875rem;
}

.referral-link {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  padding: 6.25rem 4rem;
  width: 100%;
  height: unset;
}
@media (max-width: 1023px) {
  .referral-link {
    height: 40rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .referral-link {
    padding: 1.25rem;
    height: 31.6875rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.referral-link__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #006cff;
}
.referral-link__bg picture {
  width: 100%;
  height: 100%;
}
.referral-link__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -o-object-position: center center;
  object-position: center center;
}
@media (max-width: 768px) {
  .referral-link__bg img {
    -o-object-position: center top;
    object-position: center top;
  }
}
.referral-link__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(21, 20, 20, 0) 20.22%, #221f1d 100%);
}
@media (min-width: 769px) {
  .referral-link__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40.72%, rgba(0, 0, 0, 0) 90.88%);
  }
}
@media (min-width: 1024px) {
  .referral-link__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 40.72%, rgba(0, 0, 0, 0) 70.88%);
  }
}
@media (min-width: 1920px) {
  .referral-link__bg::before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7) 21.72%, rgba(0, 0, 0, 0) 49.88%);
  }
}

.referral-link__badges {
  position: absolute;
  z-index: 2;
  right: 4rem;
  top: 5rem;
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  width: 16.5625rem;
  align-items: flex-start;
}
@media (max-width: 1279px) {
  .referral-link__badges {
    right: 3.25rem;
    width: 12.5rem;
    gap: 1.625rem;
  }
}
@media (max-width: 1023px) {
  .referral-link__badges {
    position: absolute;
    top: 2.5rem;
    left: 1.15625rem;
    right: auto;
    flex-direction: row;
    gap: 1rem;
    align-items: flex-end;
    width: calc(100% - 2.3125rem);
    justify-content: center;
  }
}
@media (min-width: 1920px) {
  .referral-link__badges {
    right: 7.75rem;
    top: 6.875rem;
  }
}

.referral-link__badge-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  align-items: flex-start;
}
@media (max-width: 1023px) {
  .referral-link__badge-item {
    align-items: center;
  }
}

.referral-link__badge-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.4375rem;
  line-height: 1.25rem;
  color: #fff;
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .referral-link__badge-label {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}

.referral-link__badge {
  display: block;
  width: 100%;
  height: 8rem;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 768px) {
  .referral-link__badge {
    width: auto;
    height: 5.25rem;
    margin-right: -0.75rem;
  }
}
@media (max-width: 639px) {
  .referral-link__badge {
    width: auto;
    height: 4rem;
    margin-right: -0.75rem;
  }
}

.referral-link__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: flex-start;
  padding: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .referral-link__content {
    padding: 0.625rem 0;
  }
}
@media (min-width: 1920px) {
  .referral-link__content {
    padding: 2.5rem 0;
  }
}
@media (max-width: 768px) {
  .referral-link__content {
    flex: 1 0 0;
    gap: 1.875rem;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    padding: 0 0 0.625rem;
  }
  .referral-link__content .text-input__helper {
    text-align: left;
    margin-bottom: 0.625rem;
  }
}

.referral-link__text {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .referral-link__text {
    width: 100%;
    gap: 0.625rem;
  }
}

.referral-link__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4.375rem;
  line-height: 4.875rem;
  letter-spacing: -0.078125rem;
  color: #fff;
  margin: 0;
  max-width: 41.25rem;
}
@media (max-width: 1023px) {
  .referral-link__title {
    font-size: 3rem;
    line-height: 3.5rem;
  }
}
@media (max-width: 768px) {
  .referral-link__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.referral-link__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #fff;
  margin: 0;
  max-width: 32.3125rem;
}
.referral-link__desc strong,
.referral-link__desc b {
  font-weight: 700;
}
@media (max-width: 768px) {
  .referral-link__desc {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}

.referral-link__form {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}
.referral-link__form .text-input {
  width: 27.9375rem;
  flex-shrink: 0;
}
@media (max-width: 1144px) {
  .referral-link__form .text-input {
    min-width: 20.625rem;
    max-width: 27.9375rem;
    flex-shrink: unset;
  }
}
@media (max-width: 768px) {
  .referral-link__form .text-input {
    min-width: unset;
    max-width: unset;
  }
}
.referral-link__form .btn {
  width: 12.125rem;
  flex-shrink: 0;
  height: 3.375rem;
}
@media (max-width: 1144px) {
  .referral-link__form {
    max-width: 29.375rem;
  }
}
@media (max-width: 768px) {
  .referral-link__form {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .referral-link__form .text-input {
    width: 100%;
  }
  .referral-link__form .btn {
    width: 100%;
    height: auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
    min-height: 2.25rem;
  }
}

.referral-link__label-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  white-space: nowrap;
}

.referral-link .text-input__label {
  color: #fff;
  text-align: left;
}

.referral-link__how-link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
}
.referral-link__how-link:hover {
  opacity: 0.8;
}

@media (max-width: 768px) {
  .referral-link .btn {
    border: 1px solid #fff;
  }
}
.radio-input {
  display: inline-flex;
  align-items: center;
  gap: 0.5625rem;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.radio-input__control {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.radio-input__indicator {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  border: 1px solid #333;
  border-radius: 624.9375rem;
  background: transparent;
  transition: border-color 150ms ease, border-width 150ms ease, box-shadow 150ms ease;
}
.radio-input__indicator::after {
  content: "";
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 624.9375rem;
  background: transparent;
  transition: background-color 150ms ease;
}

.radio-input__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0;
  color: #333;
}

.radio-input__control:checked ~ .radio-input__indicator {
  border: 2px solid #006cff;
}
.radio-input__control:checked ~ .radio-input__indicator::after {
  background-color: #006cff;
}

.radio-input__control:focus-visible ~ .radio-input__indicator {
  border-color: transparent;
  box-shadow: 0 0 0 4px #006cff;
}

.radio-input__control:disabled ~ .radio-input__indicator {
  border-color: #767676;
  cursor: not-allowed;
}

.radio-input__control:disabled ~ .radio-input__label {
  color: #767676;
  cursor: not-allowed;
}

.radio-input:has(.radio-input__control:disabled) {
  cursor: not-allowed;
}

.radio-input--error .radio-input__indicator {
  border-color: #ec0000;
}

.radio-input--blocked .radio-input__indicator,
.radio-input--blocked .radio-input__control:checked ~ .radio-input__indicator {
  border: 2px solid #a6a6a5;
}
.radio-input--blocked .radio-input__indicator::after,
.radio-input--blocked .radio-input__control:checked ~ .radio-input__indicator::after {
  background-color: #a6a6a5;
}

.radio-input--blocked {
  cursor: not-allowed;
}
.radio-input--blocked .radio-input__label {
  color: #767676;
}
.radio-input--blocked .radio-input__control {
  pointer-events: none;
}

.radio-input__control:active ~ .radio-input__indicator {
  border: 2px solid #006cff;
}
.radio-input__control:active ~ .radio-input__indicator::after {
  background-color: rgba(0, 108, 255, 0.5);
}

.slider-history {
  position: relative;
  width: 100%;
  background: #ffe800;
  overflow: hidden;
}

.slider-history__pagination {
  display: none;
}
@media (min-width: 1024px) {
  .slider-history__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4rem;
    padding: 0;
    width: 100%;
  }
}

.slider-history__pagination-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
  position: relative;
  transition: opacity 150ms ease;
}
.slider-history__pagination-item:hover {
  opacity: 0.8;
}
.slider-history__pagination-item::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.0625rem;
  background: #858886;
  border-radius: 0.25rem;
  transition: height 150ms ease, background-color 150ms ease;
}
.slider-history__pagination-item--active::after {
  height: 0.25rem;
  background: #006cff;
  border-radius: 0.125rem;
}

.slider-history__pagination-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #006cff;
  color: #ffe800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.9375rem;
  line-height: 1;
  font-weight: 400;
  font-style: normal;
}

.slider-history__slides {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: height 0.4s ease;
}

.slider-history__track {
  display: flex;
  align-items: flex-start;
  transition: transform 0.5s ease;
  will-change: transform;
}
@media (min-width: 1024px) {
  .slider-history__track {
    align-items: stretch;
  }
}

.slider-history__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.slider-history__slide--active {
  opacity: 1;
}
@media (min-width: 1024px) {
  .slider-history__slide {
    opacity: 1;
    transition: none;
    display: block;
    height: 50rem;
  }
}

.slider-history__slide-image-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  aspect-ratio: 320/220;
  order: 2;
  padding-bottom: 20px;
}
@media (min-width: 1024px) {
  .slider-history__slide-image-wrap {
    position: absolute;
    top: 50%;
    right: 6%;
    height: 87%;
    order: unset;
    transform: translateY(-50%);
    padding: 0;
  }
}
@media (min-width: 1280px) {
  .slider-history__slide-image-wrap {
    right: 15%;
  }
}

.slider-history__slide-image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
  -o-object-position: center;
  object-position: center;
}
@media (min-width: 1024px) {
  .slider-history__slide-image {
    -o-object-position: right center;
    object-position: right center;
  }
}

.slider-history__slide-content {
  order: 1;
  padding: 1.5rem 1rem 1.5rem;
  text-align: left;
  color: #fff;
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .slider-history__slide-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.25rem 0;
    box-sizing: border-box;
    text-align: left;
    color: #fff;
    order: unset;
    z-index: 5;
  }
}

@media (min-width: 1024px) {
  .slider-history__slide-inner {
    width: 100%;
    max-width: 1308px;
    margin-inline: auto;
    padding-inline: 1.5rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    box-sizing: border-box;
  }
}
@media (min-width: 1920px) {
  .slider-history__slide-inner {
    max-width: 1474px;
  }
}

.slider-history__slide-header {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.slider-history__slide-year {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #feeb21;
  font-size: 3rem;
  line-height: 3.5rem;
}
@media (min-width: 1024px) {
  .slider-history__slide-year {
    font-size: 6.25rem;
    line-height: 6.75rem;
    letter-spacing: -0.078125rem;
  }
}

.slider-history__slide-subtitle {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #feeb21;
  letter-spacing: -0.078125rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .slider-history__slide-subtitle {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

.slider-history__slide-body {
  margin-top: 1.5rem;
}
@media (min-width: 1024px) {
  .slider-history__slide-body {
    margin-top: auto;
    max-width: 40.625rem;
  }
}

.slider-history__slide-description {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .slider-history__slide-description {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
}
.slider-history__slide-description + .slider-history__slide-description {
  margin-top: 1rem;
}
@media (min-width: 1024px) {
  .slider-history__slide-description + .slider-history__slide-description {
    margin-top: 1.5rem;
  }
}
.slider-history__slide-description strong {
  font-weight: 700;
}

.slider-history__slide-button {
  max-width: 17.9375rem;
  margin: 1.5rem 0 0 0;
}
@media (min-width: 1024px) {
  .slider-history__slide-button {
    margin: 1.875rem 0 0 0;
  }
}
.slider-history__slide-button:hover {
  background: #f2f2f2;
}

.slider-history__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0 0;
}
@media (min-width: 1024px) {
  .slider-history__dots {
    display: none;
  }
}

.slider-history__dot {
  width: 1rem;
  height: 0.25rem;
  border-radius: 0.1875rem;
  background: #858886;
  opacity: 0.33;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: opacity 150ms ease, background-color 150ms ease;
}
.slider-history__dot--active {
  background: #006cff;
  opacity: 1;
}

.slider-history__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 0;
}
@media (min-width: 1024px) {
  .slider-history__nav {
    padding: 1.25rem 0;
  }
}

.slider-history__nav-arrow {
  width: 2rem;
  height: 2rem;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: opacity 150ms ease;
  color: #006cff;
}
.slider-history__nav-arrow svg {
  width: 2.375rem;
  height: 1.0625rem;
}
.slider-history__nav-arrow:hover {
  opacity: 0.7;
}
.slider-history__nav-arrow--disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.slider-history__nav-arrow--prev svg {
  transform: rotate(180deg);
}

.text-input {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  width: 100%;
}

.text-input__label {
  display: block;
  width: 100%;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: #006cff;
}

.text-input__body {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  width: 100%;
  height: 3.375rem;
  padding: 0.875rem 0.75rem;
  background-color: #fff;
  border: 1.5px solid #606060;
  border-radius: 0.625rem;
  transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease, opacity 150ms ease;
}
@media (max-width: 769px) {
  .text-input__body {
    height: auto;
    padding: 0.75rem 0.625rem;
    gap: 0.625rem;
    border-width: 1px;
    border-radius: 0.5rem;
  }
}

.text-input__field {
  flex: 1 0 0;
  min-width: 0;
  height: 1.375rem;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: #333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-input__field::-moz-placeholder {
  color: #858886;
}
.text-input__field::placeholder {
  color: #858886;
}
@media (max-width: 769px) {
  .text-input__field {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

textarea.text-input__field {
  height: auto;
  min-height: 1.375rem;
  white-space: pre-wrap;
  overflow: auto;
  text-overflow: clip;
  resize: vertical;
  line-height: 1.375rem;
}

.text-input__icon {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #606060;
}
.text-input__icon svg,
.text-input__icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.text-input__icon--toggle {
  cursor: pointer;
}

.text-input__edit {
  flex-shrink: 0;
  display: none;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: normal;
  letter-spacing: 0.00546875rem;
  color: #006cff;
  cursor: pointer;
  text-decoration: none;
}
.text-input__edit:hover {
  text-decoration: underline;
}

.text-input__helper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.5rem;
  width: 100%;
  transition: opacity 150ms ease;
}

.text-input__helper-icon {
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #606060;
}
.text-input__helper-icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.text-input__helper-text {
  flex: 1 0 0;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: #606060;
}

.text-input__body:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 4px #006cff;
}

.text-input--disabled .text-input__body {
  opacity: 0.2;
  border-color: #767676;
  cursor: not-allowed;
}
.text-input--disabled .text-input__field {
  cursor: not-allowed;
  color: #606060;
}
.text-input--disabled .text-input__helper {
  opacity: 0.2;
}

.text-input--locked .text-input__body {
  background-color: #d3d3d3;
  border: none;
}
.text-input--locked .text-input__field {
  cursor: default;
}

.text-input--locked-edit .text-input__body {
  background-color: #d3d3d3;
  border: none;
}
.text-input--locked-edit .text-input__field {
  cursor: default;
}
.text-input--locked-edit .text-input__edit {
  display: inline;
}

.text-input--error .text-input__body {
  border: 2px solid #ec003e;
}
.text-input--error .text-input__helper-text {
  color: #ec003e;
}
.text-input--error .text-input__helper-icon {
  color: #ec003e;
}

.toast {
  position: fixed;
  z-index: 600;
  pointer-events: none;
  display: none;
  bottom: 1.5rem;
  left: 0.625rem;
  right: 0.625rem;
}
.toast.is-visible {
  display: block;
  pointer-events: auto;
}
.toast.is-visible .toast__inner {
  animation: toast-slide-in 400ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.toast.is-dismissing .toast__inner {
  animation: toast-slide-out 300ms ease-in forwards;
}
@media (min-width: 769px) {
  .toast {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
    max-width: 30rem;
  }
}
@media (min-width: 1024px) {
  .toast {
    left: auto;
    right: 1.75rem;
    bottom: 2.25rem;
    transform: none;
    width: auto;
    max-width: none;
  }
}

.toast__inner {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #006cff;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.06);
  will-change: transform, opacity;
}
@media (min-width: 1024px) {
  .toast__inner {
    padding: 1.5rem;
    gap: 0.9375rem;
    border-radius: 0.75rem;
  }
}

.toast__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='47' height='47' viewBox='0 0 47 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='23.5' cy='23.5' r='23.5' fill='%23FDE700'/%3E%3Cpath d='M23.8543 33.1708C23.8529 33.1673 23.8528 33.1635 23.8537 33.1599C23.8967 33.0005 23.9666 32.7192 23.8958 32.4959C23.8944 32.4919 23.8623 32.4171 23.8476 32.3726C23.8429 32.3604 23.8388 32.3476 23.8348 32.3348C23.8322 32.3274 23.8181 32.2802 23.8147 32.2714C23.8067 32.2451 23.7886 32.1791 23.7873 32.1744C23.7826 32.1575 23.7685 32.1002 23.7685 32.1002C23.7277 31.9391 23.6895 31.7571 23.664 31.6047C23.6151 31.3 23.3532 30.2739 23.3706 29.8397C23.3874 29.4049 23.5448 29.059 23.2775 28.639C23.2012 28.5184 23.1395 28.3822 23.0893 28.2345C23.0813 28.2143 23.0752 28.1934 23.0685 28.1712C23.0498 28.1145 23.0337 28.0559 23.019 27.9972C23.0102 27.9649 23.0022 27.9318 22.9948 27.8988C22.9861 27.8624 22.9788 27.826 22.9714 27.7903C22.9647 27.7593 22.9587 27.7289 22.9533 27.6986C22.9138 27.4842 22.8863 27.2671 22.8609 27.0628C22.8595 27.0514 22.8589 27.0399 22.8575 27.0278C22.8575 27.0251 22.8575 27.0227 22.8571 27.0203C22.8567 27.0176 22.8562 27.015 22.8562 27.0123C22.8528 26.984 22.8502 26.9543 22.8475 26.9246C22.8461 26.9024 22.8441 26.8795 22.8428 26.8565C22.8408 26.8343 22.8394 26.8114 22.8381 26.7878C22.8368 26.7642 22.8347 26.7406 22.8341 26.7163C22.8294 26.6523 22.8267 26.5882 22.824 26.5228C22.824 26.5154 22.824 26.508 22.824 26.5006C22.8207 26.4278 22.818 26.3556 22.816 26.2842C22.816 26.2579 22.814 26.2316 22.8133 26.206C22.8133 26.1817 22.812 26.1574 22.8113 26.1345C22.81 26.0995 22.8093 26.0644 22.808 26.0307C22.8046 25.9296 22.8013 25.8352 22.7966 25.7523C22.7952 25.73 22.7939 25.7078 22.7925 25.6875C22.7912 25.6734 22.7905 25.6599 22.7899 25.6471C22.7879 25.6309 22.7865 25.6154 22.7852 25.6006C22.7852 25.5918 22.7832 25.583 22.7825 25.575C22.7805 25.5554 22.7778 25.5379 22.7751 25.5217C22.7738 25.5123 22.7718 25.5042 22.7704 25.4961C22.7684 25.4873 22.7644 25.3532 22.757 25.3532C23.932 25.3107 24.9655 25.0275 25.7553 24.7633C25.8484 24.7309 25.9382 24.7006 26.0246 24.6696C26.0681 24.6534 26.111 24.6379 26.1532 24.6237C26.2791 24.5779 26.3977 24.5327 26.5102 24.4909C26.5839 24.4619 26.6556 24.4343 26.7239 24.408C26.9608 24.3144 27.1588 24.2322 27.3168 24.1689C27.3172 24.1687 27.3175 24.1687 27.3178 24.1686C27.32 24.1682 27.3222 24.169 27.3223 24.1712C27.326 24.2372 27.3386 24.3213 27.3576 24.4215C27.3884 24.5853 27.4373 24.7882 27.4956 25.0087C27.5023 25.0309 27.5083 25.0552 27.515 25.0788C27.517 25.0869 27.519 25.0943 27.5217 25.1024C27.5304 25.1354 27.5398 25.1691 27.5498 25.2035C27.6376 25.5183 27.7387 25.8534 27.8298 26.1433C27.8392 26.1729 27.8486 26.2019 27.8573 26.2309C27.8874 26.33 27.9149 26.4217 27.9397 26.5053C28.0803 26.9732 28.4983 27.7714 28.499 28.7853C28.499 29.6665 28.369 30.2786 27.9182 32.0732C27.8245 32.4461 27.6724 32.6355 27.5699 32.8114L27.4982 32.924C27.3147 33.2294 27.022 33.2847 26.7735 33.3724C26.612 33.4297 26.5115 33.6292 26.5102 33.7688C26.5095 33.8429 26.5035 33.8881 26.5718 33.9467C26.5718 33.9467 26.6201 33.9784 26.6442 33.9831C26.6783 33.9912 26.6891 33.9933 26.7112 33.9933H27.0762L28.0489 33.9953C28.6224 33.947 28.5605 33.4275 28.5137 33.1602C28.5133 33.1578 28.5144 33.1557 28.5144 33.1532C28.5144 33.1519 28.5147 33.1506 28.5153 33.1494C28.5244 33.131 28.5341 33.11 28.5439 33.0865C28.5539 33.0616 28.5673 33.0413 28.5794 33.0137C28.597 32.9722 28.6177 32.9314 28.6292 32.8878C28.6412 32.8424 28.6557 32.7683 28.6665 32.6523C28.6886 32.415 28.6906 32.3395 28.6906 32.3395C28.6938 32.3174 28.6977 32.294 28.7022 32.2705C28.7025 32.2689 28.7026 32.2671 28.7027 32.2655C28.7029 32.2621 28.7043 32.2589 28.7049 32.2556C28.7085 32.2368 28.7117 32.2183 28.7153 32.1988C28.7166 32.1911 28.7176 32.1832 28.72 32.1757C28.7321 32.1103 28.7462 32.0402 28.7616 31.966C28.7654 31.9518 28.7684 31.9374 28.7714 31.9229C28.9252 31.1879 29.2098 30.1207 29.4944 29.5606C29.5828 29.3847 29.6518 29.2478 29.7027 29.1372C29.7195 29.1002 29.7349 29.0658 29.7476 29.0334C29.7496 29.0287 29.7516 29.0233 29.7529 29.0193C29.8186 28.8575 29.8333 28.751 29.8146 28.6256C29.8119 28.6101 29.8092 28.5939 29.8072 28.5777C29.8059 28.5709 29.8045 28.5635 29.8025 28.5561C29.7992 28.5406 29.7951 28.5217 29.7918 28.5008C29.7697 28.3869 29.7436 28.2062 29.7181 28.0026C29.7121 27.9568 29.7074 27.9109 29.702 27.8631C29.6565 27.4748 29.621 27.0352 29.6377 26.7925C29.6397 26.7662 29.6418 26.7365 29.6458 26.7022C29.6471 26.6867 29.6491 26.6718 29.6505 26.655C29.6585 26.5789 29.7583 26.5523 29.8023 26.6149C30.1389 27.0938 30.6383 27.8233 30.9506 28.6694C31.5147 30.1883 31.5461 31.093 31.5053 32.3247L31.4999 32.4541C31.4852 32.6631 31.4785 32.7076 31.4296 32.947C31.3693 33.2422 31.019 33.2847 30.7838 33.3724C30.6311 33.4297 30.536 33.6292 30.5347 33.7688C30.534 33.8429 30.5286 33.8881 30.5929 33.9467C30.5929 33.9467 30.6392 33.9784 30.6613 33.9831C30.6941 33.9912 30.7035 33.9933 30.7242 33.9933H31.0699L31.9909 33.9953C32.4897 33.9509 32.3164 33.5099 32.249 33.2309C32.2371 33.1817 32.2435 33.1333 32.2629 33.0865C32.2723 33.0616 32.3225 32.9355 32.3212 32.8755C32.3191 32.775 32.22 32.3786 32.2086 32.2013C32.2066 32.1737 32.2053 32.1447 32.2026 32.1164C32.1979 32.0375 32.1932 31.9519 32.1885 31.8642C32.1885 31.8568 32.1885 31.8494 32.1872 31.8413C32.1845 31.7759 32.1812 31.7092 32.1785 31.6418C32.1785 31.6256 32.1772 31.6094 32.1769 31.5932C32.1762 31.5579 32.1742 31.5222 32.1731 31.486C32.1711 31.453 32.1704 31.4206 32.1698 31.3876C32.1463 30.6366 32.1557 29.8033 32.2622 29.5249C32.3011 29.4204 32.3258 29.328 32.3386 29.2458C32.3399 29.233 32.3439 29.2235 32.3459 29.204C32.3935 28.8851 32.2468 28.7321 32.1081 28.5089C31.9326 28.2251 31.579 27.3372 31.4758 26.9125C31.3726 26.4878 31.1429 25.283 31.1114 24.6453C31.0788 23.9686 31.4743 23.8694 31.7023 24.5073C31.7148 24.5421 31.7253 24.5705 31.7337 24.5914C31.8744 24.9406 32.1028 25.2554 32.3834 25.5048C32.5516 25.6552 33.0901 25.8655 32.987 25.6195C32.7566 25.0707 32.2086 24.383 31.8556 23.9118C31.4952 23.4304 31.3036 22.8594 31.102 22.3073C30.7584 21.3661 30.5514 20.9616 29.8983 20.3724C29.5694 20.0751 28.9578 19.6106 28.4668 19.3774C28.4595 19.374 28.4521 19.3699 28.4447 19.3666C28.4327 19.3612 28.4206 19.3558 28.4092 19.3504C28.371 19.3335 28.3342 19.3167 28.2987 19.3012C28.2712 19.2884 28.2438 19.2762 28.2177 19.2641C28.2103 19.2607 28.2022 19.2574 28.1949 19.254C28.1614 19.2392 28.1286 19.2243 28.0964 19.2102C28.0489 19.1886 28.0033 19.1684 27.9604 19.1495C27.9457 19.1427 27.9323 19.136 27.9182 19.1299C27.6068 18.989 27.4065 18.8953 27.2671 18.8144C27.2573 18.8089 27.248 18.8033 27.2388 18.7977C27.2372 18.7967 27.2356 18.7955 27.234 18.7945C27.2323 18.7935 27.2308 18.7924 27.2292 18.7914C27.221 18.7864 27.2129 18.7815 27.2052 18.7766C27.2032 18.7753 27.201 18.7746 27.1992 18.773C27.1986 18.7724 27.1978 18.7717 27.197 18.7712C27.1785 18.7594 27.1616 18.7475 27.1454 18.7356C27.1436 18.7343 27.1416 18.7329 27.1399 18.7313C27.1395 18.731 27.139 18.7307 27.1385 18.7304C27.1274 18.7224 27.1162 18.7131 27.1057 18.7045C27.0997 18.6998 27.0943 18.6951 27.089 18.6904C27.0736 18.6769 27.0595 18.6641 27.0461 18.6499C27.0247 18.6284 27.0052 18.6061 26.9871 18.5825C26.9811 18.5744 26.9758 18.567 26.9697 18.5589C26.9644 18.5509 26.9585 18.5429 26.9532 18.5349C26.953 18.5348 26.9529 18.5346 26.9526 18.5346C26.9524 18.5346 26.9522 18.5345 26.9521 18.5344C26.9348 18.5088 26.9174 18.4813 26.8994 18.4511C26.8639 18.3917 26.827 18.3344 26.7882 18.2785C26.7581 18.2353 26.7272 18.1935 26.6944 18.1524C26.6857 18.1403 26.6763 18.1288 26.6676 18.1173C26.6462 18.091 26.6254 18.0661 26.604 18.0412C26.5826 18.0162 26.5604 17.9919 26.5383 17.9677C26.5156 17.9434 26.4935 17.9198 26.47 17.8969C26.4586 17.8854 26.4472 17.874 26.4359 17.8639C26.4245 17.8517 26.4124 17.8403 26.4004 17.8295C26.3883 17.8187 26.3769 17.8072 26.3649 17.7964C26.3535 17.785 26.3414 17.7742 26.3293 17.7641C26.257 17.7007 26.182 17.6414 26.1049 17.5861C26.0822 17.5692 26.0594 17.5537 26.0366 17.5382C25.9449 17.4762 25.8497 17.4203 25.7526 17.3697C25.7044 17.3447 25.6548 17.3212 25.6052 17.2982C25.5805 17.2874 25.555 17.2767 25.5302 17.2659C24.3312 16.765 22.8468 17.0683 22.0403 18.1625C21.5882 18.7753 21.424 18.7841 20.8359 19.0881C20.7951 19.109 20.7529 19.1313 20.708 19.1556C20.6718 19.1751 20.6356 19.1953 20.6001 19.2149C20.578 19.2277 20.5566 19.2398 20.5352 19.2526C20.5244 19.2587 20.5144 19.2648 20.5043 19.2708C20.5023 19.2722 20.4997 19.2735 20.4976 19.2749C20.4521 19.3025 20.4079 19.3295 20.3637 19.3571C20.3576 19.3612 20.3516 19.3645 20.3456 19.3686C20.3369 19.3747 20.3282 19.3801 20.3195 19.3861C20.2712 19.4171 20.2243 19.4495 20.1781 19.4812C20.1721 19.4852 20.1661 19.4893 20.16 19.494C20.1332 19.5129 20.1071 19.5317 20.081 19.5513C20.0589 19.5675 20.0375 19.5837 20.016 19.5998C20.006 19.6066 19.9959 19.6147 19.9859 19.6228C19.9544 19.647 19.9236 19.6713 19.8928 19.6962C19.8278 19.7481 19.7642 19.8021 19.7019 19.8574C19.6972 19.8607 19.6925 19.8648 19.6885 19.8695C19.6424 19.9106 19.597 19.9523 19.5522 19.9946C19.5506 19.9962 19.5488 19.9975 19.5471 19.9988C19.5451 20.0004 19.5435 20.0026 19.5417 20.0044C19.5399 20.0062 19.5382 20.0079 19.5364 20.0097C19.4962 20.0475 19.456 20.0866 19.4172 20.1257C19.4132 20.1297 19.4098 20.1331 19.4058 20.1371C19.3957 20.1473 19.3857 20.1574 19.3763 20.1675C19.3576 20.1864 19.3388 20.2052 19.32 20.2248C19.3113 20.2342 19.3026 20.243 19.2939 20.2524C19.2785 20.2679 19.2638 20.2841 19.2484 20.3003C19.2484 20.3003 19.2456 20.3038 19.244 20.3054C19.2414 20.308 19.2389 20.3107 19.2363 20.3138C19.2082 20.3434 19.18 20.3738 19.1526 20.4041C19.1439 20.4135 19.1345 20.4237 19.1251 20.4331C19.1205 20.4383 19.1154 20.4441 19.1102 20.449C19.1086 20.4505 19.1071 20.4525 19.1054 20.4537C19.1051 20.4539 19.1049 20.4541 19.1047 20.4544C19.1038 20.4556 19.103 20.4566 19.102 20.4575C19.0997 20.4598 19.0972 20.4619 19.0949 20.4643C18.9914 20.5698 18.8827 20.6549 18.7708 20.7183C18.7574 20.727 18.744 20.7345 18.7299 20.7412C18.7192 20.7473 18.7085 20.7527 18.6978 20.7574C18.6736 20.7702 18.6495 20.781 18.6254 20.7911C18.6147 20.7958 18.6033 20.8005 18.5919 20.8046C18.5678 20.814 18.5437 20.8228 18.5196 20.8295C18.5082 20.8329 18.4968 20.8356 18.4854 20.8389C18.4492 20.8491 18.4137 20.8571 18.3776 20.8619C18.3535 20.8666 18.3293 20.8693 18.3052 20.8706C18.2697 20.8747 18.2336 20.8754 18.1974 20.874H18.1954C18.1599 20.874 18.1244 20.8706 18.0895 20.8652C18.0768 20.8639 18.0647 20.8619 18.052 20.8592C18.0272 20.8551 18.0025 20.8497 17.9777 20.843C17.944 20.835 17.9104 20.8251 17.8768 20.8126C17.8757 20.8122 17.8747 20.8122 17.8736 20.8119C17.8723 20.8115 17.8712 20.8104 17.8699 20.8099C17.8364 20.7973 17.8029 20.7833 17.7693 20.7668C17.7345 20.75 17.6997 20.7311 17.6648 20.7095C17.6322 20.6898 17.5995 20.6681 17.5668 20.6439C17.5652 20.6427 17.5635 20.6416 17.5617 20.6407C17.5597 20.6394 17.5583 20.638 17.5563 20.6367C17.549 20.6313 17.5416 20.6259 17.5349 20.6198C17.5094 20.6003 17.4847 20.5794 17.4599 20.5578C17.4304 20.5315 17.4016 20.5052 17.3735 20.4789C17.3688 20.4742 17.3648 20.4702 17.3601 20.4661C17.354 20.4601 17.3473 20.454 17.3413 20.4479C17.3112 20.4183 17.281 20.3879 17.2522 20.3576C17.2355 20.3401 17.2187 20.3225 17.2033 20.305C17.1933 20.2956 17.1846 20.2855 17.1752 20.2753C17.1645 20.2632 17.1544 20.2517 17.1444 20.2396C17.1216 20.214 17.1002 20.1884 17.0794 20.1628C17.0774 20.1607 17.0761 20.1594 17.0747 20.1574C17.058 20.1371 17.0419 20.1169 17.0265 20.0974C17.0205 20.0899 17.0144 20.0825 17.0084 20.0751C16.9993 20.0627 16.9902 20.0509 16.9818 20.0386C16.9812 20.0378 16.98 20.0379 16.9797 20.0371C16.9794 20.0365 16.9794 20.0358 16.979 20.0353C16.9692 20.0227 16.96 20.0101 16.9515 19.9976C16.9454 19.9902 16.9394 19.9821 16.934 19.974C16.9307 19.9699 16.928 19.9652 16.9253 19.9612C16.9126 19.945 16.9012 19.9281 16.8898 19.9113C16.8803 19.899 16.8721 19.8857 16.8635 19.8728C16.862 19.8706 16.8605 19.8683 16.859 19.8661C16.855 19.8601 16.851 19.854 16.8476 19.8479C16.8356 19.8304 16.8242 19.8129 16.8128 19.7953C16.8101 19.7906 16.8074 19.7859 16.8041 19.7819C16.7947 19.767 16.7853 19.7522 16.7766 19.7374C16.7204 19.645 16.6681 19.552 16.6192 19.4569C16.6139 19.4475 16.6092 19.4387 16.6045 19.4293C16.6005 19.4212 16.5964 19.4131 16.5924 19.405C16.58 19.3795 16.5677 19.3545 16.5558 19.3291C16.5539 19.3249 16.551 19.3211 16.5495 19.3167C16.5455 19.3086 16.5415 19.2998 16.5382 19.2917C16.5254 19.2654 16.5134 19.2392 16.502 19.2129C16.4879 19.1812 16.4739 19.1495 16.4611 19.1178C16.4564 19.1084 16.4524 19.0983 16.4484 19.0888C16.4162 19.012 16.3861 18.9344 16.3573 18.8569C16.3553 18.8522 16.354 18.8481 16.3519 18.8434C16.3399 18.8097 16.3272 18.7753 16.3158 18.7416C16.303 18.7059 16.291 18.6702 16.2789 18.6351C16.2669 18.5987 16.2555 18.5623 16.2441 18.5259C16.2421 18.5205 16.2401 18.5144 16.2381 18.5084C16.222 18.4578 16.2066 18.4066 16.1918 18.356C16.1503 18.2171 16.1121 18.0782 16.0766 17.9414C16.0753 17.9373 16.0746 17.9326 16.0733 17.9286C16.0505 17.8416 16.0291 17.7546 16.0076 17.669C16.0009 17.6421 15.9942 17.6151 15.9875 17.5881C15.9608 17.4816 15.9346 17.3764 15.9092 17.2733C15.9078 17.2686 15.9065 17.2638 15.9052 17.2585C15.8871 17.187 15.869 17.1162 15.8502 17.0468C15.7933 16.8304 15.733 16.6268 15.6627 16.4407C15.5046 16.0207 15.8797 15.8899 15.8964 15.5623C15.8964 15.5569 15.8971 15.5501 15.8971 15.5441C15.8971 15.5056 15.8924 15.4645 15.8817 15.4193C15.8804 15.4139 15.8784 15.4092 15.877 15.4045C15.8737 15.3937 15.8697 15.3836 15.8643 15.3748C15.8635 15.3737 15.8626 15.3723 15.8616 15.3709C15.8602 15.3687 15.8588 15.3664 15.8576 15.364C15.8522 15.3546 15.8455 15.3465 15.8388 15.3391C15.7524 15.244 15.5602 15.2535 15.4624 15.2946C15.4557 15.2973 15.4497 15.2993 15.4436 15.3014C15.4187 15.311 15.3946 15.3185 15.3707 15.3238C15.3583 15.3266 15.347 15.332 15.3365 15.3391C15.3385 15.3378 15.3398 15.3371 15.3418 15.3357C15.3382 15.3382 15.3341 15.3398 15.3298 15.3403C15.3282 15.3405 15.3266 15.3407 15.325 15.3409C15.322 15.3412 15.3189 15.3416 15.3158 15.342C15.3117 15.3425 15.3075 15.3425 15.3036 15.3425C15.2947 15.3425 15.2858 15.3432 15.2768 15.3432C15.2668 15.3441 15.2567 15.3437 15.2467 15.3431C15.2387 15.3427 15.2306 15.3425 15.2226 15.3425H15.2199C15.2119 15.3425 15.2045 15.3411 15.1971 15.3405C15.1958 15.3405 15.1944 15.3405 15.1938 15.3405C15.1755 15.3386 15.1579 15.3349 15.1402 15.3305C15.138 15.33 15.1354 15.3297 15.1331 15.3291C15.1306 15.3284 15.1282 15.3279 15.1256 15.3273C15.1224 15.3265 15.1194 15.3259 15.1161 15.3249C15.1102 15.323 15.1037 15.3217 15.0978 15.3197C15.0975 15.3196 15.0971 15.3196 15.0968 15.3196C15.0962 15.3196 15.0957 15.3194 15.0953 15.3192C15.0948 15.3191 15.0943 15.3189 15.094 15.3189C15.092 15.3189 15.0899 15.3175 15.0879 15.3169C15.086 15.3162 15.0841 15.3156 15.0822 15.3149C15.082 15.3149 15.0818 15.3148 15.0816 15.3148C15.0814 15.3148 15.0811 15.3148 15.0809 15.3147C15.0803 15.3145 15.0787 15.314 15.0769 15.3133C15.0736 15.3122 15.07 15.3115 15.0666 15.3102C15.0659 15.3099 15.0651 15.3097 15.0645 15.3094C15.0539 15.3061 15.0433 15.3028 15.0327 15.2988C15.0325 15.2987 15.0322 15.2987 15.032 15.2987C15.0318 15.2987 15.0316 15.2986 15.0314 15.2986C15.0248 15.2966 15.0182 15.2939 15.0116 15.2912C15.0085 15.2902 15.0049 15.2887 15.0016 15.2875C14.9998 15.2868 14.9978 15.2865 14.996 15.2857C14.9957 15.2855 14.9953 15.2853 14.995 15.2852C14.9932 15.2842 14.9915 15.2829 14.9895 15.2822C14.9878 15.2817 14.9859 15.2814 14.9843 15.2807C14.9676 15.2737 14.9505 15.2666 14.9339 15.2596C14.9312 15.2582 14.9278 15.2569 14.9252 15.2555L14.9011 15.2454C14.9011 15.2454 14.895 15.242 14.8923 15.2407C14.8354 15.2157 14.7771 15.1894 14.7162 15.1679C14.4978 15.0897 14.2915 15.0627 14.0879 15.0587H14.0838C13.9713 15.056 13.8594 15.06 13.7469 15.0654C13.7154 15.0667 13.6839 15.0688 13.6525 15.0701C13.5774 15.0742 13.5024 15.0775 13.426 15.0796C13.3108 15.0836 13.1929 15.0843 13.0704 15.0755C12.8312 15.0593 12.5037 15 12.1922 15C11.9575 15 11.7315 15.0334 11.5576 15.1442C11.4776 15.1952 11.4025 15.2733 11.3448 15.3485C11.3426 15.3524 11.3396 15.3563 11.3364 15.3593C11.2709 15.4202 11.202 15.4894 11.1445 15.5656C11.1218 15.5953 11.1003 15.6256 11.0822 15.6573C11.0729 15.6735 11.0635 15.6903 11.0554 15.7072C11.0166 15.7868 10.9945 15.871 11.0012 15.9593C11.0052 16.0146 11.0199 16.0726 11.0501 16.1312C11.0527 16.1385 11.0561 16.1454 11.0596 16.1519C11.0617 16.1556 11.0638 16.1594 11.0662 16.1629C11.0662 16.1629 11.0706 16.1694 11.0728 16.1725C11.1449 16.2762 11.3089 16.2965 11.454 16.2984C11.4915 16.2984 11.5284 16.2984 11.5619 16.2984C11.5994 16.2984 11.6329 16.2971 11.659 16.2984C11.7903 16.3052 11.9718 16.3652 12.1473 16.4434L12.1835 16.4596L12.2391 16.4845C12.2391 16.4845 12.2423 16.4862 12.2459 16.488C12.2467 16.4884 12.2475 16.4887 12.2483 16.489C12.2488 16.4893 12.2493 16.4895 12.2497 16.4898C12.252 16.4911 12.2546 16.492 12.2569 16.4934C12.2574 16.4937 12.2579 16.494 12.2584 16.4944C12.2598 16.4954 12.2614 16.496 12.2629 16.497C12.2639 16.4976 12.2653 16.498 12.2662 16.4988C12.2667 16.4992 12.2672 16.4997 12.2679 16.5C12.2826 16.5081 12.3014 16.5182 12.3181 16.5283C12.3214 16.5302 12.3246 16.532 12.3278 16.5337C12.3329 16.5365 12.3381 16.5392 12.3429 16.5425C12.3503 16.5465 12.357 16.5499 12.361 16.5526C12.3642 16.5542 12.3673 16.5562 12.3704 16.5579C12.3749 16.5604 12.3793 16.5629 12.3838 16.5654C12.3901 16.5692 12.3964 16.573 12.4027 16.5763C12.4035 16.5767 12.4043 16.5768 12.4051 16.5772C12.4054 16.5774 12.4058 16.5776 12.4062 16.5778C12.4072 16.5785 12.4083 16.5793 12.4094 16.5799C12.4097 16.5801 12.41 16.5803 12.4103 16.5805C12.4155 16.5831 12.4201 16.5864 12.4246 16.589C12.438 16.5964 12.4507 16.6038 12.4628 16.6126C12.4775 16.6207 12.4916 16.6301 12.505 16.6396C12.578 16.6895 12.651 16.7353 12.7234 16.7791C12.7448 16.7919 12.7669 16.8047 12.7883 16.8182C12.8098 16.831 12.8312 16.8438 12.8533 16.8567C12.8681 16.8659 12.883 16.8748 12.8978 16.8838C12.907 16.8895 12.9163 16.8951 12.9257 16.9005C12.9531 16.9167 12.9813 16.9335 13.0087 16.951C13.0208 16.9585 13.0335 16.9665 13.0456 16.974C13.0603 16.9834 13.0757 16.9928 13.0904 17.0023C13.0931 17.0043 13.0965 17.0063 13.0992 17.0083C13.1233 17.0238 13.1481 17.04 13.1722 17.0562C13.2077 17.0798 13.2425 17.1041 13.2773 17.1304C13.2961 17.1432 13.3155 17.158 13.3343 17.1728C13.3718 17.2018 13.4093 17.2328 13.4468 17.2665C13.448 17.2674 13.4493 17.2684 13.4506 17.2695C13.454 17.2723 13.4571 17.2755 13.4602 17.2787C13.4602 17.2787 13.4621 17.2806 13.4636 17.2824C13.4645 17.2834 13.4659 17.2839 13.4665 17.2851C13.467 17.286 13.4673 17.2872 13.4681 17.2879C13.4891 17.3078 13.5101 17.3297 13.5292 17.3528C13.535 17.3593 13.5413 17.3662 13.5468 17.3732C13.5485 17.3753 13.5498 17.3778 13.5516 17.3799C13.5535 17.3822 13.5555 17.3844 13.5572 17.3869C13.5582 17.3883 13.5591 17.3896 13.56 17.3908C13.5633 17.3955 13.5666 17.4002 13.5701 17.4047C13.5754 17.4115 13.5803 17.4186 13.5848 17.4256C13.5889 17.4315 13.593 17.4374 13.5971 17.4433C13.5982 17.445 13.5991 17.4468 13.6004 17.4485C13.6007 17.4489 13.601 17.4495 13.6014 17.4499C13.6066 17.4571 13.6117 17.465 13.6163 17.4728C13.621 17.4796 13.625 17.4863 13.629 17.4931C13.6324 17.4985 13.6357 17.5039 13.6397 17.5099C13.6424 17.5146 13.6451 17.5194 13.6478 17.5241C13.6491 17.5268 13.6511 17.5301 13.6531 17.5328C13.6598 17.5443 13.6665 17.5558 13.6725 17.5679C13.6732 17.5699 13.6746 17.5713 13.6752 17.5733C13.6752 17.5733 13.6754 17.5737 13.6759 17.5746C13.6786 17.5787 13.6806 17.5834 13.6833 17.5874C13.688 17.5962 13.6926 17.605 13.6967 17.6137C13.7208 17.6589 13.7429 17.7068 13.7636 17.7573C13.7737 17.7816 13.7837 17.8059 13.7938 17.8308C13.8132 17.8814 13.8326 17.9319 13.8507 17.9832C13.8955 18.1122 13.9342 18.2473 13.9683 18.3784C13.9685 18.3792 13.9685 18.3794 13.9689 18.3801C13.9694 18.3808 13.9701 18.382 13.9703 18.3828C13.9842 18.4384 13.9975 18.4932 14.0108 18.5461C14.0134 18.5572 14.0167 18.569 14.0193 18.5802C14.0195 18.5808 14.0195 18.582 14.0195 18.5827C14.0195 18.5834 14.0196 18.5835 14.0198 18.5842C14.0237 18.6007 14.027 18.6165 14.0309 18.6324C14.045 18.6924 14.3893 19.9828 14.4114 20.0508C14.4154 20.063 14.4194 20.0751 14.4234 20.0879C14.4288 20.1061 14.4348 20.1243 14.4415 20.1425C14.4516 20.1735 14.4623 20.2046 14.473 20.2362C14.4837 20.2679 14.4945 20.301 14.5065 20.3333C14.5159 20.3603 14.5259 20.3879 14.536 20.4149C14.5373 20.4203 14.5393 20.4264 14.542 20.4318C14.5454 20.4412 14.5487 20.4506 14.5527 20.4607C14.5608 20.4837 14.5695 20.5066 14.5782 20.5295C14.5909 20.5639 14.6043 20.5989 14.6184 20.634C14.6184 20.634 14.619 20.6353 14.619 20.636C14.619 20.6374 14.6204 20.6394 14.6211 20.6414C14.8522 21.2542 15.0169 21.5118 15.0323 21.5347C15.7714 22.9185 17.1214 24.456 19.6534 25.0212C19.7759 25.0485 19.8762 25.1381 19.9129 25.2581C20.0683 25.999 20.2009 26.8828 20.3181 27.4309C20.4514 28.0586 20.5157 28.3815 20.4206 28.8035C20.2625 29.5047 20.5063 29.6644 20.6885 30.1613C20.8701 30.6575 20.5271 32.2843 20.4173 32.4292C20.3087 32.5762 20.1801 32.684 20.1091 32.9753C20.0375 33.2679 19.7615 33.2894 19.5264 33.3771C19.3736 33.4344 19.2785 33.6339 19.2772 33.7735C19.2765 33.8476 19.2711 33.8928 19.3355 33.9515C19.3355 33.9515 19.3817 33.9831 19.4038 33.9879C19.4366 33.996 19.446 33.998 19.4667 33.998H19.8131L20.7341 34C21.2776 33.9517 21.1559 33.3654 21.1111 33.0975C21.1107 33.095 21.1119 33.093 21.1119 33.0906C21.1119 33.0892 21.1122 33.0879 21.1127 33.0867C21.1212 33.0683 21.1303 33.0473 21.14 33.0238C21.1494 32.9989 21.2345 32.8013 21.2385 32.647C21.2425 32.4609 21.2137 31.8986 21.2278 31.5919C21.2412 31.2845 21.2827 30.2483 21.3892 29.8114C21.4957 29.3739 21.7228 29.022 21.5453 28.5993C21.3684 28.1759 21.4127 27.5476 21.4595 27.0082C21.4655 26.9368 21.5401 26.9224 21.5701 26.9875C21.6363 27.1315 21.7215 27.3181 21.773 27.4357C21.7878 27.47 21.8012 27.501 21.8119 27.528C21.9378 27.8294 22.0309 28.0518 22.0939 28.248C22.1053 28.2858 22.1153 28.3222 22.1247 28.3572C22.1281 28.3687 22.1508 28.4624 22.1569 28.4975C22.1636 28.5305 22.179 28.6478 22.179 28.6545C22.1843 28.7051 22.1857 28.8399 22.1857 28.8548C22.1843 28.9114 22.1857 28.9647 22.1883 29.0166C22.1897 29.0307 22.1897 29.0449 22.1917 29.0584C22.193 29.0826 22.195 29.1069 22.1977 29.1298C22.2031 29.1669 22.2091 29.2026 22.2151 29.237C22.2205 29.262 22.2259 29.2862 22.2319 29.3092C22.2386 29.3355 22.2928 29.4905 22.3029 29.5121C22.3109 29.5283 22.3377 29.5829 22.3444 29.5943C22.3484 29.6017 22.3699 29.6395 22.3766 29.651C22.4737 29.8188 22.6003 29.9732 22.7262 30.1815C22.7316 30.1896 22.7738 30.2651 22.7838 30.2874C22.7885 30.2975 22.8247 30.3912 22.8287 30.4054C22.8381 30.4323 22.8642 30.5227 22.8682 30.5395C22.8729 30.5557 22.9017 30.677 22.9017 30.677C23.0571 31.3647 23.1657 32.3941 23.1034 32.5061L23.0846 32.5323C22.9814 32.6712 22.9627 32.7602 22.895 33.0359C22.8267 33.313 22.674 33.3272 22.4496 33.4101C22.3042 33.464 22.2138 33.6528 22.2125 33.7849C22.2118 33.8551 22.2064 33.8975 22.2681 33.9535C22.2681 33.9535 22.3116 33.9831 22.333 33.9885C22.3638 33.996 22.3732 33.998 22.3933 33.998H22.7229L23.6004 34C24.1979 33.9198 23.9239 33.4088 23.8576 33.1822L23.8543 33.1708Z' fill='%23006CFF'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 1024px) {
  .toast__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 1.5rem;
  }
}

.toast__content {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  align-items: flex-start;
  min-width: 0;
  min-height: 0.0625rem;
  padding-top: 0.25rem;
  align-self: stretch;
  color: #fff;
}
@media (min-width: 1024px) {
  .toast__content {
    gap: 0.9375rem;
    padding-top: 0.375rem;
  }
}

.toast__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: inherit;
  letter-spacing: 0;
  margin: 0;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .toast__title {
    font-size: 1.5rem;
    line-height: 2.0625rem;
  }
}

.toast__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: inherit;
  letter-spacing: 0;
  margin: 0;
  min-width: 100%;
}
.toast__text strong {
  font-weight: 700;
}
@media (min-width: 1024px) {
  .toast__text {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}

.tutorial-backdrop {
  position: fixed;
  inset: 0;
  z-index: 400;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}
.tutorial-backdrop.is-active {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: visible;
}
.tutorial-backdrop.is-dismissing {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}

@keyframes tutorial-pulse {
  0% {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.7), 0 0 16px 6px rgba(28, 81, 160, 0.5);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.35), 0 0 30px 12px rgba(28, 81, 160, 0.3);
  }
  100% {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.7), 0 0 16px 6px rgba(28, 81, 160, 0.5);
  }
}
.tutorial-spotlight-wrapper {
  background-color: #E6F5FA;
  border-radius: 1rem;
  animation: tutorial-pulse 2s ease-in-out infinite;
  list-style: none;
}
.tutorial-spotlight-wrapper button#like-btn-tutorial {
  left: 0;
  top: 0.125rem;
}
.tutorial-spotlight-wrapper button#like-btn-tutorial svg,
.tutorial-spotlight-wrapper button#like-btn-tutorial span {
  color: #006cff;
}
.tutorial-spotlight-wrapper button#own-it-switch-tutorial {
  position: relative;
  top: 0;
  right: 0;
}
.tutorial-spotlight-wrapper button#own-it-switch-tutorial .own-it-switch__knob {
  background: #ffe800;
}
.tutorial-spotlight-wrapper button#own-it-switch-tutorial .own-it-switch__knob-icon {
  color: black;
}

.tutorial-dialog {
  position: fixed;
  z-index: 500;
  background-color: #006cff;
  border-radius: 0.5rem;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.06);
  color: #fff;
  opacity: 0;
  transform: translateY(0.5rem);
  transition: opacity 300ms ease, transform 300ms ease;
  box-sizing: border-box;
}
.tutorial-dialog.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.tutorial-dialog--intro {
  width: calc(100% - 2rem);
  max-width: 33.75rem;
  padding: 1rem;
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .tutorial-dialog--intro {
    padding: 1rem;
  }
}
.tutorial-dialog--intro {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  opacity: 0;
}
.tutorial-dialog--intro.is-visible {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.tutorial-dialog--intro .tutorial-dialog__body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex: 1 1 0;
  min-width: 0;
  padding-top: 0.25rem;
}
.tutorial-dialog--intro .tutorial-dialog__title {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-top: 2.125rem;
  padding-right: 1.875rem;
}
@media (max-width: 768px) {
  .tutorial-dialog--intro .tutorial-dialog__title {
    font-size: 1rem;
    line-height: 1.375rem;
    margin-top: 0;
  }
}
.tutorial-dialog--intro .tutorial-dialog__text {
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (max-width: 768px) {
  .tutorial-dialog--intro .tutorial-dialog__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.tutorial-dialog--intro-br {
  top: auto;
  left: auto;
  transform: translateY(1.25rem) scale(0.95);
  bottom: 1.5rem;
  right: 1.5rem;
}
.tutorial-dialog--intro-br.is-visible {
  transform: translateY(0) scale(1);
}
@media (max-width: 768px) {
  .tutorial-dialog--intro-br {
    right: auto;
    left: 1rem;
    bottom: 1rem;
    width: calc(100% - 2rem);
    max-width: none;
  }
}

.tutorial-dialog--step {
  width: calc(100% - 2rem);
  max-width: 23.125rem;
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  padding: 1rem;
}
@media (max-width: 768px) {
  .tutorial-dialog--step {
    max-width: none;
    width: calc(100% - 2rem);
    border-radius: 0.5rem;
  }
}
.tutorial-dialog--step .tutorial-dialog__body {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  flex: 1 1 0;
  min-width: 0;
  padding-top: 0.25rem;
}
.tutorial-dialog--step .tutorial-dialog__title {
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.tutorial-dialog--step .tutorial-dialog__text {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.tutorial-dialog--centered {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  opacity: 0;
}
.tutorial-dialog--centered.is-visible {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.tutorial-dialog__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  opacity: 0.75;
}
.tutorial-dialog__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.tutorial-dialog__close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5625rem;
  height: 1.5625rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.tutorial-dialog__close::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #fff;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23fff'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23fff'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.tutorial-dialog__close:hover {
  opacity: 1;
}

.tutorial-dialog__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  color: #fff;
  margin: 0;
  letter-spacing: 0;
}

.tutorial-dialog__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 300;
  color: #fff;
  margin: 0;
}
.tutorial-dialog__text strong {
  font-weight: 700;
}

.tutorial-dialog__start {
  margin-bottom: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  margin-top: 1.25rem;
}
@media (max-width: 768px) {
  .tutorial-dialog__start {
    margin-bottom: 0;
    margin-top: 0.625rem;
  }
}
.tutorial-dialog__start:hover {
  border-color: #cfcfcf !important;
}

.tutorial-dialog__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.tutorial-dialog__counter {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #fff;
  white-space: nowrap;
}

.tutorial-dialog__arrows {
  display: flex;
  gap: 1.25rem;
  align-items: center;
}

.tutorial-dialog__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  color: #fff;
  transition: opacity 150ms ease;
}
.tutorial-dialog__arrow:disabled {
  opacity: 0.3;
  cursor: default;
}
.tutorial-dialog__arrow svg {
  display: block;
  width: 1.625rem;
  height: 0.75rem;
  fill: currentColor;
}
.tutorial-dialog__arrow--prev svg {
  transform: rotate(180deg);
}

.tutorial-dialog__cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 2.125rem;
  padding: 0.5rem 0.625rem;
  border: 2px solid #fff;
  border-radius: 0.5rem;
  background: none;
  color: #fff;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  cursor: pointer;
  transition: background-color 150ms ease;
  white-space: nowrap;
}
.tutorial-dialog__cta:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 769px) {
  .tutorial-dialog__cta {
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 0.5rem;
  }
}

.voucher-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 17.8125rem;
  width: 100%;
  aspect-ratio: 405/422;
  overflow: hidden;
  background-color: #f5f5f1;
  border-radius: 0.5rem;
  padding: 0.625rem 1.25rem 0.875rem;
  gap: 0.625rem;
  text-decoration: none;
  color: inherit;
  transition: background-color 150ms ease;
  container-type: inline-size;
}

.voucher-card__ribbon {
  width: 100%;
  height: 1.875rem;
  display: flex;
  align-items: center;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #606060;
}

.voucher-card__ribbon--redeemed {
  background-color: rgba(53, 103, 255, 0.1);
  border-radius: 0.5rem;
  padding: 0.125rem 0.5rem;
  gap: 0.25rem;
  width: auto;
  align-self: flex-start;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #006cff;
  margin-left: 0.3125rem;
}

.voucher-card__image {
  width: 100%;
  aspect-ratio: 357/224;
  overflow: hidden;
  position: relative;
  padding: 0 0.3125rem 0.3125rem;
  margin-top: -0.375rem;
}
@media (max-width: 769px) {
  .voucher-card__image {
    aspect-ratio: unset;
  }
}
.voucher-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.voucher-card__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding-top: clamp(0.75rem, 5.9cqi, 1.5rem);
  text-align: center;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .voucher-card__content {
    padding-top: clamp(0.375rem, 3cqi, 0.75rem);
  }
}

.voucher-card__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: clamp(1rem, 6.4cqi, 1.625rem);
  line-height: clamp(1.5rem, 9.4cqi, 2.375rem);
  letter-spacing: 0;
  color: #006cff;
  margin: 0;
  transition: font-size 0.4s cubic-bezier(0.4, 0, 0.2, 1), line-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 1023px) {
  .voucher-card__title {
    font-size: clamp(0.875rem, 5.5cqi, 1.25rem);
    line-height: clamp(1.375rem, 8cqi, 2rem);
  }
}

.voucher-card__points {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: clamp(0.75rem, 4cqi, 1rem);
  line-height: clamp(1.125rem, 5.4cqi, 1.375rem);
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #2d2926;
  margin: 0;
}

.voucher-card__action {
  position: absolute;
  bottom: 0.9375rem;
  left: 1.25rem;
  right: 1.25rem;
  display: flex;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transform: translateY(0.5rem);
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.voucher-card__action .btn {
  width: 70%;
  height: 2.25rem;
  padding: 0.5rem 1.625rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 1023px) {
  .voucher-card__action .btn {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .voucher-card__action {
    position: static;
    opacity: 1;
    pointer-events: auto;
    transform: none;
    margin-top: 1rem;
    transition: none;
    width: 100%;
  }
}

.voucher-card--disabled {
  background-color: #d3d3d3;
  pointer-events: none;
}
.voucher-card--disabled .voucher-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 0.3125rem 0.3125rem;
}
.voucher-card--disabled .voucher-card__action {
  display: none;
}

.voucher-card__badge {
  display: none;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
  background-color: #006cff;
  color: #fff;
  border-radius: 0.5rem;
  padding: 0.1875rem 0.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4375rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  white-space: nowrap;
  height: 2.1875rem;
}
.voucher-card__badge::before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
  background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='none'%3E%3Cpath d='M14.312 7.266h-1.64V4.404C12.673 1.975 10.698 0 8.27 0 5.841 0 3.865 1.975 3.865 4.404v2.862H2.084A2.084 2.084 0 0 0 0 9.35v8.29a2.084 2.084 0 0 0 2.084 2.084h12.228a2.084 2.084 0 0 0 2.084-2.084V9.35a2.084 2.084 0 0 0-2.084-2.084zM5.05 4.404c0-1.775 1.444-3.22 3.22-3.22s3.22 1.445 3.22 3.22v2.862H5.05V4.404zm10.161 13.236c0 .496-.404.9-.9.9H2.084a.9.9 0 0 1-.9-.9V9.35c0-.496.404-.9.9-.9h12.228c.496 0 .9.404.9.9v8.29zm-6.392-6.05v3.818a.592.592 0 0 1-1.184 0V11.59a.592.592 0 0 1 1.184 0z' fill='%23E6E7E8'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='20' viewBox='0 0 17 20' fill='none'%3E%3Cpath d='M14.312 7.266h-1.64V4.404C12.673 1.975 10.698 0 8.27 0 5.841 0 3.865 1.975 3.865 4.404v2.862H2.084A2.084 2.084 0 0 0 0 9.35v8.29a2.084 2.084 0 0 0 2.084 2.084h12.228a2.084 2.084 0 0 0 2.084-2.084V9.35a2.084 2.084 0 0 0-2.084-2.084zM5.05 4.404c0-1.775 1.444-3.22 3.22-3.22s3.22 1.445 3.22 3.22v2.862H5.05V4.404zm10.161 13.236c0 .496-.404.9-.9.9H2.084a.9.9 0 0 1-.9-.9V9.35c0-.496.404-.9.9-.9h12.228c.496 0 .9.404.9.9v8.29zm-6.392-6.05v3.818a.592.592 0 0 1-1.184 0V11.59a.592.592 0 0 1 1.184 0z' fill='%23E6E7E8'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.voucher-card--disabled-special {
  background-color: #d3d3d3;
  pointer-events: none;
}
.voucher-card--disabled-special .voucher-card__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 0.3125rem 0.3125rem;
}
.voucher-card--disabled-special .voucher-card__points {
  display: none;
}
.voucher-card--disabled-special .voucher-card__action {
  display: none;
}
.voucher-card--disabled-special .voucher-card__badge {
  display: flex;
}

@media (hover: hover) {
  .voucher-card:hover:not(.voucher-card--disabled) {
    background-color: #e6e6e2;
  }
  .voucher-card:hover:not(.voucher-card--disabled) .voucher-card__content {
    padding-top: clamp(0rem, 2cqi, 2.5rem);
  }
}
@media (hover: hover) and (max-width: 1279px) {
  .voucher-card:hover:not(.voucher-card--disabled) .voucher-card__content {
    padding-top: clamp(0rem, 2cqi, 0rem);
    margin-top: -2%;
  }
}
@media (hover: hover) {
  .voucher-card:hover:not(.voucher-card--disabled) .voucher-card__title {
    font-size: clamp(0.875rem, 5.5cqi, 1.25rem);
    line-height: clamp(1.375rem, 8cqi, 2rem);
  }
  .voucher-card:hover:not(.voucher-card--disabled) .voucher-card__action {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
}
.progress-counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  background-color: rgba(53, 103, 255, 0.1);
  padding: 0.5rem 1.625rem;
  border-radius: 0.5rem;
  overflow: clip;
  min-width: 17.8125rem;
}

.progress-counter__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.progress-counter__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #333;
}

.progress-counter__value {
  background-color: #fff;
  border-radius: 0.625rem;
  padding: 0.0625rem 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.75rem;
  min-width: 4.875rem;
}
.progress-counter__value span {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.078125rem;
  color: #333;
}

@media (max-width: 1023px) {
  .progress-counter {
    gap: 0.5rem;
    padding: 0.5rem;
  }
  .progress-counter__row {
    justify-content: space-between;
    width: 16.5rem;
    max-width: 100%;
  }
  .progress-counter__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: nowrap;
  }
  .progress-counter__value {
    height: 1.625rem;
    min-width: auto;
  }
  .progress-counter__value span {
    font-size: 1.125rem;
    line-height: 1.375rem;
    letter-spacing: 0;
    text-align: right;
  }
}
.progress-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  background-color: rgba(53, 103, 255, 0.1);
  padding: 0.75rem 2.5rem;
  border-radius: 0.5rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  transition: background-color 0.6s ease, height 0.1s ease;
}

.progress-bar__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  text-align: center;
  margin: 0;
}

.progress-bar__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  text-align: center;
  margin: -0.5rem 0 0;
}

.progress-bar__track {
  width: 100%;
  height: 0.375rem;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.progress-bar__fill {
  height: 100%;
  width: var(--progress, 0%);
  background-color: #0096c9;
  border-radius: 0.25rem;
  transition: background-color 0.5s ease;
  position: relative;
}
.progress-bar__fill::after {
  content: "";
  position: absolute;
  right: -0.125rem;
  top: 50%;
  transform: translateY(-50%);
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  background: rgba(0, 150, 201, 0.4);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.progress-bar--animated .progress-bar__fill {
  transition: width 1s ease-out, background-color 0.5s ease;
}
.progress-bar--animated .progress-bar__fill::after {
  opacity: 1;
  animation: progress-glow-pulse 2s ease-in-out 1s infinite;
}

.progress-bar__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #767676;
  text-align: center;
  margin: 0;
}

.progress-bar--success {
  background-color: #FFD000;
}
.progress-bar--success .progress-bar__fill {
  background-color: #FF5B00;
}
.progress-bar--success .progress-bar__fill::after {
  background: rgba(225, 113, 0, 0.5);
}
.progress-bar--success .progress-bar__track {
  overflow: visible;
}
.progress-bar--success .progress-bar__track::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(50%, -50%) scale(0);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: radial-gradient(circle, #ff3333 0%, rgba(51, 204, 51, 0.7) 45%, transparent 70%);
  animation: progress-burst 0.8s ease-out 0.6s forwards;
}
.progress-bar--success .progress-bar__track::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.125rem;
  height: 0.125rem;
  border-radius: 50%;
  box-shadow: 0 -12px 0 1px #ff3333, 0 -18px 0 0 #ff3333, 9px -9px 0 1px #33cc33, 13px -13px 0 0 #33cc33, 12px 0 0 1px #3399ff, 18px 0 0 0 #3399ff, 9px 9px 0 1px #ff3333, 13px 13px 0 0 #ff3333, 0 12px 0 1px #33cc33, 0 18px 0 0 #33cc33, -9px 9px 0 1px #3399ff, -13px 13px 0 0 #3399ff, -9px -9px 0 1px #ff3333, -13px -13px 0 0 #ff3333;
  opacity: 0;
  transform: translateY(-50%) scale(0);
  animation: progress-sparkle 1s ease-out 0.4s forwards;
  z-index: 2;
}

@media (max-width: 1023px) {
  .progress-bar {
    padding: 0.75rem;
  }
  .progress-bar__title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .progress-bar__subtitle {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .progress-bar__track {
    width: 16.25rem;
  }
  .progress-bar__desc {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
    width: 16.25rem;
  }
}
@keyframes progress-glow-pulse {
  0%, 100% {
    opacity: 0.4;
    transform: translateY(-50%) scale(1);
  }
  50% {
    opacity: 1;
    transform: translateY(-50%) scale(1.5);
  }
}
@keyframes progress-burst {
  0% {
    transform: translate(50%, -50%) scale(0);
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    transform: translate(50%, -50%) scale(3);
    opacity: 0;
  }
}
@keyframes progress-sparkle {
  0% {
    opacity: 0;
    transform: translateY(-50%) scale(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-50%) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-50%) scale(2);
  }
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  visibility: hidden;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}
.modal-backdrop.is-active {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  visibility: visible;
}
.modal-backdrop.is-dismissing {
  background-color: rgba(0, 0, 0, 0);
  opacity: 0;
  transition: background-color 300ms ease, opacity 300ms ease, visibility 300ms ease;
}

.modal {
  position: relative;
  z-index: 500;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, 0.06);
  max-height: 90vh;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  transform: scale(0.95);
  opacity: 0;
  transition: transform 300ms ease, opacity 300ms ease;
}
.is-active .modal {
  transform: scale(1);
  opacity: 1;
}
.is-dismissing .modal {
  transform: scale(0.95);
  opacity: 0;
}
@media (min-width: 1024px) {
  .modal {
    flex-direction: row;
    border-radius: 0.5rem;
    max-width: 55.0625rem;
    min-height: 29.75rem;
    max-height: 90vh;
  }
}

.modal__close {
  position: absolute;
  top: 0.625rem;
  right: 0.625rem;
  z-index: 2;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  opacity: 0.75;
  transition: opacity 150ms ease;
}
.modal__close::before {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #0055cc;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.48 19.94'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.349.213C1.036-.076.541-.071.234.228c-.312.304-.312.797 0 1.1L9.11 9.971.234 18.613l-.015.015c-.296.305-.291.787.015 1.085.312.304.818.304 1.13 0L10.24 11.07l8.876 8.642.016.015c.313.289.807.284 1.114-.015.312-.304.312-.797 0-1.1l-8.876-8.642 8.876-8.642.015-.015c.297-.305.292-.786-.015-1.085-.312-.304-.818-.304-1.13 0L10.24 8.87 1.365.228 1.349.213z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.modal__close:hover {
  opacity: 1;
}
@media (min-width: 1024px) {
  .modal__close {
    top: 0.5rem;
    right: 0.625rem;
    width: 1.5625rem;
    height: 1.5625rem;
  }
  .modal__close::before {
    width: 1rem;
    height: 1rem;
  }
}

.modal__image {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  width: 100%;
  border-radius: 0.75rem;
  padding: 0 1.25rem;
  box-sizing: border-box;
  margin-top: 2.75rem;
  aspect-ratio: 280/173;
}
.modal__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.75rem;
}
@media (min-width: 1024px) {
  .modal__image {
    order: 2;
    width: 29.375rem;
    border-radius: 0 0.5rem 0.5rem 0;
    padding: 0;
    margin: 0;
  }
  .modal__image img {
    border-radius: 0 0.5rem 0.5rem 0;
  }
}

.modal__body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  padding: 2.5rem 1.25rem;
  padding-top: 1rem;
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 1024px) {
  .modal__body {
    order: 1;
    width: 25.6875rem;
    align-items: flex-start;
    justify-content: center;
    padding: 2.5rem 3.625rem;
    gap: 1.25rem;
  }
}

.modal__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  text-align: center;
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .modal__title {
    font-size: 2rem;
    line-height: 2.75rem;
    text-align: left;
    max-width: 18.5rem;
  }
}

.modal__separator {
  width: 100%;
  height: 0.0625rem;
  background-color: #858886;
}

.modal__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #333;
  text-align: center;
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .modal__text {
    font-size: 1.125rem;
    line-height: 1.5rem;
    text-align: left;
  }
}

.modal__value {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  text-align: center;
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .modal__value {
    font-size: 1.25rem;
    line-height: 1.625rem;
    text-align: left;
  }
}

.modal__actions {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
  margin-top: 0.5rem;
}
.modal__actions .btn {
  width: 100%;
}
.modal__actions .btn-positive {
  order: 1;
}
.modal__actions .btn-secondary-positive {
  order: 2;
}
@media (min-width: 1024px) {
  .modal__actions {
    flex-direction: row;
    gap: 1.25rem;
    margin-top: 1.5rem;
  }
  .modal__actions .btn {
    width: 8.625rem;
    display: inline-flex;
    order: unset;
    font-size: 0.775rem;
  }
}

.modal__points {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.modal__points-number {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 3.25rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .modal__points-number {
    font-size: 3.75rem;
    line-height: 4.875rem;
    letter-spacing: -0.1171875rem;
  }
}

.modal__points-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #767676;
  text-align: center;
  margin: 0;
}
@media (min-width: 1024px) {
  .modal__points-label {
    font-size: 1.3125rem;
    line-height: 1.875rem;
    letter-spacing: 0.1875rem;
  }
}

.modal--points .modal__body {
  align-items: center;
}
@media (min-width: 1024px) {
  .modal--points .modal__body {
    align-items: center;
  }
}

@media (min-width: 1024px) {
  .modal--points .modal__text {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .modal--points .modal__value {
    text-align: center;
  }
}

.modal__text-extra {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #333;
  text-align: center;
  margin: 0;
  width: 100%;
}
@media (min-width: 1024px) {
  .modal__text-extra {
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .modal--points .modal__actions {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
  }
  .modal--points .modal__actions .btn {
    width: 13.5625rem;
  }
}

.modal-open {
  overflow: hidden;
}

.model-viewer-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
  width: 100%;
  position: relative;
  margin-bottom: 6.25rem;
}

.model-viewer-container {
  position: relative;
  width: 100%;
  height: 70vh;
  background-color: #cfcfcf;
  /*#cfcfcf;*/
  /*#e6e6e2;*/
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.model-placeholder-image {
  max-width: 70%;
  max-height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
}

.model-placeholder {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.Hotspot {
  background: rgb(255, 255, 255);
  border-radius: 2rem;
  border: 0px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
  box-sizing: border-box;
  cursor: pointer;
  height: 1.5rem;
  padding: 0.5rem;
  position: relative;
  transition: opacity 0.3s;
  width: 1.5rem;
}

.HotspotAnnotation {
  background: rgb(255, 255, 255);
  border-radius: 0.25rem;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
  color: rgba(0, 0, 0, 0.8);
  display: block;
  font-family: Futura, "Helvetica Neue", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  left: calc(100% + 1em);
  max-width: 8rem;
  overflow-wrap: break-word;
  padding: 0.5em 1em;
  position: absolute;
  top: 50%;
  width: -moz-max-content;
  width: max-content;
}

.Hotspot > * {
  opacity: 1;
  transform: translateY(-50%);
}

/* kontener przycisków pod modelem */
.viewer-controls-bottom {
  position: absolute;
  bottom: 1.25rem;
  transform: translateX(-50%);
  left: 50%;
}

.profil-card--points {
  border-color: transparent;
  background: #e5f0ff;
}
@media (min-width: 1024px) {
  .profil-card--points {
    background: transparent;
    border-color: #e6e7e8;
  }
}

.profil-card.profil-card--points .profil-points {
  background: #e5f0ff;
  border-radius: 0.5rem;
}
.profil-card.profil-card--points .profil-card__title {
  margin-bottom: 0;
}

.profil-points {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.profil-points__top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  background: #e5f0ff;
  border-radius: 0.5rem;
  border: 1px solid #e5f0ff;
}
@media (min-width: 1024px) {
  .profil-points__top {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    padding: 2.5rem 1.25rem;
  }
}
.profil-points__info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .profil-points__info {
    gap: 0.625rem;
  }
}
.profil-points__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  font-size: 1rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .profil-points__desc {
    font-size: 1.25rem;
    line-height: 2rem;
    max-width: 46.75rem;
  }
}
.profil-points__highlight {
  color: #006cff;
  font-weight: 700;
}
.profil-points__coin {
  flex-shrink: 0;
  width: 100%;
  max-width: 14.9375rem;
  align-self: center;
}
@media (min-width: 1024px) {
  .profil-points__coin {
    align-self: flex-end;
  }
}
.profil-points__coin-img {
  width: 100%;
  height: auto;
  border-radius: 0.625rem;
  display: block;
}
@media (min-width: 1024px) {
  .profil-points__coin-img {
    width: 14.9375rem;
    height: 9.5rem;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media (min-width: 1024px) {
  .profil-points__counter {
    padding: 0 1.25rem 1.25rem;
  }
}
.profil-points__counter-box {
  border: 1px solid #333;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  background-color: #fff;
}
@media (min-width: 1024px) {
  .profil-points__counter-box {
    flex-direction: row;
    align-items: center;
    min-height: 7.5rem;
    padding: 1.25rem 2rem;
    gap: 1.25rem;
    background-color: #fff;
  }
}
.profil-points__counter-value {
  text-align: center;
  flex-shrink: 0;
}
.profil-points__number {
  display: block;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #006cff;
  font-size: 2.5rem;
  line-height: 3.25rem;
  letter-spacing: -0.078125rem;
}
.profil-points__label {
  display: block;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  color: #767676;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}
.profil-points__counter-separator {
  width: 100%;
  height: 0.0625rem;
  background: #e6e7e8;
}
@media (min-width: 1024px) {
  .profil-points__counter-separator {
    width: 0.0625rem;
    height: 5rem;
    flex-shrink: 0;
  }
}
.profil-points__counter-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .profil-points__counter-info {
    flex-direction: row;
    justify-content: space-between;
    flex: 1;
  }
}
.profil-points__expiry {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  font-size: 1rem;
  line-height: 1.375rem;
  margin: 0;
}
.profil-points__expiry strong {
  font-weight: 700;
}
.profil-points__cta {
  white-space: nowrap;
  width: 100%;
  text-align: center;
}
@media (min-width: 1024px) {
  .profil-points__cta {
    width: auto;
  }
}

.earning-point-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
  padding: 1.25rem;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 0.5rem;
  max-width: 31.25rem;
  min-height: 7.5rem;
}
@media (min-width: 1024px) {
  .earning-point-item {
    flex-direction: row;
    align-items: center;
    padding: 1.25rem 2.5rem 1.25rem 1.25rem;
    border-color: #858886;
    max-width: none;
    min-height: auto;
  }
}

.earning-point-item__icon {
  flex-shrink: 0;
  width: 2.8125rem;
  height: 2.8125rem;
}
@media (min-width: 1024px) {
  .earning-point-item__icon {
    width: 3.25rem;
    height: 3.25rem;
  }
}
.earning-point-item__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.earning-point-item__separator {
  flex-shrink: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #858886;
}
@media (min-width: 1024px) {
  .earning-point-item__separator {
    width: 0.0625rem;
    height: auto;
    align-self: stretch;
  }
}

.earning-point-item__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  min-width: 0;
}

.earning-point-item__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .earning-point-item__header {
    flex-direction: row;
    align-items: baseline;
    gap: 1.25rem;
  }
}

.earning-point-item__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1em;
  letter-spacing: -0.078125rem;
  color: #006cff;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .earning-point-item__title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .earning-point-item__title {
    font-size: 1.625rem;
  }
}

.earning-point-item__points {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1em;
  letter-spacing: 0;
  color: #006cff;
  white-space: nowrap;
}
@media (min-width: 1024px) {
  .earning-point-item__points {
    font-weight: 700;
    font-size: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .earning-point-item__points {
    font-size: 1.625rem;
  }
}

.earning-point-item__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0;
  color: #006cff;
  margin: 0;
}
@media (min-width: 1024px) {
  .earning-point-item__desc {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1280px) {
  .earning-point-item__desc {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}

.earning-point-grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 1024px) {
  .earning-point-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: stretch;
  }
}

.sudoku-hidden {
  display: none !important;
}

.sudoku-game {
  background: url(./static/images/games/game-sudoku-bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0.5rem;
  padding: 1.5rem 1rem;
  color: #fff;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sudoku-game button {
  background-color: transparent;
}
@media (min-width: 769px) {
  .sudoku-game {
    padding: 1.5rem 2.5rem;
  }
}

.sudoku-level-screen {
  text-align: center;
  padding: 2rem 1rem;
  width: 100%;
}

.sudoku-level-screen__title {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0 0 0.25rem;
  letter-spacing: 0.02em;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  color: #ffe800;
  -webkit-text-fill-color: initial;
  background-clip: initial;
}

.sudoku-level-screen__subtitle {
  margin: 0 0 2rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
}

.sudoku-level-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 13.75rem;
  margin: 0 auto;
}

.sudoku-level-btn {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  padding: 0.875rem 1.5rem;
  border: none;
  border-radius: 0.75rem;
  cursor: pointer;
  transition: transform 150ms ease, box-shadow 150ms ease;
  color: #006cff;
}
.sudoku-level-btn:hover {
  transform: translateY(-0.125rem);
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.25);
}
.sudoku-level-btn[data-level=easy] {
  background: #ffe800 !important;
}
.sudoku-level-btn[data-level=medium] {
  background: #00c2ff !important;
  color: #fff;
}
.sudoku-level-btn[data-level=hard] {
  background: #ffe800 !important;
}

.sudoku-game-screen {
  padding: 0.5rem 0 1rem;
  width: 100%;
  max-width: 32.5rem;
}

.sudoku-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.sudoku-header__title {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 0;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  color: #ffe800;
  -webkit-text-fill-color: initial;
  background-clip: initial;
}

.sudoku-toolbar {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.sudoku-timer {
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  color: #fff;
  min-width: 3rem;
  font-size: 0.875rem;
}

.sudoku-level-badge {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0.1875rem 0.5rem;
  border-radius: 0.5rem;
  background: #00c2ff !important;
  color: #fff;
}

.sudoku-btn {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0.375rem 0.75rem;
  border: none;
  border-radius: 0.625rem;
  cursor: pointer;
  background: #ffe800 !important;
  color: #006cff;
  transition: background-color 0.2s, transform 0.1s;
  text-transform: none;
  letter-spacing: 0;
}
.sudoku-btn:hover {
  background: rgb(214.2, 194.88, 0) !important;
}
.sudoku-btn:active {
  transform: scale(0.98);
}
.sudoku-btn--ghost {
  background: transparent !important;
  color: #fff;
  border: 1px solid #ffe800;
}
.sudoku-btn--ghost:hover {
  background: rgba(255, 232, 0, 0.15) !important;
  color: #fff;
}
.sudoku-btn--large {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}

.sudoku-container {
  position: relative;
}

.sudoku-board-wrapper {
  background: #00c2ff;
  border-radius: 1.0625rem;
  padding: 0.625rem;
  margin-bottom: 0.75rem;
  border: none;
}

.sudoku-board {
  display: grid;
  aspect-ratio: 1;
  width: 100%;
  max-height: 45vh;
  max-width: 45vh;
  margin: 0 auto;
  border: 4px solid #ffd000;
  border-radius: 0.9375rem;
  overflow: hidden;
  background: #006cff;
}
.sudoku-board--4 {
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.sudoku-board--6 {
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(6, 1fr);
}
.sudoku-board--9 {
  grid-template-columns: repeat(9, 1fr);
  grid-template-rows: repeat(9, 1fr);
}

.sudoku-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(0.875rem, 3vw, 1.25rem);
  font-weight: 700;
  border: 1px solid rgba(255, 232, 0, 0.35);
  cursor: pointer;
  transition: background 150ms ease;
  min-height: 0;
  color: #00c2ff;
}
.sudoku-cell--given {
  background: #ffe800;
  color: #006cff;
  cursor: default;
}
.sudoku-cell--user {
  color: #00c2ff;
}
.sudoku-cell--selected {
  background: rgba(255, 232, 0, 0.5);
  outline: 2px solid #00c2ff;
  outline-offset: -2px;
  z-index: 1;
}
.sudoku-cell--same {
  background: rgba(255, 232, 0, 0.3);
}
.sudoku-cell--error {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.15);
}
.sudoku-cell--edge-r {
  border-right-width: 2px;
  border-right-color: #ffe800;
}
.sudoku-cell--edge-b {
  border-bottom-width: 2px;
  border-bottom-color: #ffe800;
}
@media (min-width: 420px) {
  .sudoku-cell {
    font-size: 1.125rem;
  }
}

.sudoku-number-pad {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.375rem;
}

.sudoku-num-btn {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem;
  border: 1px solid #ffe800 !important;
  border-radius: 0.375rem;
  cursor: pointer;
  background: #00c2ff !important;
  color: #fff;
  transition: background-color 150ms ease, transform 0.1s;
  text-transform: none;
  letter-spacing: 0;
}
.sudoku-num-btn:hover {
  background: rgb(0, 155.2, 204) !important;
}
.sudoku-num-btn:active {
  transform: scale(0.96);
}
.sudoku-num-btn--clear {
  grid-column: span 2;
  background: #ffe800 !important;
  color: #006cff;
  border-color: #ffe800 !important;
}
.sudoku-num-btn--clear:hover {
  background: rgb(214.2, 194.88, 0) !important;
}

.sudoku-win-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 500;
  padding: 1rem;
}

.sudoku-win-box {
  background: linear-gradient(145deg, rgb(0, 86.4, 204), #006cff);
  border: 2px solid #ffe800;
  border-radius: 1.25rem;
  padding: 2rem;
  text-align: center;
  max-width: 20rem;
  width: 100%;
  box-shadow: 0 1.5625rem 3.125rem rgba(0, 0, 0, 0.4);
}

.sudoku-win-box__title {
  margin: 0 0 0.5rem;
  font-size: 1.75rem;
  color: #ffe800;
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
}

.sudoku-win-time {
  margin: 0 0 1.5rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
}

.countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
  width: 100%;
  max-width: 56rem;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .countdown {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    max-width: 25rem;
  }
}

.countdown__tile {
  background-color: #006cff;
  border-radius: 0.875rem;
  padding: 1.875rem 1.5625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.1875rem;
}
@media (max-width: 768px) {
  .countdown__tile {
    padding: 1.25rem 1rem;
    gap: 0.625rem;
  }
}

.countdown__value {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 3.75rem;
  color: #ffe800;
  margin: 0;
}
@media (max-width: 768px) {
  .countdown__value {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
}

.countdown__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.025rem;
  margin: 0;
}
@media (max-width: 768px) {
  .countdown__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.page-home-landing {
  background-color: #ffe800;
}

.home-sections {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .home-sections {
    gap: 6.25rem;
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }
}

.idx-hero {
  background: linear-gradient(160deg, #0b1120 0%, #162547 50%, #006cff 100%);
  padding: 5rem 0 4rem;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.idx-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 30% 20%, rgba(0, 150, 201, 0.12) 0%, transparent 60%), radial-gradient(circle at 80% 70%, rgba(28, 81, 160, 0.18) 0%, transparent 50%);
  pointer-events: none;
}
.idx-hero .container {
  position: relative;
  z-index: 1;
}

.idx-hero__badge {
  display: inline-block;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.06);
  border-radius: 624.9375rem;
  padding: 0.375rem 1.25rem;
  margin-bottom: 1.75rem;
  backdrop-filter: blur(0.25rem);
}

.idx-hero__title {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin-bottom: 0.75rem;
}

.idx-hero__v {
  background: linear-gradient(135deg, #00c2ff, rgb(91.8, 215.96, 255));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}

.idx-hero__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.55);
  max-width: 27.5rem;
  margin: 0 auto 2.5rem;
  line-height: 1.6;
}

.idx-hero__stats {
  display: flex;
  justify-content: center;
  gap: 3rem;
}

.idx-hero__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.idx-hero__stat-value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 0.25rem;
}

.idx-hero__stat-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.idx-hero__progress {
  max-width: 20rem;
  margin: 2.25rem auto 0;
}

.idx-hero__progress-header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.5rem;
}

.idx-hero__progress-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.idx-hero__progress-value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.8);
}

.idx-hero__progress-bar {
  width: 100%;
  height: 0.375rem;
  background: rgba(255, 255, 255, 0.12);
  border-radius: 624.9375rem;
  overflow: hidden;
}

.idx-hero__progress-fill {
  height: 100%;
  background: linear-gradient(90deg, #34d399, #10b981);
  border-radius: 624.9375rem;
  transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

.idx-section {
  padding: 3.5rem 0;
}
.idx-section--docs {
  background-color: #f8fafc;
  padding-bottom: 5rem;
}
.idx-section--todo {
  background-color: #f8fafc;
}

.idx-section__header {
  margin-bottom: 2.25rem;
}

.idx-section__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.25rem;
}

.idx-section__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  color: #64748b;
}

.idx-grid {
  display: grid;
  gap: 2.5rem;
}

.idx-group__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #64748b;
  margin-bottom: 0.875rem;
  padding-left: 0.125rem;
}

.idx-group__cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(11.25rem, 1fr));
  gap: 0.75rem;
}
@media (min-width: 769px) {
  .idx-group__cards {
    grid-template-columns: repeat(auto-fill, minmax(12.5rem, 1fr));
  }
}

.idx-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 1.125rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  text-decoration: none;
  color: #1e293b;
  transition: all 0.2s ease;
  position: relative;
}
.idx-card::after {
  content: "→";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) translateX(-0.25rem);
  opacity: 0;
  font-size: 0.875rem;
  color: #006cff;
  transition: all 0.2s ease;
}
.idx-card:hover {
  border-color: #006cff;
  box-shadow: 0 4px 16px rgba(0, 108, 255, 0.1);
  transform: translateY(-0.125rem);
}
.idx-card:hover::after {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}
.idx-card:active {
  transform: translateY(0);
  box-shadow: none;
}
.idx-card--done {
  border-left: 3px solid #10b981;
}
.idx-card--done .idx-card__name::after {
  content: "✓";
  margin-left: 0.375rem;
  font-size: 0.6875rem;
  font-weight: 700;
  color: #10b981;
}
.idx-card--todo {
  border-left: 3px solid #f59e0b;
  opacity: 0.7;
}
.idx-card--todo:hover {
  opacity: 1;
}

.idx-card__icon {
  font-size: 1.375rem;
  line-height: 1;
  flex-shrink: 0;
}

.idx-card__name {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.idx-docs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(16.25rem, 1fr));
  gap: 0.75rem;
}
@media (min-width: 769px) {
  .idx-docs-grid {
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
  }
}

.idx-doc {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1.125rem 1.25rem;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  text-decoration: none;
  color: #1e293b;
  transition: all 0.2s ease;
}
.idx-doc:hover {
  border-color: #006cff;
  box-shadow: 0 4px 16px rgba(0, 108, 255, 0.1);
  transform: translateY(-0.125rem);
}
.idx-doc:hover .idx-doc__name {
  color: #006cff;
}
.idx-doc:active {
  transform: translateY(0);
  box-shadow: none;
}

.idx-doc__icon {
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
}

.idx-doc__body {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}

.idx-doc__name {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  transition: color 0.2s ease;
}

.idx-doc__path {
  font-family: monospace;
  font-size: 0.6875rem;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.product-hero {
  padding: 2.5rem 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .product-hero {
    padding: 4rem 0;
  }
}
.product-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4;
  color: #006cff;
  margin-bottom: 1rem;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .product-hero__title {
    font-size: 3rem;
    line-height: 1.5em;
    margin-bottom: 1.875rem;
  }
}
.product-hero__description {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  color: #333;
  max-width: 17.5rem;
  margin: 0 auto;
  letter-spacing: -1.25px;
}
@media (min-width: 1024px) {
  .product-hero__description {
    font-size: 1.5rem;
    max-width: 68.125rem;
    line-height: 1.67;
  }
}

.product-features {
  padding: 1.5rem 0;
}
@media (min-width: 1024px) {
  .product-features {
    padding: 2.5rem 0;
  }
}
.product-features__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.625rem;
}
@media (min-width: 769px) {
  .product-features__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1024px) {
  .product-features__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5rem;
  }
}

.product-info {
  padding: 3rem 0;
}
@media (min-width: 1024px) {
  .product-info {
    padding: 4rem 0;
  }
}
.product-info .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-info__content {
  text-align: center;
  margin: 0 auto 2.5rem;
}
@media (min-width: 1024px) {
  .product-info__content {
    max-width: 65.125rem;
    margin-bottom: 3rem;
  }
}
.product-info__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.75rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .product-info__title {
    font-size: 2.8125rem;
  }
}
.product-info__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  color: #333;
  margin-bottom: 1rem;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .product-info__subtitle {
    font-size: 1.5rem;
    line-height: 1.67;
  }
}
.product-info__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  line-height: 1.86;
  color: #3a3d3f;
  margin-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .product-info__text {
    font-size: 1.5rem;
    line-height: 1.67;
    letter-spacing: -0.078125rem;
  }
}
.product-info__text p {
  margin-bottom: 1rem;
}
.product-info__text p:last-child {
  margin-bottom: 0;
}
.product-info__text strong {
  font-weight: 700;
}
.product-info__badges {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .product-info__badges {
    flex-direction: row;
    gap: 1.5rem;
  }
}

.product-badge {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  background: #ffe800;
  border-radius: 0.5rem;
  min-width: 17.5rem;
}
.product-badge__icon {
  width: 2rem;
  height: 2rem;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 1.375rem;
}
.product-badge__img {
  width: 2rem;
  height: 2rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.product-badge__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  color: #333;
}

.product-showcase {
  width: 100%;
  max-width: 18.75rem;
}
@media (min-width: 1024px) {
  .product-showcase {
    max-width: 78.75rem;
  }
}
.product-showcase__main {
  background: #e6e6e2;
  border-radius: 0.5rem;
  padding: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 300/380;
}
@media (min-width: 1024px) {
  .product-showcase__main {
    aspect-ratio: 1260/827;
    padding: 4rem;
  }
}
.product-showcase__img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.page-components {
  background-color: #f8fafc;
  min-height: 100vh;
}

.components-header {
  padding: 4rem 0 2.5rem;
  border-bottom: 1px solid #e2e8f0;
  margin-bottom: 3rem;
}

.components-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2.25rem;
  font-weight: 700;
  color: #1e293b;
  margin-bottom: 0.5rem;
}

.components-desc {
  font-size: 1rem;
  color: #64748b;
  max-width: 40rem;
}
.components-desc code {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
}

.component-section {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  padding: 2.5rem;
  margin-bottom: 2.5rem;
}

.component-section__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  color: #006cff;
  margin-bottom: 0.25rem;
}

.component-section__file {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 1.5rem;
}
.component-section__file code {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
}

.component-group {
  margin-bottom: 1.5rem;
}
.component-group:last-child {
  margin-bottom: 0;
}

.component-group__label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.625rem;
}

.component-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}

.component-row--cards {
  align-items: stretch;
}
.component-row--cards > * {
  flex: 1;
  min-width: 15rem;
  max-width: 22.5rem;
}

.docs-layout {
  display: flex;
  gap: 3rem;
  align-items: flex-start;
}

.docs-nav {
  width: 13.75rem;
  flex-shrink: 0;
  position: sticky;
  top: 2.5rem;
}

.docs-nav__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 0.875rem;
  font-weight: 600;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.625rem;
}

.docs-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.docs-nav__link {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0.625rem;
  border-radius: 0.375rem;
  text-decoration: none;
  color: #1e293b;
  transition: background-color 0.15s ease;
}
.docs-nav__link:hover {
  background-color: rgba(0, 0, 0, 0.04);
}
.docs-nav__link.is-active {
  background-color: #006cff;
  color: #fff;
}
.docs-nav__link.is-active .docs-nav__file {
  color: rgba(255, 255, 255, 0.7);
}

.docs-nav__label {
  font-size: 0.875rem;
  font-weight: 600;
}

.docs-nav__file {
  font-size: 0.6875rem;
  color: #64748b;
  font-family: monospace;
}

.docs-content {
  flex: 1;
  min-width: 0;
}

.docs-card {
  display: block;
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 0.625rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  text-decoration: none;
  color: #1e293b;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.docs-card:hover {
  border-color: #006cff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.docs-card__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  color: #006cff;
  margin-bottom: 0.25rem;
}

.docs-card__file {
  font-size: 0.875rem;
  color: #64748b;
  margin-bottom: 0.5rem;
}
.docs-card__file code {
  background-color: rgba(0, 0, 0, 0.06);
  padding: 0.125rem 0.375rem;
  border-radius: 0.25rem;
}

.docs-card__desc {
  font-size: 0.875rem;
  color: #64748b;
  line-height: 1.5;
}

.page-login {
  height: 100%;
}

.login-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .login-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.login-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 4.75rem;
  line-height: 5.25rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  text-transform: lowercase;
}
@media (max-width: 769px) {
  .login-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.login-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .login-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.login-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
@media (max-width: 769px) {
  .login-form {
    gap: 1.25rem;
  }
}
.login-form__label-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.login-form__forgot-link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #006cff;
  text-decoration: none;
  white-space: nowrap;
}
.login-form__forgot-link:hover {
  text-decoration: underline;
}
.login-form__actions {
  margin-top: 1.25rem;
}
.login-form__actions .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .login-form__actions {
    margin-top: 1rem;
  }
  .login-form__actions .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.text-input__icon--toggle {
  cursor: pointer;
  pointer-events: auto;
}

.login-separator {
  height: 0.125rem;
  background-color: #858886;
  margin: 0;
}
@media (max-width: 769px) {
  .login-separator {
    height: 0.0625rem;
  }
}

.login-register {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.login-register .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .login-register {
    gap: 1.5rem;
    align-items: center;
  }
  .login-register .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.register-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .register-text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.page-prereg {
  height: 100%;
}
.page-prereg .auth-visual--mobile img {
  -o-object-position: top center;
  object-position: top center;
}

.prereg-header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 769px) {
  .prereg-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.prereg-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 5rem;
  line-height: 5.5rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.prereg-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .prereg-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.prereg-body {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
}
@media (max-width: 769px) {
  .prereg-body {
    gap: 1.5rem;
  }
}

.prereg-actions {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 769px) {
  .prereg-actions {
    gap: 1.5rem;
  }
}

.prereg-cta .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .prereg-cta .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.prereg-info {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.prereg-info__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-info__text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.prereg-info__toggle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #006cff;
  text-decoration: none;
  cursor: pointer;
}
.prereg-info__toggle:hover {
  text-decoration: underline;
}
@media (max-width: 769px) {
  .prereg-info__toggle {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.prereg-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, opacity 0.3s ease, margin 0.4s ease;
  margin-top: -2rem;
}
@media (max-width: 769px) {
  .prereg-details {
    margin-top: -1.5rem;
  }
}
.prereg-details.is-open {
  max-height: 31.25rem;
  opacity: 1;
  margin-top: 0;
}
.prereg-details__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-details__title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.prereg-details__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-details__text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.prereg-details__link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #1c51a0;
  text-decoration: underline;
}
.prereg-details__link:hover {
  color: #0055cc;
}
@media (max-width: 769px) {
  .prereg-details__link {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.prereg-details__link--inline {
  color: #1c51a0;
  text-decoration: underline;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}
.prereg-details__link--inline:hover {
  color: #0055cc;
}

.prereg-bottom {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
}
@media (max-width: 769px) {
  .prereg-bottom {
    gap: 1.5rem;
  }
}

.prereg-separator {
  height: 0.125rem;
  background-color: #858886;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-separator {
    height: 0.0625rem;
  }
}

.prereg-login {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.prereg-login__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .prereg-login__text {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.prereg-login .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .prereg-login {
    gap: 1.5rem;
    align-items: center;
  }
  .prereg-login .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.page-register {
  height: 100%;
}

.register-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .register-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.register-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 3.125rem;
  line-height: 3.875rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .register-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.register-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .register-subtitle {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0;
  }
}

.register-form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 100%;
}
@media (max-width: 769px) {
  .register-form {
    gap: 1.25rem;
  }
}

.register-password-section {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .register-password-section {
    gap: 0.5rem;
  }
}
.register-password-section__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #006cff;
  margin: 0;
}
@media (max-width: 769px) {
  .register-password-section__title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

.register-password-rules {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2.5rem;
}
.register-password-rules__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.25rem;
  color: #006cff;
}
.register-password-rules__item::before {
  content: "";
  flex-shrink: 0;
  width: 0.875rem;
  height: 0.875rem;
  background-color: currentColor;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7.0875 5.25c.237 0 .43.177.437.399l.001.011v5.129c0 .226-.196.41-.437.41-.238 0-.431-.177-.438-.399L6.65 10.79V5.661c0-.227.196-.411.437-.411Z' fill='%23000'/%3E%3Cpath d='M7.0875 4.2a.787.787 0 1 0 0-1.575.787.787 0 0 0 0 1.575Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' d='M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm13.161 0A6.161 6.161 0 1 0 .84 7a6.161 6.161 0 0 0 12.322 0Z' fill='%23000'/%3E%3C/svg%3E");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M7.0875 5.25c.237 0 .43.177.437.399l.001.011v5.129c0 .226-.196.41-.437.41-.238 0-.431-.177-.438-.399L6.65 10.79V5.661c0-.227.196-.411.437-.411Z' fill='%23000'/%3E%3Cpath d='M7.0875 4.2a.787.787 0 1 0 0-1.575.787.787 0 0 0 0 1.575Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' d='M0 7a7 7 0 1 1 14 0A7 7 0 0 1 0 7Zm13.161 0A6.161 6.161 0 1 0 .84 7a6.161 6.161 0 0 0 12.322 0Z' fill='%23000'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}
.register-password-rules__item--error {
  color: #ef4444;
}
.register-password-rules__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: inherit;
}

.register-terms {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.register-terms .checkbox {
  align-items: flex-start;
  gap: 0.625rem;
}
.register-terms .checkbox__label {
  font-size: 1rem;
  line-height: 1.25rem;
  color: #006cff;
}
@media (max-width: 769px) {
  .register-terms .checkbox__label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
.register-terms__required {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  margin: 0;
  text-align: right;
}
@media (max-width: 769px) {
  .register-terms__required {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}

.register-consents {
  background-color: #fff;
  padding: 5rem 0;
}
@media (max-width: 769px) {
  .register-consents {
    padding: 1.5rem 0;
  }
}
.register-consents__box {
  background-color: #e5f0ff;
  border-radius: 0.5rem;
  padding: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  min-height: 7.5rem;
}
@media (max-width: 769px) {
  .register-consents__box {
    padding: 1.25rem;
    gap: 1.25rem;
  }
}
.register-consents__header {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.register-consents__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .register-consents__title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.register-consents__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 2rem;
  color: #333;
  margin: 0;
}
@media (max-width: 769px) {
  .register-consents__subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.register-consents__submit {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
}
@media (max-width: 769px) {
  .register-consents__submit {
    margin-top: 1.5rem;
  }
  .register-consents__submit .btn {
    width: 100%;
  }
}

.register-consent-card {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1.5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  overflow: hidden;
}
@media (max-width: 769px) {
  .register-consent-card {
    padding: 1.5rem;
    gap: 1.25rem;
  }
}
.register-consent-card__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  max-width: 50rem;
}
.register-consent-card__heading {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #373a36;
  margin: 0;
}
.register-consent-card__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #373a36;
  margin: 0;
}
@media (max-width: 769px) {
  .register-consent-card__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.register-consent-card__link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  text-decoration: underline;
}
.register-consent-card__link:hover {
  color: #0055cc;
}
@media (max-width: 769px) {
  .register-consent-card__link {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.register-consent-card__radios {
  display: flex;
  gap: 1.75rem;
  align-items: flex-start;
}
.register-consent-card__channels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.register-consent-card__channel {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.register-consent-card__channel-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #373a36;
  margin: 0;
}
@media (max-width: 769px) {
  .register-consent-card__channel-label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.marketing-consents .register-consent-card {
  background-color: #FBFBFB;
}
.marketing-consents .register-consents__box {
  background-color: #fff;
}

.page-reset-pass {
  height: 100%;
}

.reset-pass-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .reset-pass-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.reset-pass-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 4.875rem;
  line-height: 5.625rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  text-transform: lowercase;
}
@media (max-width: 769px) {
  .reset-pass-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.reset-pass-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .reset-pass-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.reset-pass-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.reset-pass-form__actions {
  margin-top: 1.25rem;
}
.reset-pass-form__actions .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .reset-pass-form__actions {
    margin-top: 1rem;
  }
  .reset-pass-form__actions .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.page-reset-pass-info {
  height: 100%;
}
.page-reset-pass-info .reset-pass-title {
  font-size: 3.875rem;
  line-height: 4.625rem;
}
@media (max-width: 769px) {
  .page-reset-pass-info .reset-pass-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.reset-info-contact {
  display: none;
}
@media (max-width: 769px) {
  .reset-info-contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 1.5rem;
  }
}
.reset-info-contact__text {
  display: flex;
  flex-direction: column;
}
.reset-info-contact__heading {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.5rem;
  color: #333;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .reset-info-contact__heading {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.reset-info-contact__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 2.5rem;
  color: #333;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .reset-info-contact__desc {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
  }
}
.reset-info-contact__btn {
  width: 100%;
  height: 2.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding: 0.5rem 1.625rem;
}

.page-change-pass {
  height: 100%;
}

.change-pass-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .change-pass-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.change-pass-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 3.875rem;
  line-height: 4.625rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  text-transform: lowercase;
}
@media (max-width: 769px) {
  .change-pass-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.change-pass-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .change-pass-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.change-pass-form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.change-pass-form__actions {
  margin-top: 1.25rem;
}
.change-pass-form__actions .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .change-pass-form__actions {
    margin-top: 1rem;
  }
  .change-pass-form__actions .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}
.change-pass-form .register-password-rules {
  margin-bottom: 0;
}

.change-pass-rules {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-left: 0.25rem;
}
.change-pass-rules__item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.change-pass-rules__item.is-valid .change-pass-rules__text {
  color: #006cff;
  opacity: 1;
}
.change-pass-rules__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #006cff;
  letter-spacing: 0;
}

.page-change-pass-info {
  height: 100%;
}

.change-pass-info-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (max-width: 769px) {
  .change-pass-info-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.change-pass-info-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 3.875rem;
  line-height: 4.625rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  text-transform: lowercase;
}
@media (max-width: 769px) {
  .change-pass-info-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.change-pass-info-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 2rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .change-pass-info-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.change-pass-info-actions .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .change-pass-info-actions .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.page-register-info {
  height: 100%;
}

.register-info-header {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 769px) {
  .register-info-header {
    align-items: center;
    text-align: center;
    gap: 0.75rem;
  }
}

.register-info-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 3.75rem;
  line-height: 4.5rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 769px) {
  .register-info-title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

.register-info-subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.875rem;
  line-height: 2.375rem;
  font-weight: 500;
  color: #006cff;
  margin: 0;
  letter-spacing: -0.078125rem;
}
@media (max-width: 769px) {
  .register-info-subtitle {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0;
  }
}

.register-info-actions .btn {
  width: 11.875rem;
}
@media (max-width: 769px) {
  .register-info-actions {
    width: 100%;
  }
  .register-info-actions .btn {
    width: 100%;
    height: 2.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.5rem 1.625rem;
  }
}

.register-info-separator {
  border: none;
  border-top: 2px solid #858886;
  margin: 0;
  width: 100%;
}

.register-info-legal {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #606060;
  letter-spacing: 0;
  margin: 0;
}
.register-info-legal__link {
  font-weight: 700;
  color: #006cff;
  text-decoration: none;
}
.register-info-legal__link:hover {
  text-decoration: underline;
}
@media (max-width: 769px) {
  .register-info-legal {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.products-hero {
  text-align: center;
  padding: 2.5rem 0;
}
@media (min-width: 1024px) {
  .products-hero {
    padding: 4rem 0 3rem;
  }
}
.products-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 2.5rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0 0 0.875rem;
}
@media (min-width: 1024px) {
  .products-hero__title {
    font-size: 2.8125rem;
    line-height: 4.5rem;
    margin-bottom: 1.875rem;
  }
}
.products-hero__description {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #333;
  margin: 0 auto;
}
@media (min-width: 640px) {
  .products-hero__description {
    max-width: 35rem;
  }
}
@media (min-width: 1024px) {
  .products-hero__description {
    max-width: 62.125rem;
    font-size: 1.125rem;
    line-height: 2rem;
  }
}
.products-hero__description strong {
  font-weight: 700;
}
.products-hero__description p {
  margin: 0 0 1.25rem;
}
.products-hero__description p:last-child {
  margin-bottom: 0;
}
.products-hero__cta {
  margin-top: 1.25rem;
}
.products-hero__cta .btn {
  width: 100%;
}
@media (min-width: 640px) {
  .products-hero__cta .btn {
    width: auto;
    max-width: 17.5rem;
    margin: 0 auto;
  }
}
@media (min-width: 1024px) {
  .products-hero__cta .btn {
    width: auto;
    max-width: none;
  }
}

.products-listing {
  padding: 0 0 4rem;
}

.products-grid {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .products-grid {
    display: grid;
    grid-template-columns: repeat(3, calc((100% - 5rem) / 3));
    gap: 2.5rem 2.5rem;
    justify-content: center;
  }
}

@keyframes filterCardReveal {
  0% {
    opacity: 0;
    transform: translateY(1.75rem) scale(0.92);
    filter: blur(0.375rem);
  }
  60% {
    opacity: 1;
    filter: blur(0);
  }
  80% {
    transform: translateY(-0.1875rem) scale(1.01);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
  }
}
@keyframes filterCardHide {
  0% {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
  100% {
    opacity: 0;
    transform: scale(0.85);
    filter: blur(0.25rem);
  }
}
.product-card {
  will-change: transform, opacity, filter;
}
.product-card--filter-reveal {
  animation: filterCardReveal 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
  animation-delay: var(--stagger-delay, 0ms);
}
.product-card--filter-hide {
  animation: filterCardHide 0.25s cubic-bezier(0.4, 0, 1, 1) both;
  pointer-events: none;
}
.product-card--filter-hidden {
  display: none !important;
}

.marketing-consents-hero {
  padding: 2.5rem 0 0;
  text-align: center;
}
@media (max-width: 769px) {
  .marketing-consents-hero {
    padding: 1.5rem 0 0;
  }
}
.marketing-consents-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0 0 2.5rem;
}
@media (max-width: 769px) {
  .marketing-consents-hero__title {
    font-size: 1.75rem;
    line-height: 2.5rem;
    margin: 0 0 1rem;
  }
}
.marketing-consents-hero__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
  max-width: 59.8125rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 769px) {
  .marketing-consents-hero__subtitle {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0;
  }
}

.marketing-consents {
  padding: 2.5rem 0 0;
}
@media (max-width: 769px) {
  .marketing-consents {
    padding: 1.5rem 0 0;
  }
}
.marketing-consents__submit {
  display: flex;
  justify-content: center;
  margin-top: 2.5rem;
  padding-bottom: 6.25rem;
}
@media (max-width: 769px) {
  .marketing-consents__submit {
    margin-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .marketing-consents__submit .btn {
    width: 100%;
  }
}

.page-marketing-consents .main-content {
  background-color: #E5F0FF;
}

.page-voucher .voucher {
  padding: 4rem 0 0;
  background-color: #E5F0FF;
}
.page-voucher .voucher__hero {
  display: flex;
  gap: 5.5rem;
  align-items: flex-start;
  margin-bottom: 4rem;
}
.page-voucher .voucher__image-wrapper {
  flex-shrink: 0;
  width: 36.1875rem;
  height: 36.1875rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
.page-voucher .voucher__image {
  width: 130%;
  height: 130%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.page-voucher .voucher__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex-basis: 50%;
}
.page-voucher .voucher__header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-voucher .voucher__titles {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-voucher .voucher__title {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 3.875rem;
  line-height: 4.5rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0;
}
.page-voucher .voucher__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2.5rem;
  letter-spacing: -0.078125rem;
  color: #3a3d3f;
  margin: 0;
}
.page-voucher .voucher__exchange {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-voucher .voucher__price {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 2rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #006cff;
  margin: 0;
}
.page-voucher .voucher__cta {
  width: 15.0625rem;
}
.page-voucher .voucher__notice {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  overflow: hidden;
}
.page-voucher .voucher__notice-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__notice-link {
  color: #006cff;
  text-decoration: underline;
}
.page-voucher .voucher__validity {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page-voucher .voucher__validity-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__validity-date {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
}
.page-voucher .voucher__validity-icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
}
.page-voucher .voucher__description-box {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page-voucher .voucher__description-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__description-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__instruction-box {
  background-color: #fff;
  border: 1px solid #e6e7e8;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 4rem;
}
.page-voucher .voucher__instruction-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__instruction-content {
  overflow: hidden;
  max-height: 9.625rem;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.page-voucher .voucher__instruction-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
}
.page-voucher .voucher__instruction-text p {
  margin: 0 0 0.75rem;
}
.page-voucher .voucher__instruction-text p:last-child {
  margin-bottom: 0;
}
.page-voucher .voucher__instruction-text strong {
  font-weight: 700;
}
.page-voucher .voucher__instruction-text ol {
  margin: 0 0 0.75rem;
  padding-left: 1.5rem;
  list-style: decimal;
}
.page-voucher .voucher__instruction-text ol:last-child {
  margin-bottom: 0;
}
.page-voucher .voucher__instruction-text li {
  margin-bottom: 0.125rem;
}
.page-voucher .voucher__instruction-text li:last-child {
  margin-bottom: 0;
}
.page-voucher .voucher__read-more {
  display: none;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}
.page-voucher .voucher__read-more.is-visible {
  display: block;
}
.page-voucher .voucher__info-banners {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .page-voucher .voucher__info-banners {
    padding-bottom: 6.25rem;
  }
}
.page-voucher .voucher__info-banner {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #fbfbfb;
  border-radius: 0.5rem;
  padding: 1.25rem;
  color: #006cff;
}
.page-voucher .voucher__info-icon {
  flex-shrink: 0;
  width: 2.375rem;
  height: 2.375rem;
}
.page-voucher .voucher__info-icon svg {
  width: 100%;
  height: 100%;
  color: #006cff;
}
.page-voucher .voucher__info-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__redeemed-ribbon {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  background-color: rgba(0, 194, 255, 0.15);
  border-radius: 0.5rem;
  padding: 0.125rem 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #006cff;
  max-width: 15.3125rem;
}
.page-voucher .voucher__code-box {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  padding: 0.75rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page-voucher .voucher__code-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #333;
  margin: 0;
}
.page-voucher .voucher__code-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.page-voucher .voucher__code-value {
  flex: 1;
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #006cff;
}
.page-voucher .voucher__copy-btn {
  font-size: 1.125rem;
}
.page-voucher .voucher__download-box {
  border: 1px solid #d3d3d3;
  border-radius: 0.5rem;
  background-color: #fff;
  padding: 0.75rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-voucher .voucher__download-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  color: #3a3d3f;
  margin: 0;
  max-width: 16.75rem;
}
.page-voucher .voucher__download-btn {
  width: 11.875rem;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .page-voucher .voucher {
    padding: 1.5rem 0 0;
  }
  .page-voucher .voucher__hero {
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 2rem;
  }
  .page-voucher .voucher__image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .page-voucher .voucher__content {
    max-width: 100%;
  }
  .page-voucher .voucher__title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .page-voucher .voucher__subtitle {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .page-voucher .voucher__price {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .page-voucher .voucher__cta {
    display: none;
  }
  .page-voucher .voucher__notice-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .page-voucher .voucher__instruction-box {
    margin-bottom: 1.5rem;
  }
  .page-voucher .voucher__instruction-content {
    max-height: 11.25rem;
  }
  .page-voucher .voucher__info-text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .page-voucher .voucher__code-box {
    display: none;
  }
  .page-voucher .voucher__code-row {
    flex-direction: column;
    align-items: stretch;
  }
  .page-voucher .voucher__code-value {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .page-voucher .voucher__copy-btn {
    width: 100%;
  }
}
.page-voucher .voucher__mobile-code {
  display: none;
}
@media (max-width: 1023px) {
  .page-voucher .voucher__mobile-code {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.125rem;
    position: sticky;
    bottom: 0;
    z-index: 200;
    background-color: #fff;
    padding: 1rem 1.25rem 0.75rem;
    box-shadow: 0 -8px 20px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    background-color: #ffe800;
  }
  .page-voucher .voucher__mobile-code.is-unpinned {
    box-shadow: none;
    background-color: #E5F0FF;
  }
  .page-voucher .voucher__mobile-code-row {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
    text-transform: uppercase;
  }
  .page-voucher .voucher__mobile-code-label {
    flex: 1;
    font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    color: #3a3d3f;
  }
  .page-voucher .voucher__mobile-code-value {
    flex-shrink: 0;
    font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0.125rem;
    color: #006cff;
  }
}
.page-voucher .voucher__mobile-cta {
  display: none;
}
@media (max-width: 1023px) {
  .page-voucher .voucher__mobile-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.125rem;
    position: sticky;
    bottom: 0;
    z-index: 200;
    background-color: #fff;
    padding: 1rem 1.25rem 0.75rem;
    box-shadow: 0 -8px 20px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
  }
  .page-voucher .voucher__mobile-cta.is-unpinned {
    box-shadow: none;
  }
  .page-voucher .voucher__mobile-cta-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    width: 100%;
  }
  .page-voucher .voucher__mobile-cta-title {
    flex: 1;
    font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #333;
    margin: 0;
  }
  .page-voucher .voucher__mobile-cta-name {
    display: block;
    font-weight: 700;
  }
  .page-voucher .voucher__mobile-cta-value {
    display: block;
    font-weight: 400;
    letter-spacing: -0.03125rem;
  }
  .page-voucher .voucher__mobile-cta-price {
    flex-shrink: 0;
    font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    color: #0055cc;
    margin: 0;
  }
  .page-voucher .voucher__mobile-cta-btn {
    width: 100%;
  }
}
.page-voucher .voucher__mobile-download {
  display: none;
}
.page-voucher .voucher__mobile-download-sentinel {
  display: none;
}
@media (max-width: 1023px) {
  .page-voucher .voucher__download-box {
    display: none;
  }
  .page-voucher .voucher__mobile-download {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    position: sticky;
    bottom: 0;
    z-index: 200;
    background-color: #fff;
    padding: 1rem 1.25rem 0.75rem;
    box-shadow: 0 -8px 20px 0 rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    background-color: #ffe800;
  }
  .page-voucher .voucher__mobile-download.is-unpinned {
    box-shadow: none;
    background-color: #E5F0FF;
  }
  .page-voucher .voucher__mobile-download-label {
    width: 100%;
    font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
    text-transform: uppercase;
    color: #3a3d3f;
    margin: 0;
  }
  .page-voucher .voucher__mobile-download-btn {
    width: 100%;
  }
  .page-voucher .voucher__mobile-download-sentinel {
    display: block;
  }
}

.page-vouchers .vouchers-hero {
  padding: 4rem 0 3rem;
  text-align: center;
}
.page-vouchers .vouchers-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
.page-vouchers .vouchers-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.5rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0;
}
.page-vouchers .vouchers-hero__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  margin: 0;
  max-width: 78.75rem;
}
.page-vouchers .vouchers-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
.page-vouchers .vouchers-section-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  margin: 0;
}
.page-vouchers .vouchers-section-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #006cff;
}
.page-vouchers .vouchers-catalog {
  padding-bottom: 4rem;
}
.page-vouchers .vouchers-catalog .vouchers-section-header {
  margin-bottom: 2.5rem;
}
.page-vouchers .vouchers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
}
.page-vouchers .vouchers-grid--special {
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
}
.page-vouchers .vouchers-grid--special .voucher-card:only-child {
  grid-column: 2;
}
.page-vouchers .voucher-special__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-vouchers .voucher-special__container {
    border-radius: var(--radius-md, 0.5rem);
    border: 1px solid #D9D9D9;
    padding: 1.75rem;
  }
}
.page-vouchers .vouchers-special {
  padding-bottom: 6.25rem;
}
.page-vouchers .vouchers-special__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.page-vouchers .vouchers-special__description {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0;
  max-width: 62.5rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 1024px) {
  .page-vouchers .vouchers-special__description {
    margin-bottom: 2.5rem;
  }
}
.page-vouchers .vouchers-special__progress {
  display: flex;
  justify-content: center;
  width: 100%;
  max-width: 52rem;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .page-vouchers .vouchers-special__progress {
    margin-bottom: 1.25rem;
  }
}
.page-vouchers .alert-banner {
  margin: 0 auto 2.5rem;
  max-width: 38.8125rem;
}
@media (max-width: 1023px) {
  .page-vouchers .vouchers-hero {
    padding: 2rem 0;
  }
  .page-vouchers .vouchers-hero__content {
    gap: 1.5rem;
  }
  .page-vouchers .vouchers-hero__title {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
  .page-vouchers .vouchers-hero__subtitle {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .page-vouchers .vouchers-section-header {
    gap: 1rem;
  }
  .page-vouchers .vouchers-section-title {
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: center;
  }
  .page-vouchers .vouchers-catalog {
    padding-bottom: 2.5rem;
  }
  .page-vouchers .vouchers-catalog .vouchers-section-header {
    margin-bottom: 2rem;
  }
  .page-vouchers .vouchers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .page-vouchers .vouchers-grid--special {
    grid-template-columns: repeat(1, 1fr);
    justify-items: center;
  }
  .page-vouchers .vouchers-grid--special .voucher-card:only-child {
    grid-column: auto;
    width: 50%;
  }
  .page-vouchers .vouchers-special {
    padding-bottom: 4rem;
  }
  .page-vouchers .vouchers-special__content {
    gap: 1.25rem;
    margin-bottom: 2rem;
  }
  .page-vouchers .vouchers-special__description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .page-vouchers .alert-banner {
    margin-bottom: 2rem;
  }
}
@media (max-width: 639px) {
  .page-vouchers .vouchers-grid,
  .page-vouchers .vouchers-grid--special {
    grid-template-columns: 1fr;
  }
  .page-vouchers .vouchers-grid .voucher-card:only-child,
  .page-vouchers .vouchers-grid--special .voucher-card:only-child {
    width: 100%;
  }
  .page-vouchers .vouchers-special__content {
    margin-bottom: 0;
  }
}

.video-hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer;
  background: #000;
  aspect-ratio: 9/16;
}
@media (min-width: 769px) {
  .video-hero {
    aspect-ratio: 16/9;
    max-height: 90vh;
  }
}

.video-hero__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
  display: block;
}

.video-hero__video--desktop {
  display: none;
}
@media (min-width: 769px) {
  .video-hero__video--desktop {
    display: block;
  }
}

.video-hero__video--mobile {
  display: block;
}
@media (min-width: 769px) {
  .video-hero__video--mobile {
    display: none;
  }
}

.video-hero__controls {
  position: absolute;
  bottom: 1.25rem;
  right: 1.25rem;
  z-index: 10;
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
@media (min-width: 769px) {
  .video-hero__controls {
    bottom: 2rem;
    right: 2rem;
  }
}

.video-hero__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.6);
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(0.5rem);
  color: #fff;
  cursor: pointer;
  transition: opacity 0.3s ease, transform 0.2s ease, background 0.3s ease;
  padding: 0;
}
.video-hero__btn:hover {
  background: rgba(0, 0, 0, 0.6);
  border-color: #fff;
  transform: scale(1.05);
}
.video-hero__btn:active {
  transform: scale(0.95);
}

.video-hero__icon--unmuted {
  display: none;
}

.video-hero__icon--muted {
  display: block;
}

.video-hero.is-unmuted .video-hero__icon--muted {
  display: none;
}
.video-hero.is-unmuted .video-hero__icon--unmuted {
  display: block;
}

@media (min-width: 769px) {
  .video-hero__controls {
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .video-hero:hover .video-hero__controls {
    opacity: 1;
  }
  .video-hero.is-muted .video-hero__controls {
    opacity: 1;
  }
}
@media (max-width: 769px) {
  .video-hero.is-muted .video-hero__controls {
    opacity: 1;
  }
  .video-hero.is-unmuted .video-hero__controls {
    opacity: 0.6;
  }
}
.historia-header {
  text-align: center;
  padding: 2.5rem 0 0;
}
@media (min-width: 769px) {
  .historia-header {
    padding: 0;
  }
}

.historia-header__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  scroll-margin-top: 97px;
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media (min-width: 769px) {
  .historia-header__title {
    font-size: 4rem;
    line-height: 4.5rem;
    scroll-margin-top: 200px;
  }
}

.historia-header__description {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  margin-top: 0.5rem;
  font-size: 1rem;
  line-height: 1.75rem;
}
@media (min-width: 769px) {
  .historia-header__description {
    font-size: 2.25rem;
    line-height: 2.75rem;
    letter-spacing: -0.078125rem;
    max-width: 78.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.875rem;
  }
}
.historia-header__description strong {
  font-weight: 600;
}

.historia-manifesto {
  text-align: center;
}
.historia-manifesto .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 769px) {
  .historia-manifesto .container {
    gap: 5rem;
  }
}

.historia-manifesto__heading {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  font-size: 1.625rem;
  line-height: 2.25rem;
}
@media (min-width: 769px) {
  .historia-manifesto__heading {
    font-size: 2.875rem;
    line-height: 3.375rem;
  }
}
@media (min-width: 769px) {
  .historia-manifesto__heading--large {
    font-size: 4rem;
    line-height: 4.75rem;
  }
}

.historia-manifesto__text {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  font-size: 1.25rem;
  line-height: 2rem;
}
@media (min-width: 769px) {
  .historia-manifesto__text {
    font-size: 1.875rem;
    line-height: 2.625rem;
    letter-spacing: -0.078125rem;
  }
}
.historia-manifesto__text strong {
  font-weight: 700;
}

.historia-manifesto__line {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.5625rem;
}
@media (min-width: 769px) {
  .historia-manifesto__line {
    height: 4.375rem;
  }
}

.historia-manifesto__heading {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  max-width: 900px;
  transform: translateY(1.5rem);
  filter: blur(0.375rem);
  text-box-trim: trim-both;
  transition: clip-path 0.9s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.16, 1, 0.3, 1), transform 0.9s cubic-bezier(0.16, 1, 0.3, 1), filter 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.historia-manifesto__heading.is-visible {
  clip-path: inset(0 0% 0 0);
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

.historia-manifesto__text {
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  max-width: 900px;
  transform: translateY(0.75rem);
  transition: clip-path 0.75s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}
.historia-manifesto__text.is-visible {
  clip-path: inset(0 0% 0 0);
  opacity: 1;
  transform: translateY(0);
}

.historia-manifesto__line svg {
  display: block;
  height: 4.375rem;
  width: 0.125rem;
  overflow: visible;
}
.historia-manifesto__line path {
  stroke-dasharray: 70;
  stroke-dashoffset: 70;
  transition: stroke-dashoffset 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}
.historia-manifesto__line.is-visible path {
  stroke-dashoffset: 0;
}

.historia-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  margin-top: 0;
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.historia-cta.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.historia-cta__icon {
  border-radius: 0.9275rem;
  overflow: hidden;
  width: 8.625rem;
  height: 8.625rem;
}
@media (max-width: 769px) {
  .historia-cta__icon {
    width: 5.1875rem;
    height: 5.1875rem;
    border-radius: 0.90625rem;
  }
}
.historia-cta__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  display: block;
}

.page-historia-camel .main-content {
  background-color: #ffe800;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
@media (min-width: 769px) {
  .page-historia-camel .main-content {
    gap: 5rem;
  }
}
.page-historia-camel .main-content {
  padding-bottom: 6.25rem;
}
@media (max-width: 769px) {
  .page-historia-camel .main-content {
    padding-bottom: 4rem;
  }
}
.page-historia-camel .video-hero {
  align-self: stretch;
  max-width: none;
}
@media (min-width: 769px) {
  .page-historia-camel .slider-history {
    max-width: 120rem;
  }
}

.page-odebrane-nagrody .main-content {
  background: #E5F0FF;
}
.page-odebrane-nagrody .vouchers-hero {
  padding: 4rem 0 3rem;
  text-align: center;
}
.page-odebrane-nagrody .vouchers-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
}
.page-odebrane-nagrody .vouchers-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.75rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0;
}
.page-odebrane-nagrody .vouchers-hero__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0;
  max-width: 59.8125rem;
}
.page-odebrane-nagrody .progress-counter {
  background-color: rgba(0, 194, 255, 0.15);
}
.page-odebrane-nagrody .redeemed-vouchers {
  padding-bottom: 6.25rem;
}
.page-odebrane-nagrody .vouchers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.375rem;
}
.page-odebrane-nagrody .voucher-card--redeemed {
  background-color: #fff;
  text-decoration: none;
  color: inherit;
}
.page-odebrane-nagrody .voucher-card--redeemed .voucher-card__ribbon {
  color: #006cff;
}
.page-odebrane-nagrody .voucher-card__ribbon--redeemed {
  background-color: rgba(0, 194, 255, 0.15);
}
.page-odebrane-nagrody .redeemed-vouchers-empty {
  padding-bottom: 6.25rem;
}
.page-odebrane-nagrody .redeemed-vouchers-empty__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}
.page-odebrane-nagrody .redeemed-vouchers-empty__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 2rem;
  color: #333;
  text-align: center;
  margin: 0;
  max-width: 42.5rem;
}
@media (max-width: 1023px) {
  .page-odebrane-nagrody .vouchers-hero {
    padding: 2rem 0;
  }
  .page-odebrane-nagrody .vouchers-hero__content {
    gap: 1.5rem;
  }
  .page-odebrane-nagrody .vouchers-hero__title {
    font-size: 1.75rem;
    line-height: 3rem;
  }
  .page-odebrane-nagrody .vouchers-hero__subtitle {
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0;
  }
  .page-odebrane-nagrody .redeemed-vouchers {
    padding-bottom: 4rem;
  }
  .page-odebrane-nagrody .redeemed-vouchers-empty {
    padding-bottom: 4rem;
  }
  .page-odebrane-nagrody .vouchers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 639px) {
  .page-odebrane-nagrody .vouchers-grid {
    grid-template-columns: 1fr;
  }
}

.page-kontakt .main-content {
  background-color: #E5F0FF;
}
.page-kontakt .kontakt-header {
  padding-top: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-header {
    padding-top: 6rem;
  }
}
.page-kontakt .kontakt-header__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  line-height: 1.2em;
  font-size: 1.75rem;
  margin-bottom: 0;
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-header__title {
    font-size: 4rem;
  }
}
.page-kontakt .kontakt-header__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  color: #006cff;
  margin-top: 0.875rem;
  letter-spacing: -0.078125rem;
  font-size: 0.875rem;
  line-height: 1.2em;
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-header__subtitle {
    margin-top: 1rem;
    line-height: 2.75rem;
    margin-bottom: 2.5rem;
    max-width: 59.8125rem;
    margin-left: auto;
    margin-right: auto;
    font-size: 2.25rem;
  }
}
.page-kontakt .kontakt-info {
  padding: 2.5rem 0;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-info {
    padding: 1.25rem 0;
    padding-bottom: 6.25rem;
  }
}
.page-kontakt .kontakt-info__card {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  justify-content: space-between;
  min-height: 37.5rem;
}
@media (min-width: 769px) {
  .page-kontakt .kontakt-info__card {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2.5rem 0.75rem;
    min-height: auto;
  }
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-info__card {
    flex-wrap: nowrap;
  }
}
.page-kontakt .kontakt-info__item {
  text-align: center;
  padding: 1.25rem 0;
  width: 100%;
}
@media (min-width: 769px) {
  .page-kontakt .kontakt-info__item {
    width: 50%;
  }
}
@media (min-width: 1024px) {
  .page-kontakt .kontakt-info__item {
    width: 18.5625rem;
    padding: 0;
  }
}
.page-kontakt .kontakt-info__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0 0 1.3093125rem;
  font-size: 1.375rem;
  line-height: 1.875rem;
}
@media (min-width: 1280px) {
  .page-kontakt .kontakt-info__label {
    font-size: clamp(22px, 22px + 6px * (100vw - 320px) / 160px, 28px);
    line-height: 2.375rem;
    margin-bottom: 1.3125rem;
  }
}
.page-kontakt .kontakt-info__value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: 0.03125rem;
}
@media (min-width: 1280px) {
  .page-kontakt .kontakt-info__value {
    font-size: clamp(22px, 22px + 6px * (100vw - 320px) / 160px, 28px);
    line-height: 2.5rem;
  }
}
.page-kontakt .kontakt-info__value--link {
  display: block;
  text-decoration: none;
  color: #333;
}
.page-kontakt .kontakt-info__value--link:hover {
  text-decoration: underline;
}

.page-moj-profil .main-content {
  background: #e5f0ff;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .main-content {
    padding-bottom: 6.25rem;
  }
}
.page-moj-profil .profil-header {
  padding-top: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-header {
    padding-top: 6rem;
  }
}
.page-moj-profil .profil-header__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  line-height: 1em;
  font-size: 1.75rem;
  margin-bottom: 0.875rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-header__title {
    margin-bottom: 2.5rem;
    font-size: 4rem;
  }
}
.page-moj-profil .profil-header__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  letter-spacing: -0.078125rem;
  font-size: 0.875rem;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-header__subtitle {
    line-height: 44px;
    font-size: 2.25rem;
  }
}
.page-moj-profil .profil-cards {
  padding-top: 2.5rem;
}
.page-moj-profil .profil-cards .container {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
}
.page-moj-profil .profil-card {
  background: #fff;
  border: 1px solid #858886;
  border-radius: 0.5rem;
  padding: 1.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card {
    padding: 1.75rem;
    border-color: #e6e7e8;
  }
}
.page-moj-profil .profil-card--points {
  background: #e5f0ff;
  border-color: transparent;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card--points {
    background: #fff;
    border-color: #e6e7e8;
  }
}
.page-moj-profil .profil-card__body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.page-moj-profil .profil-card__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__text {
    font-size: 1.25rem;
    line-height: 2rem;
  }
}
.page-moj-profil .profil-card__text--bold {
  font-weight: 700;
}
.page-moj-profil .profil-card__action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
  text-decoration: none;
  color: #006cff;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__action {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-moj-profil .profil-card__action-arrow {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__action-arrow {
    width: 2.375rem;
    height: 2.375rem;
  }
}
.page-moj-profil .profil-card__header-row {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__header-row {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 5.9375rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__header-row .profil-card__title {
    margin-bottom: 0;
  }
}
.page-moj-profil .profil-card__action--badge {
  gap: 0.75rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__action--badge {
    display: flex !important;
    flex-direction: row;
  }
}
.page-moj-profil .profil-card__action--badge .profil-card__badge-img {
  width: 2.375rem;
  height: 2.375rem;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}
.page-moj-profil .profil-card__action--badge span {
  font-size: 0.75rem;
  line-height: 1rem;
  color: #006cff;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-card__action--badge span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
.page-moj-profil .profil-card--extra {
  background: #fff;
}
.page-moj-profil .profil-data {
  background: #fbfbfb;
  border-radius: 0.5rem;
  padding: 1.5rem;
  overflow: hidden;
  margin-bottom: 0.75rem;
}
.page-moj-profil .profil-data--row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-data--row {
    flex-direction: row;
  }
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-data--two-col .profil-data__field {
    flex: 1;
  }
}
.page-moj-profil .profil-data--edit-pass {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-data--edit-pass {
    flex-direction: row;
    align-items: flex-start;
  }
}
.page-moj-profil .profil-data--edit-pass .profil-card__action {
  margin-left: auto;
}
.page-moj-profil .profil-data__field {
  display: flex;
  flex-direction: column;
  padding-bottom: 0.625rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-data__field {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-data__field--password {
    flex: 0 0 50%;
  }
}
.page-moj-profil .profil-data__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #606060;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.6875rem;
}
.page-moj-profil .profil-data__value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #606060;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.page-moj-profil .profil-info-banner {
  display: flex;
  gap: 0.625rem;
  align-items: flex-start;
  background: #fbfbfb;
  border-radius: 0.5rem;
  padding: 1.125rem;
  margin-top: 1.25rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-info-banner {
    padding: 1.25rem;
    align-items: center;
    margin-top: 2.5rem;
  }
}
.page-moj-profil .profil-info-banner__icon {
  width: 1.3125rem;
  height: 1.3125rem;
  flex-shrink: 0;
  opacity: 0.75;
  color: #333;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-info-banner__icon {
    width: 2rem;
    height: 2rem;
  }
}
.page-moj-profil .profil-info-banner__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #3a3d3f;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
@media (min-width: 1024px) {
  .page-moj-profil .profil-info-banner__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-moj-profil .dialog-zmien-haslo__header {
  text-align: center;
}
.page-moj-profil .dialog-zmien-haslo__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  margin: 0 0 0.75rem;
}
.page-moj-profil .dialog-zmien-haslo__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  font-size: 1.25rem;
  line-height: 2rem;
  margin: 0;
}
.page-moj-profil .dialog-zmien-haslo__contact {
  text-align: center;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
}
.page-moj-profil .dialog-zmien-haslo__contact-title {
  font-weight: 700;
  margin: 0;
}
.page-moj-profil .dialog-zmien-haslo__contact-text {
  font-weight: 400;
  margin: 0;
}

.profil-card__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  margin: 0 0 1.25rem;
  font-size: clamp(20px, 20px + 6px * (100vw - 320px) / 160px, 26px);
  line-height: 2rem;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .profil-card__title {
    line-height: 2.25rem;
    margin-bottom: 2rem;
  }
}

.page-zdobyte-punkty .main-content {
  background: #e5f0ff;
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .main-content {
    padding-bottom: 6.25rem;
  }
}
.page-zdobyte-punkty .punkty-header {
  padding-top: 3rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-header {
    padding-top: 6rem;
  }
}
.page-zdobyte-punkty .punkty-header__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  line-height: 1em;
  font-size: 1.75rem;
  margin-bottom: 0.875rem;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-header__title {
    font-size: 4rem;
    margin-bottom: 2.5rem;
  }
}
.page-zdobyte-punkty .punkty-header__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  letter-spacing: -0.078125rem;
  font-size: 0.875rem;
  line-height: 1.2em;
  margin: 0;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-header__subtitle {
    font-size: 2.25rem;
    line-height: 44px;
  }
}
.page-zdobyte-punkty .punkty-section {
  padding-top: 2.5rem;
}
.page-zdobyte-punkty .punkty-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-wrapper {
    padding: 1.75rem;
    border: 1px solid #e6e7e8;
    border-radius: 0.5rem;
    background: #fff;
  }
}
@media (max-width: 1024px) {
  .page-zdobyte-punkty .profil-card.profil-card--points {
    padding: 1.25rem;
    border-color: transparent;
    border-radius: 0.5rem;
    background: #e5f0ff;
  }
}
.page-zdobyte-punkty .punkty-historia {
  border: 1px solid #e6e7e8;
  background: #fff;
  border-radius: 0.5rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia {
    padding: 1.5rem 2rem;
    background: #fbfbfb;
    border: 0;
    display: table;
  }
}
.page-zdobyte-punkty .punkty-historia__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  margin: 0 0 0.625rem;
  font-size: clamp(20px, 20px + 6px * (100vw - 320px) / 160px, 26px);
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
}
.page-zdobyte-punkty .punkty-historia__header {
  display: none;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__header {
    display: table-row;
    align-items: center;
    padding-bottom: 0.25rem;
  }
}
.page-zdobyte-punkty .punkty-historia__col {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #606060;
  font-size: 0.75rem;
  line-height: 1rem;
  display: table-cell;
}
.page-zdobyte-punkty .punkty-historia__col--date {
  width: 10.625rem;
  flex-shrink: 0;
}
.page-zdobyte-punkty .punkty-historia__col--points {
  width: 9.375rem;
}
.page-zdobyte-punkty .punkty-historia__col--balance {
  width: 6.25rem;
}
.page-zdobyte-punkty .punkty-historia__row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1rem 0;
  background: #fbfbfb;
  padding: 1.5rem;
  border-radius: 0.5rem;
}
.page-zdobyte-punkty .punkty-historia__row:last-child {
  border-bottom: none;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__row {
    display: table-row;
    margin: 0 0 1.25rem;
  }
}
.page-zdobyte-punkty .punkty-historia__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #606060;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-bottom: 0.25rem;
  margin-top: 0.75rem;
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__label {
    display: none;
  }
}
.page-zdobyte-punkty .punkty-historia__label:first-child {
  margin-top: 0;
}
@media (max-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__label--order-mobile {
    order: 0;
    flex-basis: 50%;
  }
}
@media (max-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__label--order-mobile-2 {
    order: 1;
    flex-basis: 50%;
  }
}
.page-zdobyte-punkty .punkty-historia__cell {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #606060;
  font-size: 0.875rem;
  line-height: 1.25rem;
  flex-basis: 100%;
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell {
    font-size: 1.125rem;
    line-height: 1.5rem;
    display: table-cell;
    padding: 0.5rem 0;
  }
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--date {
    width: 10.625rem;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--details {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--points {
    width: 9.375rem;
    flex-shrink: 0;
  }
}
@media (min-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--balance {
    width: 6.25rem;
    flex-shrink: 0;
  }
}
.page-zdobyte-punkty .punkty-historia__cell--positive {
  color: #00b388;
}
.page-zdobyte-punkty .punkty-historia__cell--negative {
  color: #e91741;
}
@media (max-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--order-mobile {
    order: 2;
    flex-basis: 50%;
  }
}
@media (max-width: 1024px) {
  .page-zdobyte-punkty .punkty-historia__cell--order-mobile-2 {
    order: 3;
    flex-basis: 50%;
  }
}

.wc-hero {
  text-align: center;
  padding: 4rem 0 0;
}
@media (min-width: 769px) {
  .wc-hero {
    padding: 5rem 0 0;
  }
}

.wc-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0 0 1.25rem;
  font-size: 1.75rem;
  line-height: 1.75rem;
}
@media (min-width: 1024px) {
  .wc-hero__title {
    font-size: 5.75rem;
    line-height: 6rem;
    margin: 0 0 3.75rem;
  }
}

.wc-hero__greeting {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0 0 1.5rem;
}
@media (max-width: 1023px) {
  .wc-hero__greeting {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0;
    margin: 0 0 0.625rem;
  }
}

.wc-hero__intro {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #006cff;
  margin: 0 auto;
  max-width: 53.875rem;
}
@media (max-width: 1023px) {
  .wc-hero__intro {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
  }
}

.wc-collect {
  padding: 2.5rem 0 1.25rem;
}
@media (min-width: 769px) {
  .wc-collect {
    padding: 3rem 0 0;
  }
}

.wc-collect__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 1.25rem;
}
@media (max-width: 768px) {
  .wc-collect__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.wc-collect__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 auto 1.75rem;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .wc-collect__desc {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
  }
}

.wc-info-link {
  padding: 2.5rem 0;
  text-align: center;
}
@media (min-width: 769px) {
  .wc-info-link {
    padding: 3rem 0;
  }
}

.wc-info-link__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  margin: 0 0 1rem;
}
@media (max-width: 768px) {
  .wc-info-link__text {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
  }
}

.wc-info-link__link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: 0;
  color: #006cff;
  text-decoration: none;
}
@media (max-width: 768px) {
  .wc-info-link__link {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
  }
}
.wc-info-link__link:hover {
  text-decoration: underline;
}

.wc-section {
  padding: 0 0 1rem 0;
}
@media (min-width: 769px) {
  .wc-section {
    padding: 1.5rem 0;
  }
}

.wc-earning {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  .wc-earning {
    padding: 3rem 0;
  }
}

.wc-earning__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .wc-earning__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.wc-earning__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .wc-earning__desc {
    font-size: 1rem;
    line-height: 1.75rem;
    letter-spacing: 0;
  }
}

.wc-rewards {
  padding: 2.5rem 0 0;
}
@media (min-width: 769px) {
  .wc-rewards {
    padding: 3rem 0 0;
  }
}

.wc-rewards__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 1.25rem;
}
@media (max-width: 768px) {
  .wc-rewards__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.wc-rewards__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 auto 1.25rem;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .wc-rewards__desc {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0;
  }
}

.wc-rewards__cta {
  text-align: center;
  margin-bottom: 2.5rem;
}

.wc-rewards .vouchers-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.875rem;
}
@media (max-width: 1023px) {
  .wc-rewards .vouchers-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media (max-width: 639px) {
  .wc-rewards .vouchers-grid {
    grid-template-columns: 1fr;
  }
}

.wc-rules {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  .wc-rules {
    padding: 3rem 0;
  }
}
.wc-rules .alert-banner__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 768px) {
  .wc-rules .alert-banner__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .wc-rules .alert-banner__text {
    text-align: center;
  }
}
@media (max-width: 768px) {
  .wc-rules .alert-banner {
    padding: 1.125rem 0.75rem;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .wc-rules .alert-banner__content {
    padding: 0;
  }
}

.wc-rules__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .wc-rules__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.wc-rules__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .wc-rules__desc {
    font-size: 1.125rem;
    line-height: 1.5rem;
    letter-spacing: 0;
  }
}

.wc-rules__grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .wc-rules__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.5rem;
  }
}
.wc-rules__grid .alert-banner {
  color: #006cff;
}

.wc-rules__icon {
  width: 2rem;
  height: 2rem;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 1024px) {
  .wc-rules__icon {
    width: 2.375rem;
    height: 2.375rem;
  }
}

.page-own-it-club-dodawaj-kody {
  background-color: #E5F0FF;
}

@media (max-width: 768px) {
  .wc-code-input {
    margin-top: 2.5rem;
  }
}

.wc-dk-remember {
  padding: 2.5rem 0;
}
@media (min-width: 769px) {
  .wc-dk-remember {
    padding: 3rem 0;
  }
}
.wc-dk-remember .alert-banner__text {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (max-width: 768px) {
  .wc-dk-remember .alert-banner__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 768px) {
  .wc-dk-remember .alert-banner {
    padding: 1.125rem 0.75rem;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .wc-dk-remember .alert-banner__content {
    padding: 0;
  }
}

.wc-dk-remember__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 1.5rem;
}
@media (max-width: 768px) {
  .wc-dk-remember__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
@media (min-width: 769px) {
  .wc-dk-remember__title {
    font-size: 2.8125rem;
    line-height: 4.5rem;
  }
}

.wc-dk-remember__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 auto 2.5rem;
  max-width: 60rem;
}
@media (max-width: 768px) {
  .wc-dk-remember__desc {
    font-size: 1rem;
    line-height: 1.625rem;
    letter-spacing: 0;
  }
}

.wc-dk-remember__grid {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.wc-dk-remember__grid .alert-banner {
  color: #006cff;
}

.disclaimer--brand {
  color: #006cff;
  padding-bottom: 0.875rem;
}

.text-input__label-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
}

.text-input__label-link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  letter-spacing: 0;
  color: #fff;
  text-decoration: underline;
  white-space: nowrap;
}
.text-input__label-link:hover {
  text-decoration: none;
}

.wc-how {
  padding: 2.5rem 0 0;
}
@media (min-width: 769px) {
  .wc-how {
    padding: 6.25rem 0 0;
  }
}

@media (max-width: 768px) {
  .wc-referal-link {
    margin-top: 2.5rem;
  }
}

.wc-how__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 2.75rem;
  letter-spacing: -0.078125rem;
  color: #333;
  text-align: center;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .wc-how__title {
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 769px) {
  .wc-how__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
  }
}

.wc-how__grid {
  display: flex;
  background-color: #ffe800;
  border-radius: 0.5rem;
  padding: 1.25rem;
  gap: 0.625rem;
}
@media (max-width: 768px) {
  .wc-how__grid {
    flex-direction: column;
    gap: 1rem;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
  }
}
@media (min-width: 1920px) {
  .wc-how__grid {
    gap: 4.375rem;
  }
}

.wc-how__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem 0;
}
@media (max-width: 768px) {
  .wc-how__step {
    flex-direction: row;
    align-items: center;
    background-color: #ffe800;
    border-radius: 0.5rem;
    padding: 1.25rem;
    gap: 1rem;
  }
}

.wc-how__icon {
  position: relative;
  width: 4.6875rem;
  height: 4.6875rem;
  border-radius: 50%;
  background-color: #006cff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .wc-how__icon {
    width: 2rem;
    height: 2rem;
  }
}

.wc-how__number {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 3.625rem;
  line-height: 1em;
  color: #ffe800;
}
@media (max-width: 768px) {
  .wc-how__number {
    font-size: 1.5625rem;
  }
}

.wc-how__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  letter-spacing: 0;
  color: #3a3d3f;
  text-align: center;
  margin: 0;
}
@media (max-width: 768px) {
  .wc-how__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-align: left;
  }
}

.page-faq .faq-hero {
  padding: 3.125rem 0 2.5rem;
  text-align: center;
}
@media (min-width: 1024px) {
  .page-faq .faq-hero {
    padding: 6.25rem 0 2.5rem;
  }
}
.page-faq .faq-hero .container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.page-faq .faq-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  line-height: 0.75em;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-hero__title {
    font-size: 4rem;
    margin-bottom: 2.5rem;
  }
}
.page-faq .faq-hero__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  margin-top: 0.875rem;
  letter-spacing: -0.078125rem;
  font-size: 1rem;
  line-height: 1.37em;
}
@media (min-width: 1024px) {
  .page-faq .faq-hero__subtitle {
    margin-top: 1rem;
    font-size: 2.25rem;
  }
}
.page-faq .faq-help {
  padding: 0 0 1.25rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-help {
    padding: 0 0 2.5rem;
  }
}
.page-faq .faq-help__card {
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: #f5f5f1;
  border: 1px solid #e2e8f0;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
@media (max-width: 1023px) {
  .page-faq .faq-help__card {
    flex-direction: column;
    text-align: center;
  }
}
.page-faq .faq-help__icon {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  color: #006cff;
}
.page-faq .faq-help__text {
  flex: 1;
}
.page-faq .faq-help__text p {
  margin: 0;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #333;
}
@media (min-width: 1024px) {
  .page-faq .faq-help__text p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.page-faq .faq-help__btn {
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .page-faq .faq-help__btn {
    display: none;
  }
}
.page-faq .faq-nav__list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.25rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  padding: 1.25rem;
  background-color: #fff;
}
@media (min-width: 769px) {
  .page-faq .faq-nav__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.625rem;
  }
}
@media (min-width: 1024px) {
  .page-faq .faq-nav__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625rem;
  }
}
@media (min-width: 1280px) {
  .page-faq .faq-nav__list {
    grid-template-columns: repeat(5, 1fr);
    gap: 0.625rem;
  }
}
.page-faq .faq-nav__pill {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.375rem;
  min-height: 3.375rem;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.5rem;
  background-color: rgba(0, 108, 255, 0.1);
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  cursor: pointer;
  transition: all 150ms ease;
  white-space: nowrap;
  overflow: hidden;
}
.page-faq .faq-nav__pill:hover {
  background-color: rgba(0, 108, 255, 0.3);
}
.page-faq .faq-section {
  padding-top: 3rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-section {
    padding-top: 5rem;
  }
}
.page-faq .faq-section__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  text-align: center;
  margin: 0 0 0.75rem;
  font-size: clamp(24px, 24px + 8px * (100vw - 320px) / 160px, 32px);
  line-height: 1.2;
}
@media (min-width: 1024px) {
  .page-faq .faq-section__title {
    line-height: 3.25rem;
    margin-bottom: 1rem;
  }
}
.page-faq .faq-section__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  text-align: center;
  margin: 0 0 2rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-section__subtitle {
    font-size: 1.125rem;
    line-height: 2rem;
    margin-bottom: 2.5rem;
  }
}
.page-faq .faq-bottom {
  padding: 3rem 0 3.75rem;
  text-align: center;
  scroll-margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom {
    padding: 5rem 0;
  }
}
.page-faq .faq-bottom__regulations {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 3rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__regulations {
    gap: 1rem;
    margin-bottom: 5rem;
  }
}
.page-faq .faq-bottom__regulations-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0 0 0.25rem;
  font-size: clamp(24px, 24px + 8px * (100vw - 320px) / 160px, 32px);
  line-height: 1.2;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__regulations-title {
    line-height: 2.75rem;
  }
}
.page-faq .faq-bottom__regulations-link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1.3em;
  transition: opacity 150ms ease;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__regulations-link {
    font-size: 1.625rem;
  }
}
.page-faq .faq-bottom__regulations-link:hover {
  opacity: 0.7;
}
.page-faq .faq-bottom__cta {
  margin-bottom: 2.5rem;
}
.page-faq .faq-bottom__cta p {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  font-size: 1rem;
  line-height: 2rem;
  letter-spacing: -0.078125rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__cta p {
    font-size: 1.75rem;
    line-height: 2.5rem;
  }
}
.page-faq .faq-bottom__contact-card {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  background-color: #f5f5f1;
  border-radius: 0.5rem;
  padding: 2.5rem 1.25rem;
}
@media (min-width: 769px) {
  .page-faq .faq-bottom__contact-card {
    grid-template-columns: repeat(3, 1fr);
    padding: 2.5rem;
  }
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__contact-card {
    grid-template-columns: repeat(3, 1fr);
    padding: 2.5rem 0.75rem;
  }
}
.page-faq .faq-bottom__contact-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__contact-item {
    gap: 0.75rem;
  }
}
.page-faq .faq-bottom__contact-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__contact-label {
    font-size: 1.75rem;
    line-height: 2.375rem;
  }
}
.page-faq .faq-bottom__contact-value {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .page-faq .faq-bottom__contact-value {
    font-size: 1.25rem;
    line-height: 1.8125rem;
  }
}
.page-faq .faq-bottom__contact-value a {
  color: #333;
  text-decoration: none;
}
.page-faq .faq-bottom__contact-value a:hover {
  text-decoration: underline;
}
.page-faq .main-content {
  padding-bottom: 4rem;
}
@media (min-width: 1024px) {
  .page-faq .main-content {
    padding-bottom: 0;
  }
}

.page-graj {
  background-color: #E5F0FF;
}
.page-graj .graj-hero {
  padding-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 769px) {
  .page-graj .graj-hero {
    margin-bottom: 3.125rem;
  }
}
.page-graj .graj-categories {
  margin-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .page-graj .graj-categories {
    margin-bottom: 3.125rem;
  }
}
.page-graj .graj-games {
  margin-bottom: 2rem;
  scroll-margin-top: 3.4375rem;
}
@media (min-width: 769px) {
  .page-graj .graj-games {
    margin-bottom: 2.5rem;
    scroll-margin-top: 10.625rem;
  }
}
.page-graj .graj-faq {
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .page-graj .graj-faq {
    margin-bottom: 6.25rem;
  }
}

.graj-hero {
  text-align: center;
  padding-top: 1.25rem;
}
@media (min-width: 769px) {
  .graj-hero {
    padding-top: 0;
  }
}

.graj-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0 0 1.25rem;
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media (min-width: 1024px) {
  .graj-hero__title {
    font-size: 6rem;
    line-height: 6rem;
    margin-bottom: 3.75rem;
  }
}

.graj-hero__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  margin: 0 auto;
  letter-spacing: -0.078125rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 1024px) {
  .graj-hero__desc {
    font-size: 2.25rem;
    line-height: 2.75rem;
    max-width: 71.875rem;
  }
}

.graj-categories__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
}
@media (min-width: 769px) {
  .graj-categories__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

.game-cat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 0.5rem;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  height: 8.75rem;
  padding: 1rem 1.25rem;
}
@media (min-width: 769px) {
  .game-cat-card {
    height: 11.25rem;
    padding: 1rem 1.75rem;
  }
}
.game-cat-card, .game-cat-card:link, .game-cat-card:visited, .game-cat-card:hover, .game-cat-card:active, .game-cat-card:focus {
  color: #fff;
  text-decoration: none;
}

.game-cat-card__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.game-cat-card__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  will-change: transform;
}
@media (min-width: 769px) {
  .game-cat-card:not(.game-cat-card--disabled):hover .game-cat-card__bg img {
    transform: scale(1.05);
  }
}

.game-cat-card__overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.2);
}
.game-cat-card__overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0.5rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 14.91%, rgba(0, 0, 0, 0) 75.44%);
}
.game-cat-card--disabled .game-cat-card__overlay {
  background: rgba(0, 0, 0, 0.55);
}
.game-cat-card--disabled .game-cat-card__overlay::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 14.91%, rgba(0, 0, 0, 0) 75.44%);
}

.game-cat-card__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
  height: 100%;
}
@media (min-width: 769px) {
  .game-cat-card__content {
    padding-top: 1rem;
    padding-bottom: 1.75rem;
  }
}

.game-cat-card__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin: 0;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (min-width: 769px) {
  .game-cat-card__title {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.game-cat-card__ribbon {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  height: 1.875rem;
  padding: 0.125rem 0.625rem;
  border-radius: 0.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  white-space: nowrap;
}
@media (min-width: 769px) {
  .game-cat-card__ribbon {
    font-size: 1.125rem;
  }
}

.game-cat-card__ribbon--active {
  background-color: #ffd000;
  border: 1px solid #ffd000;
  color: #333;
}

.game-cat-card__ribbon--disabled {
  background-color: #d8d8d8;
  color: rgba(51, 51, 51, 0.9);
}

.game-cat-card__lock-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  color: rgba(51, 51, 51, 0.9);
}

.game-cat-card--disabled {
  cursor: default;
  pointer-events: none;
}

.graj-games .card-full {
  margin-bottom: 1.25rem;
}
.graj-games .alert-banner {
  margin-bottom: 0;
}

.sudoku-intro,
.sudoku-play,
.sudoku-end {
  opacity: 0;
  transform: translateY(1.25rem);
  transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.sudoku-intro.sudoku-section--active,
.sudoku-play.sudoku-section--active,
.sudoku-end.sudoku-section--active {
  opacity: 1;
  transform: translateY(0);
}

.page-sudoku .sudoku-hero {
  padding-top: 3rem;
  margin-bottom: 2rem;
}
@media (min-width: 769px) {
  .page-sudoku .sudoku-hero {
    margin-bottom: 3.125rem;
  }
}
.page-sudoku .sudoku-intro {
  margin-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .page-sudoku .sudoku-intro {
    margin-bottom: 6.25rem;
  }
}
.page-sudoku .sudoku-play {
  margin-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .page-sudoku .sudoku-play {
    margin-bottom: 6.25rem;
  }
}
.page-sudoku .sudoku-end {
  margin-bottom: 2.5rem;
}
@media (min-width: 769px) {
  .page-sudoku .sudoku-end {
    margin-bottom: 6.25rem;
  }
}
.page-sudoku .sudoku-faq {
  margin-bottom: 4rem;
}
@media (min-width: 769px) {
  .page-sudoku .sudoku-faq {
    margin-bottom: 6.25rem;
  }
}

.sudoku-hero {
  text-align: center;
  padding-top: 1.25rem;
}
@media (min-width: 769px) {
  .sudoku-hero {
    padding-top: 0;
  }
}

.sudoku-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0 0 1.25rem;
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media (min-width: 769px) {
  .sudoku-hero__title {
    font-size: 6rem;
    line-height: 6rem;
    margin-bottom: 3.125rem;
  }
}

.sudoku-hero__desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  color: #006cff;
  margin: 0 auto;
  letter-spacing: -0.078125rem;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
@media (min-width: 769px) {
  .sudoku-hero__desc {
    font-size: 2.25rem;
    line-height: 2.75rem;
    max-width: 71.875rem;
  }
}

@media (min-width: 769px) {
  .sudoku-intro__wrapper {
    border: 1px solid #858886;
    border-radius: 0.5rem;
    min-height: 7.5rem;
    padding: 1.75rem;
  }
}

.sudoku-intro__inner {
  background-color: #f5f5f1;
  border: 1px solid #f5f5f1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
}
@media (min-width: 769px) {
  .sudoku-intro__inner {
    padding: 2.5rem 1.25rem;
  }
}

.sudoku-points-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 0.5rem;
  padding: 1.25rem;
  width: 100%;
  max-width: 31.25rem;
}
@media (min-width: 769px) {
  .sudoku-points-bar {
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 2rem 1.25rem 1.25rem;
    border-color: #858886;
    max-width: 52rem;
    min-height: 7.5rem;
  }
}

.sudoku-points-bar__left {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.sudoku-points-bar__coin {
  width: 2rem;
  flex-shrink: 0;
  margin-right: 0.625rem;
}
@media (min-width: 769px) {
  .sudoku-points-bar__coin {
    width: 3rem;
    margin-right: 1.25rem;
    margin-left: 1.25rem;
  }
}

.sudoku-points-bar__value {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 5.9375rem;
}
@media (min-width: 769px) {
  .sudoku-points-bar__value {
    width: 7.9375rem;
  }
}

.sudoku-points-bar__number {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #006cff;
  letter-spacing: -0.05875rem;
  font-size: 1.875rem;
  line-height: 2.4375rem;
}
@media (min-width: 769px) {
  .sudoku-points-bar__number {
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: -0.078125rem;
  }
}

.sudoku-points-bar__label {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #767676;
  font-size: 0.65625rem;
  line-height: 0.9375rem;
  letter-spacing: 0.09375rem;
  text-transform: uppercase;
  text-wrap-mode: nowrap;
}
@media (min-width: 769px) {
  .sudoku-points-bar__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.125rem;
  }
}

.sudoku-points-bar__separator {
  flex-shrink: 0;
  width: 100%;
  height: 0.0625rem;
  background-color: #858886;
}
@media (min-width: 769px) {
  .sudoku-points-bar__separator {
    width: 0.0625rem;
    height: 5rem;
    align-self: center;
  }
}

.sudoku-points-bar__right {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
  min-width: 0;
}

.sudoku-points-bar__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #006cff;
  margin: 0;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sudoku-points-bar__title {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}

.sudoku-points-bar__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #006cff;
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-align: center;
}
@media (min-width: 769px) {
  .sudoku-points-bar__subtitle {
    text-align: left;
    font-size: 1rem;
    line-height: 1.375rem;
  }
}

@media (min-width: 769px) {
  .sudoku-intro__illustration {
    width: 100%;
    max-width: 51.625rem;
    margin-top: 1.25rem;
  }
}
.sudoku-intro__illustration img {
  width: 100%;
  height: auto;
  border-radius: 0.6875rem;
  display: block;
}
@media (min-width: 769px) {
  .sudoku-intro__illustration img {
    border-radius: 0.5rem;
  }
}

.sudoku-intro__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 769px) {
  .sudoku-intro__cta {
    gap: 1.25rem;
    width: auto;
  }
}

.sudoku-intro__heading {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0;
  letter-spacing: -0.078125rem;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media (min-width: 769px) {
  .sudoku-intro__heading {
    font-size: 2rem;
    line-height: 2.75rem;
    max-width: 59.8125rem;
  }
}

.sudoku-intro__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #333;
  margin: 0;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.75rem;
}
@media (min-width: 769px) {
  .sudoku-intro__text {
    font-size: 1.625rem;
    line-height: 2.25rem;
    max-width: 59.8125rem;
    letter-spacing: -0.078125rem;
    margin-bottom: 1.25rem;
  }
}

.sudoku-intro__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  height: 2.25rem;
  padding: 0.5rem 1.625rem;
  font-size: 0.875rem;
  width: 100%;
}
@media (min-width: 769px) {
  .sudoku-intro__btn {
    height: 3.5rem;
    padding: 1rem 1.75rem;
    font-size: 1.125rem;
    width: auto;
  }
}

.sudoku-intro__play-icon {
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
}

.sudoku-faq__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  text-align: center;
  margin: 0 0 2rem;
  letter-spacing: -0.078125rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
@media (min-width: 769px) {
  .sudoku-faq__title {
    font-size: 2rem;
    line-height: 2.75rem;
  }
}

@media (min-width: 769px) {
  .sudoku-end__wrapper {
    border: 1px solid #858886;
    border-radius: 0.5rem;
    padding: 1.25rem;
  }
}

.sudoku-end__inner {
  background-color: #f5f5f1;
  border: 1px solid #f5f5f1;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
}
@media (min-width: 769px) {
  .sudoku-end__inner {
    padding: 2.5rem 1.25rem;
  }
}

.sudoku-end__content {
  background-color: #fff;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem;
  width: 100%;
  max-width: 32.5rem;
}
@media (min-width: 769px) {
  .sudoku-end__content {
    padding: 2.5rem;
  }
}

.sudoku-end__illustration {
  width: 100%;
  max-width: 30rem;
}
.sudoku-end__illustration img {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  display: block;
}

.sudoku-end__label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #333;
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.625rem;
}

.sudoku-end__stats {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media (min-width: 769px) {
  .sudoku-end__stats {
    gap: 0.75rem;
  }
}

.sudoku-end__stat {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  background: #006cff;
  height: 1.25rem;
  padding: 0.0625rem 0.4375rem;
  border-radius: 0.3125rem;
}
@media (min-width: 769px) {
  .sudoku-end__stat {
    gap: 0.5rem;
    height: 1.875rem;
    padding: 0.25rem 0.875rem;
    border-radius: 0.5rem;
  }
}

.sudoku-end__stat-icon {
  width: 0.75rem;
  height: 0.75rem;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
.sudoku-end__stat-icon--moves {
  width: 0.625rem;
  height: 0.625rem;
}
@media (min-width: 769px) {
  .sudoku-end__stat-icon {
    width: 1.25rem;
    height: 1.25rem;
  }
  .sudoku-end__stat-icon--moves {
    width: 1rem;
    height: 1rem;
  }
}

.sudoku-end__stat-value {
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  letter-spacing: 0.08125rem;
  text-transform: uppercase;
  line-height: 1em;
  white-space: nowrap;
  display: flex;
  gap: 5px;
  align-items: center;
}
@media (min-width: 769px) {
  .sudoku-end__stat-value {
    font-size: 0.875rem;
    letter-spacing: 0.125rem;
  }
}

#sudokuFinalTime,
#sudokuFinalMoves {
  display: inline-block;
  min-width: 2.2ch;
  font-family: "Roboto Mono", monospace;
  font-variant-numeric: tabular-nums;
}

@media (min-width: 769px) {
  .sudoku-end__btn {
    min-width: 17.5rem;
  }
}

.news-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 37.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.news-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.news-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.news-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
}
.news-hero__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0;
  max-width: 32.6875rem;
  padding: 0 1rem;
}
.news-hero__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: clamp(32px, 32px + 12px * (100vw - 320px) / 160px, 44px);
  line-height: 1.18;
}
.news-hero__separator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.375rem;
  margin: 2.5rem 0;
}
.news-hero__separator svg {
  display: block;
}
.news-hero__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  letter-spacing: -0.078125rem;
  margin: 0;
  font-size: clamp(32px, 32px + 12px * (100vw - 320px) / 160px, 44px);
  line-height: 1.18;
}
.news-hero__cta {
  margin-top: 2.5rem;
}

.news-products {
  margin: 4rem 0;
  scroll-margin-top: 6.25rem;
}
@media (min-width: 769px) {
  .news-products {
    margin: 6.25rem 0;
    scroll-margin-top: 7.5rem;
  }
}
.news-products__grid {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 769px) {
  .news-products__grid {
    flex-direction: row;
    gap: 1.5rem;
  }
}
.news-products__packshot {
  position: relative;
  z-index: 2;
  width: 12.5rem;
  height: 18.125rem;
  flex-shrink: 0;
  margin: auto auto 1.25rem auto;
}
.news-products__packshot img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (min-width: 769px) {
  .news-products__packshot {
    width: 18.3125rem;
    height: 26.375rem;
    margin-bottom: 1.875rem;
  }
}

.home-card.home-card--news {
  aspect-ratio: 285/507;
  min-height: 31.25rem;
}
@media (min-width: 769px) {
  .home-card.home-card--news {
    min-height: 47.5rem;
    aspect-ratio: 618/760;
  }
}
.home-card.home-card--news .home-card__content {
  justify-content: flex-end;
  padding-top: 2.5rem;
}
.home-card.home-card--news .home-card__title {
  font-size: 2.25rem;
  line-height: 1.2;
}
@media (min-width: 769px) {
  .home-card.home-card--news .home-card__title {
    font-size: clamp(36px, 36px + 28px * (100vw - 320px) / 160px, 64px);
    line-height: 1.125;
  }
}
.home-card.home-card--news .home-card__text {
  font-size: clamp(14px, 14px + 4px * (100vw - 320px) / 160px, 18px);
  line-height: 1.33;
}

.news-configurator .card-full--game {
  min-height: 22.5rem;
  aspect-ratio: 285/507;
}
@media (min-width: 769px) {
  .news-configurator .card-full--game {
    min-height: 30.875rem;
    aspect-ratio: auto;
  }
}
@media (min-width: 769px) {
  .news-configurator .card-full__title {
    font-size: clamp(36px, 36px + 28px * (100vw - 320px) / 160px, 64px);
    line-height: 1.125;
  }
}
@media (min-width: 769px) {
  .news-configurator .card-full__text {
    font-size: clamp(14px, 14px + 2px * (100vw - 320px) / 160px, 16px);
    line-height: 1.375;
  }
}

.page-konkurs-bittersweet .contest-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 6.25rem 17.5px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-intro {
    padding: 3.75rem 17.5px 0;
    gap: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-intro__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  max-width: 78.75rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-intro__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-intro__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 2.125rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-intro__text {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
.page-konkurs-bittersweet .contest-intro__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.75rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-intro__subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.page-konkurs-bittersweet .contest-intro__subtext {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-intro__subtext {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-prizes {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 6.25rem 17.5px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes {
    padding: 3.75rem 17.5px 0;
    gap: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  max-width: 78.75rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__grid {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 78.75rem;
  width: 100%;
}
.page-konkurs-bittersweet .contest-prizes__card {
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  text-align: center;
  color: #fff;
  min-height: 34.375rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card {
    min-height: 29.1875rem;
    padding-top: 3.125rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card--half {
  min-height: 22.9375rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card--half {
    min-height: 23.125rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.page-konkurs-bittersweet .contest-prizes__card-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
  -o-object-position: top;
  object-position: top;
}
.page-konkurs-bittersweet .contest-prizes__card-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(21, 20, 20, 0) 65%, rgba(34, 31, 29, 0.7) 95%), linear-gradient(90deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.page-konkurs-bittersweet .contest-prizes__card-content {
  position: relative;
  z-index: 2;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
.page-konkurs-bittersweet .contest-prizes__card-big-number {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  color: #fff;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3125rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number {
    gap: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number img {
  max-width: 52%;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number img {
    max-width: 92%;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper .big {
  font-size: 14.8125rem;
  line-height: 1em;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper .big {
    font-size: 6.75rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper .small {
  font-size: 8.6875rem;
  line-height: 1em;
  text-box-trim: trim-both;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper .small {
    font-size: 4rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper--small .big {
  font-size: 8.125rem;
  line-height: 1em;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper--small .big {
    font-size: 3.6875rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper--small .small {
  font-size: 4.75rem;
  line-height: 1em;
  text-box-trim: trim-both;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number-wrapper--small .small {
    font-size: 2rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number--small {
  justify-content: center;
  align-items: flex-end;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number--small {
    gap: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-big-number--small img {
  max-width: 40%;
  padding: 2%;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-big-number--small img {
    max-width: 62%;
    padding: 0;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: -0.078125rem;
  margin: 0;
  color: #fff;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__card-desc {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin: 0;
  max-width: 60rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__card-desc {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__row {
  display: flex;
  gap: 1.5rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__row {
    flex-direction: column;
  }
}
.page-konkurs-bittersweet .contest-prizes__row .contest-prizes__card {
  flex: 1;
}
.page-konkurs-bittersweet .contest-prizes__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 2rem;
  line-height: 2.75rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__subtitle {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.page-konkurs-bittersweet .contest-prizes__subtext {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-prizes__subtext {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-steps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  padding: 6.25rem 17.5px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps {
    padding: 3.75rem 17.5px 0;
  }
}
.page-konkurs-bittersweet .contest-steps__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 3.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__title {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-steps__subtitle {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__subtitle {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-konkurs-bittersweet .contest-steps__grid {
  background-color: #ffe800;
  border-radius: 0.5rem;
  display: flex;
  gap: 0.625rem;
  justify-content: center;
  padding: 1.25rem;
  max-width: 78.75rem;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__grid {
    flex-direction: column;
    padding: 1rem;
  }
}
.page-konkurs-bittersweet .contest-steps__step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 0.625rem;
  overflow: hidden;
}
.page-konkurs-bittersweet .contest-steps__icon {
  position: relative;
  width: 4.6875rem;
  height: 4.6875rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__icon {
    width: 3.4375rem;
    height: 3.4375rem;
  }
}
.page-konkurs-bittersweet .contest-steps__icon-circle {
  width: 100%;
  height: 100%;
  background-color: #006cff;
  border-radius: 50%;
}
.page-konkurs-bittersweet .contest-steps__icon-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 3.625rem;
  line-height: 0.75rem;
  color: #ffe800;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__icon-number {
    font-size: 2.5rem;
  }
}
.page-konkurs-bittersweet .contest-steps__step-title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #3a3d3f;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__step-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-konkurs-bittersweet .contest-steps__step-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #3a3d3f;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__step-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-steps__regulation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__regulation {
    gap: 0.75rem;
  }
}
.page-konkurs-bittersweet .contest-steps__regulation-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__regulation-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-steps__regulation-link {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #006cff;
  text-decoration: none;
}
.page-konkurs-bittersweet .contest-steps__regulation-link:hover {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-steps__regulation-link {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 6.25rem 17.5px 0;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-inspiration {
    padding: 3.75rem 17.5px 0;
    gap: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-inspiration__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 2.25rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-inspiration__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem;
  max-width: 78.75rem;
  width: 100%;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-inspiration__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration__card {
  position: relative;
  border-radius: 0.5rem;
  overflow: visible;
  height: 26.875rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-inspiration__card {
    height: 25rem;
  }
}
.page-konkurs-bittersweet .contest-inspiration__card--flippable {
  perspective: 1000px;
  cursor: pointer;
}
.page-konkurs-bittersweet .contest-inspiration__card--flippable.is-flipped .contest-inspiration__card-inner {
  transform: rotateY(180deg);
}
.page-konkurs-bittersweet .contest-inspiration__card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}
.page-konkurs-bittersweet .contest-inspiration__card-front,
.page-konkurs-bittersweet .contest-inspiration__card-back {
  position: absolute;
  inset: 0;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border-radius: 0.5rem;
  overflow: hidden;
}
.page-konkurs-bittersweet .contest-inspiration__card-front img,
.page-konkurs-bittersweet .contest-inspiration__card-back img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.page-konkurs-bittersweet .contest-inspiration__card-front::after,
.page-konkurs-bittersweet .contest-inspiration__card-back::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  pointer-events: none;
}
.page-konkurs-bittersweet .contest-inspiration__card-back {
  transform: rotateY(180deg);
}
.page-konkurs-bittersweet .contest-inspiration__flip-trigger {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 3;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  transition: transform 0.2s ease;
}
.page-konkurs-bittersweet .contest-inspiration__flip-trigger:hover {
  transform: scale(1.1);
}
.page-konkurs-bittersweet .contest-inspiration__flip-trigger .icon {
  pointer-events: none;
}
.page-konkurs-bittersweet .contest-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 6.25rem 17.5px 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-form {
    padding: 3.75rem 17.5px 0;
    gap: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-form__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  text-align: center;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-form__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-form__body {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 78.75rem;
  width: 100%;
}
.page-konkurs-bittersweet .contest-form__upload {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page-konkurs-bittersweet .contest-form__upload-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #006cff;
}
.page-konkurs-bittersweet .contest-form__upload-area {
  background: #fff;
  border: 0.08125rem solid #606060;
  border-radius: 0.625rem;
  min-height: 14.6875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.0625rem;
  padding: 1rem;
  cursor: pointer;
}
.page-konkurs-bittersweet .contest-form__upload-icon {
  width: 4.5rem;
  height: 3.6875rem;
  color: #858585;
}
.page-konkurs-bittersweet .contest-form__upload-text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
  color: #858585;
  margin: 0;
}
.page-konkurs-bittersweet .contest-form__upload-text strong {
  color: #000;
  font-weight: 600;
}
.page-konkurs-bittersweet .contest-form__upload-hint {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-align: center;
  color: #5f6368;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-form__upload-hint {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-form__upload-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.page-konkurs-bittersweet .contest-form__upload-area.is-dragover {
  border-color: #006cff;
  border-style: dashed;
  background-color: rgba(0, 108, 255, 0.04);
}
.page-konkurs-bittersweet .contest-form__upload-area.is-error {
  border-color: #ef4444;
}
.page-konkurs-bittersweet .contest-form__file-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.page-konkurs-bittersweet .contest-form__file-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  background: #f5f5f5;
  border-radius: 0.5rem;
  padding: 0.625rem 0.875rem;
}
.page-konkurs-bittersweet .contest-form__file-thumb {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.25rem;
  -o-object-fit: cover;
  object-fit: cover;
  flex-shrink: 0;
}
.page-konkurs-bittersweet .contest-form__file-icon {
  width: 2.5rem;
  height: 2.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 108, 255, 0.1);
  border-radius: 0.25rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 0.625rem;
  color: #006cff;
  text-transform: uppercase;
}
.page-konkurs-bittersweet .contest-form__file-info {
  flex: 1;
  min-width: 0;
}
.page-konkurs-bittersweet .contest-form__file-name {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #333;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-konkurs-bittersweet .contest-form__file-size {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #858585;
  margin: 0;
}
.page-konkurs-bittersweet .contest-form__file-error {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #ef4444;
  margin: 0;
}
.page-konkurs-bittersweet .contest-form__file-remove {
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  color: #858585;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0;
  transition: color 150ms ease, background-color 150ms ease;
}
.page-konkurs-bittersweet .contest-form__file-remove:hover {
  color: #ef4444;
  background-color: rgba(239, 68, 68, 0.08);
}
.page-konkurs-bittersweet .contest-form__textarea {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page-konkurs-bittersweet .contest-form__textarea-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #006cff;
}
.page-konkurs-bittersweet .contest-form__textarea-field {
  background: #fff;
  border: 0.08125rem solid #606060;
  border-radius: 0.625rem;
  min-height: 12.75rem;
  padding: 1rem 0.8125rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  resize: vertical;
  width: 100%;
}
.page-konkurs-bittersweet .contest-form__textarea-field::-moz-placeholder {
  color: #858886;
}
.page-konkurs-bittersweet .contest-form__textarea-field::placeholder {
  color: #858886;
}
.page-konkurs-bittersweet .contest-form__textarea-field:focus {
  outline: none;
  border-color: #006cff;
}
.page-konkurs-bittersweet .contest-form__consent {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-konkurs-bittersweet .contest-form__required {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  text-align: right;
  margin: 0;
}
.page-konkurs-bittersweet .contest-form__submit {
  display: flex;
  justify-content: center;
}
.page-konkurs-bittersweet .contest-faq {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding: 6.25rem 17.5px;
  max-width: 80.9375rem;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-faq {
    padding: 3.75rem 17.5px;
    gap: 1.5rem;
  }
}
.page-konkurs-bittersweet .contest-faq__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 3.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-faq__title {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-countdown {
  background-color: #ffe800;
  padding: 6rem 17.5px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-countdown {
    padding: 3.75rem 17.5px 0;
    gap: 1.5rem;
  }
}
.page-konkurs-bittersweet .contest-countdown__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  text-align: center;
}
.page-konkurs-bittersweet .contest-countdown__title {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 2.75rem;
  line-height: 3.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-countdown__title {
    font-size: 1.625rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-countdown__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.625rem;
  line-height: 2.25rem;
  color: #333;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-countdown__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-konkurs-bittersweet .contest-cta {
  background-color: #ffe800;
  padding: 8rem 17.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  text-align: center;
  margin-bottom: -3.75rem;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-cta {
    padding: 3.75rem 17.5px;
    gap: 1.5rem;
  }
}
.page-konkurs-bittersweet .contest-cta__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4rem;
  line-height: 4.75rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-cta__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-konkurs-bittersweet .contest-cta__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 2.125rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-cta__text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-konkurs-bittersweet .contest-sticky-cta {
  display: none;
}
@media (max-width: 1023px) {
  .page-konkurs-bittersweet .contest-sticky-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100;
    padding: 0.75rem 1.125rem;
    background: #fff;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: transform 0.35s ease, opacity 0.35s ease;
    opacity: 1;
  }
  .page-konkurs-bittersweet .contest-sticky-cta.is-hidden {
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
  }
}
.page-konkurs-bittersweet .contest-sticky-cta__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.25rem;
  color: #333;
  text-transform: uppercase;
  letter-spacing: 0rem;
  margin: 0;
  text-align: center;
}

@media (min-width: 1024px) {
  .page-konkurs-bittersweet .btn {
    padding-left: 4.375rem;
    padding-right: 4.375rem;
  }
}

.page-festiwale {
  background-color: #ffe800;
}
.page-festiwale main {
  background-color: #ffe800;
  padding-bottom: 0;
}
.page-festiwale .festivals-hero {
  position: relative;
  min-height: 67.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero {
    min-height: 37.5rem;
  }
}
.page-festiwale .festivals-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.page-festiwale .festivals-hero__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.page-festiwale .festivals-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(21, 20, 20, 0) 0%, rgba(21, 20, 20, 0) 40%, rgba(34, 31, 29, 0.4) 100%), linear-gradient(90deg, rgba(103, 103, 103, 0.2) 0%, rgba(103, 103, 103, 0.2) 100%);
}
.page-festiwale .festivals-hero__content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  text-align: center;
  padding: 6.25rem 17.5px;
  max-width: 50rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__content {
    gap: 1.5rem;
    padding: 3.75rem 17.5px;
  }
}
.page-festiwale .festivals-hero__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2.75rem;
  line-height: 3.25rem;
  color: white;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__title {
    font-size: 1.5625rem;
    line-height: 2.125rem;
  }
}
.page-festiwale .festivals-hero__subtitle {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.5rem;
  color: #fff;
  letter-spacing: -0.078125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__subtitle {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
.page-festiwale .festivals-hero__counters {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__counters {
    gap: 0.75rem;
  }
}
.page-festiwale .festivals-hero__counter {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  width: 12.5rem;
  color: #fff;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__counter {
    width: 4.375rem;
    gap: 0.5rem;
  }
}
.page-festiwale .festivals-hero__counter-value {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 4.5rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__counter-value {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.page-festiwale .festivals-hero__counter-label {
  font-family: "CamelPl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.375rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__counter-label {
    font-size: 0.625rem;
    line-height: 0.625rem;
  }
}
.page-festiwale .festivals-hero__counter-separator {
  width: 0.1875rem;
  height: 5.875rem;
  background-color: #fff;
  border-radius: 0.125rem;
  flex-shrink: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-hero__counter-separator {
    height: 3.125rem;
    width: 0.125rem;
  }
}
.page-festiwale .festivals-map-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 6.25rem 17.5px 3.125rem;
  text-align: center;
  color: #006cff;
  letter-spacing: -0.078125rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-map-intro {
    padding: 3.75rem 17.5px 1.875rem;
    gap: 1rem;
  }
}
.page-festiwale .festivals-map-intro__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.625rem;
  margin: 0;
  color: #006cff;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-map-intro__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-festiwale .festivals-map-intro__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 500;
  font-size: 1.625rem;
  line-height: 2.125rem;
  max-width: 59.8125rem;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-map-intro__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-festiwale .festivals-map {
  padding: 1.25rem 17.5px 3.75rem;
  scroll-margin-top: 100px;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-map {
    padding: 1rem 17.5px 2.5rem;
    scroll-margin-top: 47px;
  }
}
.page-festiwale .festivals-map__wrapper {
  max-width: 78.75rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.page-festiwale .festivals-map__search {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
  z-index: 150;
}
.page-festiwale .festivals-map__search-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
}
.page-festiwale .festivals-map__search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: #fff;
  border: 0.0625rem solid #606060;
  border-radius: 0.5rem;
  height: 2.875rem;
  padding: 0 0.625rem;
  transition: border-color 150ms ease;
}
.page-festiwale .festivals-map__search-input-wrapper:focus-within {
  border-color: #006cff;
}
.page-festiwale .festivals-map__search-icon {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  color: #006cff;
  margin: 0 0.625rem;
  opacity: 0.8;
}
.page-festiwale .festivals-map__search-field {
  flex: 1;
  border: none;
  background: transparent;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  outline: none;
  padding: 0;
}
.page-festiwale .festivals-map__search-field::-moz-placeholder {
  color: #006cff;
  opacity: 0.8;
}
.page-festiwale .festivals-map__search-field::placeholder {
  color: #006cff;
  opacity: 0.8;
}
.page-festiwale .festivals-map__search-chevron {
  flex-shrink: 0;
  width: 0.9375rem;
  height: 0.9375rem;
  color: #006cff;
  margin: 0 0.625rem;
  transition: transform 150ms ease;
}
.page-festiwale .festivals-map__search.is-open .festivals-map__search-chevron {
  transform: rotate(180deg);
}
.page-festiwale .festivals-map__search-results {
  display: none;
  position: absolute;
  top: calc(100% + 0.25rem);
  left: 0;
  right: 0;
  z-index: 100;
  list-style: none;
  margin: 0;
  padding: 0.5rem 0;
  background: #fff;
  border: 1px solid #606060;
  border-radius: 0.5rem;
  max-height: 15rem;
  overflow-y: auto;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}
.page-festiwale .festivals-map__search.is-open .festivals-map__search-results {
  display: block;
}
.page-festiwale .festivals-map__search-results li {
  padding: 0.5rem 1rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  cursor: pointer;
  transition: background-color 150ms ease;
}
.page-festiwale .festivals-map__search-results li:hover, .page-festiwale .festivals-map__search-results li.is-active {
  background-color: #E5F0FF;
  color: #006cff;
}
.page-festiwale .festivals-map__container {
  width: 100%;
  height: 43.75rem;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-map__container {
    height: 25rem;
  }
}
.page-festiwale .festivals-map__container .leaflet-popup-content-wrapper {
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 0.25rem 0.375rem -0.25rem rgba(0, 0, 0, 0.1);
  padding: 0;
}
.page-festiwale .festivals-map__container .leaflet-popup-content {
  margin: 0;
  min-width: 17.5rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
}
.page-festiwale .festivals-map__container .leaflet-popup-close-button {
  color: #333 !important;
  font-size: 1.25rem !important;
  top: 0.5rem !important;
  right: 0.5rem !important;
}
.page-festiwale .map-popup {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.page-festiwale .map-popup__header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.page-festiwale .map-popup__icon {
  width: 2.5rem;
  height: 2.5rem;
  border: 0.0625rem solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.page-festiwale .map-popup__icon svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: #000;
}
.page-festiwale .map-popup__name {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #006cff;
  margin: 0;
}
.page-festiwale .map-popup__date {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333;
  margin: 0;
}
.page-festiwale .map-popup__address-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #006cff;
  margin: 0;
}
.page-festiwale .map-popup__address {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #333;
  margin: 0;
}
.page-festiwale .map-popup__route {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #000;
  text-decoration: none;
}
.page-festiwale .map-popup__route:hover {
  text-decoration: underline;
}
.page-festiwale .map-popup__route svg {
  width: 1.125rem;
  height: 1.125rem;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
}
.page-festiwale .festivals-listing {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  padding: 3.75rem 17.5px;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-listing {
    padding: 2.5rem 17.5px;
    gap: 1.25rem;
  }
}
.page-festiwale .festivals-listing__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.625rem;
  color: #006cff;
  letter-spacing: -0.078125rem;
  text-align: center;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-listing__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
.page-festiwale .festivals-listing__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  max-width: 78.75rem;
  width: 100%;
  justify-content: flex-start;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-listing__grid {
    flex-direction: column;
    gap: 1rem;
  }
}
.page-festiwale .festivals-card {
  background: #fff;
  border: 2px solid #006cff;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 25.25rem;
  min-height: 18.75rem;
  opacity: 0;
  transform: translateY(1.875rem);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.page-festiwale .festivals-card.is-revealed {
  opacity: 1;
  transform: translateY(0);
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card {
    width: 100%;
    min-height: auto;
  }
}
.page-festiwale .festivals-card__header {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page-festiwale .festivals-card__title-row {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.page-festiwale .festivals-card__icon {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.page-festiwale .festivals-card__icon svg {
  width: 0.875rem;
  height: 0.875rem;
  fill: #000;
}
.page-festiwale .festivals-card__name {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #006cff;
  flex: 1;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card__name {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-festiwale .festivals-card__date {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card__date {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-festiwale .festivals-card__address-section {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.page-festiwale .festivals-card__address-label {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #006cff;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card__address-label {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
.page-festiwale .festivals-card__address {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #333;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card__address {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-festiwale .festivals-card__route {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #000;
  text-decoration: none;
}
.page-festiwale .festivals-card__route:hover {
  text-decoration: underline;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-card__route {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.page-festiwale .festivals-card__route svg {
  width: 1.375rem;
  height: 1.375rem;
  flex-shrink: 0;
}
.page-festiwale .festivals-bittersweet {
  display: flex;
  max-width: 80.9375rem;
  margin: 3.75rem auto;
  padding: 0 17.5px;
  gap: 8.125rem;
  align-items: center;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet {
    flex-direction: column;
    margin: 2.5rem auto;
    gap: 2rem;
  }
}
.page-festiwale .festivals-bittersweet__image {
  position: relative;
  width: 38.625rem;
  flex-shrink: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  min-height: 37.5rem;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__image {
    width: 100%;
    min-height: 17.5rem;
  }
}
.page-festiwale .festivals-bittersweet__image-bg {
  position: absolute;
  inset: 0;
}
.page-festiwale .festivals-bittersweet__image-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  display: block;
}
.page-festiwale .festivals-bittersweet__image-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(21, 20, 20, 0) 65%, rgba(34, 31, 29, 0.5) 95%);
}
.page-festiwale .festivals-bittersweet__image-number {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  color: #fff;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  white-space: nowrap;
}
.page-festiwale .festivals-bittersweet__image-number .big {
  font-size: 12.4375rem;
  line-height: 1;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__image-number .big {
    font-size: 6.875rem;
  }
}
.page-festiwale .festivals-bittersweet__image-number .small {
  font-size: 9.625rem;
  line-height: 1;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__image-number .small {
    font-size: 5rem;
  }
}
.page-festiwale .festivals-bittersweet__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.375rem;
  color: #006cff;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__content {
    gap: 1.25rem;
  }
}
.page-festiwale .festivals-bittersweet__title {
  font-family: "Camel Curved AlternatePl", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 2.9375rem;
  line-height: 3.6875rem;
  letter-spacing: -0.09875rem;
  color: #006cff;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
    letter-spacing: -0.078125rem;
  }
}
.page-festiwale .festivals-bittersweet__text {
  font-family: "Graphik", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, sans-serif;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #006cff;
  margin: 0;
}
@media (max-width: 1023px) {
  .page-festiwale .festivals-bittersweet__text {
    font-size: 1rem;
    line-height: 1.375rem;
  }
}
/*# sourceMappingURL=main.css.map */