@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

html {
  user-select: none;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5 {
  padding: 0;
  margin: 0;
  font-weight: unset;
  text-wrap: balance;
}

p {
  padding: 0;
  margin: 0;
}

blockquote {
  quotes: none;
}

input {
  background: none;
  border: none;
  outline: none;
}

ul,
ol {
  list-style-type: none;
}

a {
  color: currentColor;
  text-decoration: none;
  cursor: pointer;
}

address {
  font-style: normal;
}

button {
  font-family: inherit;
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

th {
  font-weight: normal;
}

hr {
  appearance: none;
  border: 0;
}

img {
  pointer-events: none;
}

@media (max-width: 26.5525em) {
  .hide-mobile-small {
    display: none !important;
  }
}

@media (max-width: 47.99em) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 48em) {
  .hide-tablet {
    display: none !important;
  }
}

@media (min-width: 48em) and (max-width: 63.99em) {
  .hide-tablet-only {
    display: none !important;
  }
}

@media (max-width: 63.99em) {
  .hide-mobile-tablet {
    display: none !important;
  }
}

@media (min-width: 64em) {
  .hide-desktop {
    display: none !important;
  }
}

@media (min-width: 767px) {
  .col-mb-1 {
    grid-column-end: span 1;
  }
  .col-start-mb-1 {
    grid-column-start: 1;
  }
  .col-end-mb-1 {
    grid-column-end: 1;
  }
  .col-mb-2 {
    grid-column-end: span 2;
  }
  .col-start-mb-2 {
    grid-column-start: 2;
  }
  .col-end-mb-2 {
    grid-column-end: 2;
  }
  .col-mb-3 {
    grid-column-end: span 3;
  }
  .col-start-mb-3 {
    grid-column-start: 3;
  }
  .col-end-mb-3 {
    grid-column-end: 3;
  }
  .col-mb-4 {
    grid-column-end: span 4;
  }
  .col-start-mb-4 {
    grid-column-start: 4;
  }
  .col-end-mb-4 {
    grid-column-end: 4;
  }
  .col-mb-5 {
    grid-column-end: span 5;
  }
  .col-start-mb-5 {
    grid-column-start: 5;
  }
  .col-end-mb-5 {
    grid-column-end: 5;
  }
  .col-mb-6 {
    grid-column-end: span 6;
  }
  .col-start-mb-6 {
    grid-column-start: 6;
  }
  .col-end-mb-6 {
    grid-column-end: 6;
  }
  .col-mb-7 {
    grid-column-end: span 7;
  }
  .col-start-mb-7 {
    grid-column-start: 7;
  }
  .col-end-mb-7 {
    grid-column-end: 7;
  }
}
@media (min-width: 768px) {
  .col-tb-1 {
    grid-column-end: span 1;
  }
  .col-start-tb-1 {
    grid-column-start: 1;
  }
  .col-end-tb-1 {
    grid-column-end: 1;
  }
  .col-tb-2 {
    grid-column-end: span 2;
  }
  .col-start-tb-2 {
    grid-column-start: 2;
  }
  .col-end-tb-2 {
    grid-column-end: 2;
  }
  .col-tb-3 {
    grid-column-end: span 3;
  }
  .col-start-tb-3 {
    grid-column-start: 3;
  }
  .col-end-tb-3 {
    grid-column-end: 3;
  }
  .col-tb-4 {
    grid-column-end: span 4;
  }
  .col-start-tb-4 {
    grid-column-start: 4;
  }
  .col-end-tb-4 {
    grid-column-end: 4;
  }
  .col-tb-5 {
    grid-column-end: span 5;
  }
  .col-start-tb-5 {
    grid-column-start: 5;
  }
  .col-end-tb-5 {
    grid-column-end: 5;
  }
  .col-tb-6 {
    grid-column-end: span 6;
  }
  .col-start-tb-6 {
    grid-column-start: 6;
  }
  .col-end-tb-6 {
    grid-column-end: 6;
  }
  .col-tb-7 {
    grid-column-end: span 7;
  }
  .col-start-tb-7 {
    grid-column-start: 7;
  }
  .col-end-tb-7 {
    grid-column-end: 7;
  }
  .col-tb-8 {
    grid-column-end: span 8;
  }
  .col-start-tb-8 {
    grid-column-start: 8;
  }
  .col-end-tb-8 {
    grid-column-end: 8;
  }
  .col-tb-9 {
    grid-column-end: span 9;
  }
  .col-start-tb-9 {
    grid-column-start: 9;
  }
  .col-end-tb-9 {
    grid-column-end: 9;
  }
  .col-tb-10 {
    grid-column-end: span 10;
  }
  .col-start-tb-10 {
    grid-column-start: 10;
  }
  .col-end-tb-10 {
    grid-column-end: 10;
  }
  .col-tb-11 {
    grid-column-end: span 11;
  }
  .col-start-tb-11 {
    grid-column-start: 11;
  }
  .col-end-tb-11 {
    grid-column-end: 11;
  }
  .col-tb-12 {
    grid-column-end: span 12;
  }
  .col-start-tb-12 {
    grid-column-start: 12;
  }
  .col-end-tb-12 {
    grid-column-end: 12;
  }
  .col-tb-13 {
    grid-column-end: span 13;
  }
  .col-start-tb-13 {
    grid-column-start: 13;
  }
  .col-end-tb-13 {
    grid-column-end: 13;
  }
}
@media (min-width: 1024px) {
  .col-dk-1 {
    grid-column-end: span 1;
  }
  .col-start-dk-1 {
    grid-column-start: 1;
  }
  .col-end-dk-1 {
    grid-column-end: 1;
  }
  .col-dk-2 {
    grid-column-end: span 2;
  }
  .col-start-dk-2 {
    grid-column-start: 2;
  }
  .col-end-dk-2 {
    grid-column-end: 2;
  }
  .col-dk-3 {
    grid-column-end: span 3;
  }
  .col-start-dk-3 {
    grid-column-start: 3;
  }
  .col-end-dk-3 {
    grid-column-end: 3;
  }
  .col-dk-4 {
    grid-column-end: span 4;
  }
  .col-start-dk-4 {
    grid-column-start: 4;
  }
  .col-end-dk-4 {
    grid-column-end: 4;
  }
  .col-dk-5 {
    grid-column-end: span 5;
  }
  .col-start-dk-5 {
    grid-column-start: 5;
  }
  .col-end-dk-5 {
    grid-column-end: 5;
  }
  .col-dk-6 {
    grid-column-end: span 6;
  }
  .col-start-dk-6 {
    grid-column-start: 6;
  }
  .col-end-dk-6 {
    grid-column-end: 6;
  }
  .col-dk-7 {
    grid-column-end: span 7;
  }
  .col-start-dk-7 {
    grid-column-start: 7;
  }
  .col-end-dk-7 {
    grid-column-end: 7;
  }
  .col-dk-8 {
    grid-column-end: span 8;
  }
  .col-start-dk-8 {
    grid-column-start: 8;
  }
  .col-end-dk-8 {
    grid-column-end: 8;
  }
  .col-dk-9 {
    grid-column-end: span 9;
  }
  .col-start-dk-9 {
    grid-column-start: 9;
  }
  .col-end-dk-9 {
    grid-column-end: 9;
  }
  .col-dk-10 {
    grid-column-end: span 10;
  }
  .col-start-dk-10 {
    grid-column-start: 10;
  }
  .col-end-dk-10 {
    grid-column-end: 10;
  }
  .col-dk-11 {
    grid-column-end: span 11;
  }
  .col-start-dk-11 {
    grid-column-start: 11;
  }
  .col-end-dk-11 {
    grid-column-end: 11;
  }
  .col-dk-12 {
    grid-column-end: span 12;
  }
  .col-start-dk-12 {
    grid-column-start: 12;
  }
  .col-end-dk-12 {
    grid-column-end: 12;
  }
  .col-dk-13 {
    grid-column-end: span 13;
  }
  .col-start-dk-13 {
    grid-column-start: 13;
  }
  .col-end-dk-13 {
    grid-column-end: 13;
  }
  .col-dk-14 {
    grid-column-end: span 14;
  }
  .col-start-dk-14 {
    grid-column-start: 14;
  }
  .col-end-dk-14 {
    grid-column-end: 14;
  }
  .col-dk-15 {
    grid-column-end: span 15;
  }
  .col-start-dk-15 {
    grid-column-start: 15;
  }
  .col-end-dk-15 {
    grid-column-end: 15;
  }
  .col-dk-16 {
    grid-column-end: span 16;
  }
  .col-start-dk-16 {
    grid-column-start: 16;
  }
  .col-end-dk-16 {
    grid-column-end: 16;
  }
  .col-dk-17 {
    grid-column-end: span 17;
  }
  .col-start-dk-17 {
    grid-column-start: 17;
  }
  .col-end-dk-17 {
    grid-column-end: 17;
  }
  .col-dk-18 {
    grid-column-end: span 18;
  }
  .col-start-dk-18 {
    grid-column-start: 18;
  }
  .col-end-dk-18 {
    grid-column-end: 18;
  }
  .col-dk-19 {
    grid-column-end: span 19;
  }
  .col-start-dk-19 {
    grid-column-start: 19;
  }
  .col-end-dk-19 {
    grid-column-end: 19;
  }
  .col-dk-20 {
    grid-column-end: span 20;
  }
  .col-start-dk-20 {
    grid-column-start: 20;
  }
  .col-end-dk-20 {
    grid-column-end: 20;
  }
  .col-dk-21 {
    grid-column-end: span 21;
  }
  .col-start-dk-21 {
    grid-column-start: 21;
  }
  .col-end-dk-21 {
    grid-column-end: 21;
  }
  .col-dk-22 {
    grid-column-end: span 22;
  }
  .col-start-dk-22 {
    grid-column-start: 22;
  }
  .col-end-dk-22 {
    grid-column-end: 22;
  }
  .col-dk-23 {
    grid-column-end: span 23;
  }
  .col-start-dk-23 {
    grid-column-start: 23;
  }
  .col-end-dk-23 {
    grid-column-end: 23;
  }
  .col-dk-24 {
    grid-column-end: span 24;
  }
  .col-start-dk-24 {
    grid-column-start: 24;
  }
  .col-end-dk-24 {
    grid-column-end: 24;
  }
  .col-dk-25 {
    grid-column-end: span 25;
  }
  .col-start-dk-25 {
    grid-column-start: 25;
  }
  .col-end-dk-25 {
    grid-column-end: 25;
  }
}
.container {
  position: relative;
  width: var(--ctn-w);
  margin-inline: auto;
}

.grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 12px;
}
@media (min-width: 767px) {
  .grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .grid {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
}

.container-grid {
  position: relative;
  width: var(--ctn-w);
  margin-inline: auto;
}
.container-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 12px;
}
@media (min-width: 767px) {
  .container-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .container-grid {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
}
@media (min-width: 1024px) {
  .container-grid {
    grid-template-columns: repeat(24, minmax(0, 1fr));
  }
}

.pages-category {
  min-height: calc(100 * var(--vh));
  padding-block: var(--pages-padding-block-start) clamp(120px, 13.5416666667vw, 195px);
}
.pages-category .filters-container {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  margin-block-end: 3.125rem;
}
.pages-category .filters-container .filter-btn {
  padding: clamp(10px, 0.9722222222vw, 14px);
  border-radius: 0.5rem;
  transition: background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pages-category .filters-container .filter-btn.active {
  pointer-events: none;
  background: #0C274F;
}
.pages-category .filters-container .filter-btn.active span {
  color: #1B61DD;
}
@media (hover: hover) and (pointer: fine) {
  .pages-category .filters-container .filter-btn:not(:disabled):hover span {
    color: #EBE7F7;
  }
}
.pages-category .filters-container .filter-btn span {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  text-wrap: nowrap;
  color: #4D6D9F;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pages-category .packages-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}
@media (min-width: 48em) {
  .pages-category .packages-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 64em) {
  .pages-category .packages-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 90em) {
  .pages-category .packages-container {
    grid-template-columns: repeat(4, 1fr);
  }
}

.pages-checkout {
  min-height: calc(100 * var(--vh));
  padding-block: var(--pages-padding-block-start) clamp(120px, 13.5416666667vw, 195px);
}
.pages-checkout .container {
  display: flex;
  flex-direction: column;
  gap: clamp(60px, 5.5555555556vw, 80px);
}
@media (min-width: 64em) {
  .pages-checkout .container {
    flex-direction: row;
  }
}
@media (min-width: 105em) {
  .pages-checkout .container {
    gap: 6.25rem;
  }
}
.pages-checkout .heading-container {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pages-checkout .heading-container .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.pages-checkout .heading-container .title-wrapper svg {
  width: 2.5rem;
  height: 2.5rem;
  color: #1B61DD;
}
.pages-checkout .heading-container .title-wrapper .title {
  font-size: clamp(1.625rem, 2.2222222222vw, 2rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #EBE7F7;
}
.pages-checkout .heading-container .title-wrapper .subtitle {
  font-size: clamp(1.625rem, 2.2222222222vw, 2rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
}
.pages-checkout .heading-container .description-wrapper {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
}
.pages-checkout .packages-container {
  width: 100%;
}
.pages-checkout .packages-container .packages-wrapper {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1.25rem;
  margin-block-start: 3.125rem;
}
@media (min-width: 48em) {
  .pages-checkout .packages-container .packages-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 64em) {
  .pages-checkout .packages-container .packages-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 105em) {
  .pages-checkout .packages-container .packages-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.pages-checkout .checkout-container {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  width: 100%;
}
@media (min-width: 64em) {
  .pages-checkout .checkout-container {
    position: sticky;
    top: var(--pages-padding-block-start);
    height: fit-content;
    max-width: 36.25rem;
  }
}
.pages-checkout .checkout-container .checkout-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.pages-checkout .checkout-container .summary-container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  width: 100%;
}
.pages-checkout .checkout-container .summary-container .summary-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
}
.pages-checkout .checkout-container .summary-container > .summary-wrapper {
  font-size: clamp(1.625rem, 2.2222222222vw, 2rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
}
.pages-checkout .checkout-container .summary-container > .summary-wrapper .label {
  color: #EBE7F7;
}
.pages-checkout .checkout-container .summary-container > .summary-wrapper .value {
  color: #81FD89;
}
.pages-checkout .checkout-container .summary-container .extras-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.pages-checkout .checkout-container .summary-container .extras-wrapper .summary-wrapper {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
}
.pages-checkout .checkout-container .summary-container .extras-wrapper .summary-wrapper:first-of-type .value {
  color: rgba(129, 253, 137, 0.5);
}
.pages-checkout .checkout-container .summary-container .extras-wrapper .summary-wrapper:last-of-type {
  color: #EBE7F7;
}
.pages-checkout .checkout-container .summary-container .extras-wrapper .summary-wrapper .label {
  color: #4D6D9F;
}
.pages-checkout .checkout-container > .partial-cta {
  height: auto;
  padding-block: 1rem;
}
.pages-checkout .checkout-container > .partial-cta .text {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  font-style: italic;
  font-weight: 700;
}
.pages-checkout .checkout-container .separator {
  background: #0C274F;
  border-radius: 0.5rem;
  width: 100%;
  height: 0.1875rem;
}
.pages-checkout .checkout-container .actions-form-container {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.pages-checkout .checkout-container .actions-form-container .input-wrapper {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.pages-checkout .checkout-container .actions-form-container .input-wrapper.active input[type=text] {
  border-color: #1B61DD;
}
.pages-checkout .checkout-container .actions-form-container .input-wrapper:not(.active) .partial-cta {
  display: none;
}
.pages-checkout .checkout-container .actions-form-container input[type=text] {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  width: 100%;
  height: 3.125rem;
  color: #EBE7F7;
  padding: 0.875rem;
  background: #0C274F;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  transition: border-color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pages-checkout .checkout-container .actions-form-container input[type=text]::placeholder {
  color: #6E8DBE;
}
.pages-checkout .checkout-container .actions-form-container input[type=text]:focus, .pages-checkout .checkout-container .actions-form-container input[type=text]:active, .pages-checkout .checkout-container .actions-form-container input[type=text]:not(:placeholder-shown) {
  border-color: #1B61DD;
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper {
  position: relative;
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper p {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
  transform: translate3d(0, 0.625rem, 0);
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper p.active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper p.label-error {
  color: #FF4E4E;
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper p.label-valid {
  color: #1B61DD;
}
.pages-checkout .checkout-container .actions-form-container .labels-wrapper p.label-valid span {
  font-weight: 700;
}

.pages-terms {
  padding-block: var(--pages-padding-block-start);
  color: #EBE7F7;
}
.pages-terms h2 {
  font-size: clamp(1.625rem, 2.2222222222vw, 2rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-block: clamp(30px, 2.7777777778vw, 40px) clamp(15px, 1.3888888889vw, 20px);
}
.pages-terms h2.page-title {
  font-size: clamp(2.25rem, 3.3333333333vw, 3rem);
  line-height: 1;
  letter-spacing: 0;
  margin-block: 0 clamp(40px, 3.4722222222vw, 50px);
}
.pages-terms h3 {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  margin-block: clamp(20px, 2.0833333333vw, 30px) clamp(10px, 1.3888888889vw, 20px);
}
.pages-terms p {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
  margin-block-end: clamp(20px, 2.0833333333vw, 30px);
}
.pages-terms a {
  position: relative;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.pages-terms a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #4D6D9F;
  transform: scale3d(1, 1, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
  transform-origin: left center;
}
@media (hover: hover) and (pointer: fine) {
  .pages-terms a:not(:disabled):hover {
    color: #1B61DD;
  }
  .pages-terms a:not(:disabled):hover::before {
    transform: scale3d(0, 1, 1);
    transform-origin: right center;
  }
}
.pages-terms table {
  color: #EBE7F7;
  border-color: #EBE7F7;
}
.pages-terms table thead {
  background: #1B61DD;
}
.pages-terms table thead th {
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  padding: 0.875rem clamp(16px, 1.3888888889vw, 20px);
}
.pages-terms table tbody tr:nth-child(odd) {
  background: #091F3D;
}
.pages-terms table tbody tr td {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  padding: 0.875rem clamp(16px, 1.3888888889vw, 20px);
}
.pages-terms table tbody tr p {
  color: inherit;
  margin-block-end: 0.875rem;
}
.pages-terms table tbody tr p:last-child {
  margin: 0;
}

.module-hero {
  min-height: calc(100 * var(--vh));
  padding-block: clamp(150px, 20.4861111111vw, 295px) clamp(105px, 13.5416666667vw, 195px);
}
@media (min-width: 48em) {
  .module-hero {
    display: flex;
    align-items: center;
  }
}
.module-hero .content-container {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 3.4722222222vw, 50px);
}
.module-hero .content-container .title {
  font-size: clamp(3rem, 5.8333333333vw, 5.25rem);
  line-height: 1;
  letter-spacing: 0;
  color: #EBE7F7;
  font-weight: 700;
  text-transform: uppercase;
}
.module-hero .content-container .title span {
  color: #1B61DD;
}
.module-hero .content-container .description {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
  max-width: clamp(480px, 62.5vw, 900px);
}
.module-hero .content-container .playground-container {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
}
.module-hero .content-container .playground-container .players-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
}
.module-hero .content-container .playground-container .players-wrapper.no-player .dot {
  background: #FF4E4E;
  box-shadow: 0 0 0.375rem #FF4E4E;
}
.module-hero .content-container .playground-container .players-wrapper .dot {
  width: 0.5rem;
  height: 0.5rem;
  background: #81FD89;
  border-radius: 50%;
  box-shadow: 0 0 0.375rem #81FD89;
  transition: background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), box-shadow 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.module-hero .content-container .playground-container .players-wrapper .text {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
}
.module-hero .content-container .playground-container .links-wrapper {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.module-hero .tabs-container {
  margin-block-start: clamp(60px, 9.0277777778vw, 130px);
}
@media (max-width: 47.99em) {
  .module-hero .tabs-container {
    display: flex;
    gap: var(--gutter);
  }
}
.module-hero .tabs-container .progress-container {
  min-width: 0.1875rem;
  background: #4D6D9F;
  border-radius: 0.5rem;
}
@media (min-width: 48em) {
  .module-hero .tabs-container .progress-container {
    width: 100%;
    height: 0.1875rem;
    margin-block-end: 3.125rem;
  }
}
.module-hero .tabs-container .progress-container .progress-bar {
  --progress: 0;
  width: 100%;
  height: calc(var(--progress) * 1%);
  background: #1B61DD;
  border-radius: 0.5rem;
  transition: transform 0.4s cubic-bezier(0.66, 0, 0.34, 1);
  transform-origin: top center;
  box-shadow: 0 0 2.5rem #1f5bc1;
}
@media (min-width: 48em) {
  .module-hero .tabs-container .progress-container .progress-bar {
    width: calc(var(--progress) * 1%);
    height: 100%;
    transform-origin: left center;
  }
}
.module-hero .tabs-container .progress-container .progress-bar.reset {
  transform-origin: bottom center;
  transform: scale3d(1, 0, 1);
}
@media (min-width: 48em) {
  .module-hero .tabs-container .progress-container .progress-bar.reset {
    transform-origin: right center;
    transform: scale3d(0, 1, 1);
  }
}
.module-hero .tabs-container .tabs-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(40px, 3.4722222222vw, 50px);
}
@media (min-width: 48em) {
  .module-hero .tabs-container .tabs-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 64em) {
  .module-hero .tabs-container .tabs-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 47.99em) {
  .module-hero .tabs-container .tab-wrapper {
    max-width: 38.75rem;
  }
}
.module-hero .tabs-container .tab-wrapper.active .tab-header {
  color: #1B61DD;
}
.module-hero .tabs-container .tab-wrapper.active .tab-description {
  color: #EBE7F7;
}
@media (hover: hover) and (pointer: fine) {
  .module-hero .tabs-container .tab-wrapper:not(:disabled):hover .tab-header {
    color: #1B61DD;
  }
  .module-hero .tabs-container .tab-wrapper:not(:disabled):hover .tab-description {
    color: #EBE7F7;
  }
}
.module-hero .tabs-container .tab-wrapper .tab-header {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  margin-block-end: 1.875rem;
  color: #0C274F;
  transition: color 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.module-hero .tabs-container .tab-wrapper .tab-header svg {
  width: auto;
  height: 1.875rem;
}
.module-hero .tabs-container .tab-wrapper .tab-header .tab-title {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
}
.module-hero .tabs-container .tab-wrapper .tab-description {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
  transition: color 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}

.module-trailer {
  position: relative;
  height: calc(80 * var(--vh));
  overflow: hidden;
}
.module-trailer .content-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: clamp(40px, 3.4722222222vw, 50px);
  width: 100%;
  height: 100%;
  text-align: center;
  transition: opacity 0.3s linear;
}
.module-trailer .content-container.hidden {
  opacity: 0;
  pointer-events: none;
}
.module-trailer .content-container::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset: -0.25rem;
  pointer-events: none;
  background: linear-gradient(180deg, #091f3d 5%, rgba(9, 31, 61, 0.88) 50%, #091f3d 95%);
}
.module-trailer .content-container .thumbnail-container {
  position: absolute;
  inset: 0;
}
.module-trailer .content-container .thumbnail-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translate3d(0, 10%, 0) scale(1.2);
}
.module-trailer .content-container .play-button {
  position: relative;
  z-index: 1;
  width: clamp(80px, 8.3333333333vw, 120px);
  height: clamp(80px, 8.3333333333vw, 120px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #0C274F;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), box-shadow 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
@media (hover: hover) and (pointer: fine) {
  .module-trailer .content-container .play-button:not(:disabled):hover {
    transform: scale3d(1.1, 1.1, 1.1);
    background: #0b2b5b;
    box-shadow: 0 0 1.5625rem #0b2b5b;
  }
}
.module-trailer .content-container .play-button svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(20px, 2.0833333333vw, 30px);
  transform: translate3d(calc(-50% + 0.125rem), calc(-50% + 0.125rem), 0);
  color: #1B61DD;
}
.module-trailer .content-container .content-wrapper {
  position: relative;
  z-index: 1;
  max-width: 45rem;
}
@media (max-width: 47.99em) {
  .module-trailer .content-container .content-wrapper {
    padding-inline: var(--gutter);
  }
}
.module-trailer .content-container .title {
  font-size: clamp(2.25rem, 4.7222222222vw, 4.25rem);
  line-height: 1;
  letter-spacing: 0;
  color: #EBE7F7;
}
.module-trailer .content-container .title span {
  font-weight: 700;
}
.module-trailer .content-container .description {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
  margin-block-start: 0.5rem;
}

.module-payments {
  padding-block: clamp(120px, 13.5416666667vw, 195px) clamp(50px, 6.5972222222vw, 95px);
}
.module-payments .container {
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}
@media (min-width: 48em) {
  .module-payments .container {
    flex-direction: row;
    align-items: center;
    gap: 1.5625rem;
  }
}
@media (min-width: 105em) {
  .module-payments .container {
    gap: 0;
  }
}
.module-payments .content-container {
  display: flex;
  flex-direction: column;
  gap: clamp(40px, 3.4722222222vw, 50px);
}
.module-payments .content-container h2 {
  font-size: clamp(3rem, 5.8333333333vw, 5.25rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #EBE7F7;
  max-width: clamp(620px, 68.0555555556vw, 980px);
}
.module-payments .content-container h2 span {
  color: #1B61DD;
}
.module-payments .content-container .description-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  color: #4D6D9F;
}
@media (min-width: 48em) {
  .module-payments .content-container .description-wrapper {
    max-width: 56.25rem;
  }
}
.module-payments .content-container .description-wrapper p {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
}
.module-payments .content-container .description-wrapper .payment-methods-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(20px, 2.7777777778vw, 40px);
}
.module-payments .content-container .description-wrapper .payment-methods-wrapper .icon-small svg {
  height: clamp(20px, 2.0833333333vw, 30px);
}
.module-payments .content-container .description-wrapper .payment-methods-wrapper .icon-big svg {
  height: clamp(35px, 3.4722222222vw, 50px);
}
.module-payments .content-container .description-wrapper .payment-methods-wrapper svg {
  width: auto;
}
.module-payments .content-container .subdescription-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
  color: #4D6D9F;
  max-width: clamp(620px, 51.3888888889vw, 740px);
}
@media (min-width: 48em) {
  .module-payments .content-container .subdescription-wrapper {
    flex-direction: row;
  }
}
.module-payments .content-container .subdescription-wrapper p {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
}
.module-payments .content-container .subdescription-wrapper svg {
  min-width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
}
.module-payments .cards-image-wrapper {
  max-width: 26.25rem;
}
@media (max-width: 47.99em) {
  .module-payments .cards-image-wrapper {
    margin-inline: auto;
  }
}
@media (min-width: 48em) {
  .module-payments .cards-image-wrapper {
    max-width: clamp(360px, 40.2777777778vw, 580px);
  }
}
.module-payments .cards-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.module-team {
  padding-block-start: clamp(50px, 6.5972222222vw, 95px);
  overflow: hidden;
}
.module-team .content-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(40px, 3.4722222222vw, 50px);
  max-width: clamp(620px, 68.0555555556vw, 980px);
  margin-inline: auto;
  text-align: center;
}
.module-team .content-container .stars-wrapper {
  color: #0C274F;
}
.module-team .content-container .stars-wrapper svg {
  width: auto;
  height: clamp(70px, 6.25vw, 90px);
}
.module-team .content-container h2 {
  font-size: clamp(3rem, 5.8333333333vw, 5.25rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #EBE7F7;
}
.module-team .content-container h2 span {
  color: #1B61DD;
}
.module-team .content-container .description {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  color: #4D6D9F;
}
.module-team .slideshow-container {
  padding-block: 4.6875rem clamp(120px, 13.5416666667vw, 195px);
}
@media (min-width: 64em) {
  .module-team .slideshow-container {
    position: relative;
    width: var(--ctn-w);
    margin-inline: auto;
    mask-image: linear-gradient(90deg, transparent 0%, #000000 15%, #000000 85%, transparent 100%);
  }
}
.module-team .slideshow-container .slideshow-wrapper {
  width: 100%;
  height: 100%;
  cursor: grab;
}
.module-team .slideshow-container .slideshow-wrapper.is-dragging {
  cursor: grabbing !important;
}
.module-team .slideshow-container .slideshow-wrapper.is-dragging .member-wrapper {
  cursor: inherit;
}
.module-team .slideshow-container .members-container {
  display: flex;
  align-items: center;
}
@media (max-width: 47.99em) {
  .module-team .slideshow-container .members-container {
    margin-inline: 1.25rem;
  }
}
.module-team .slideshow-container .member-wrapper {
  height: clamp(310px, 28.4722222222vw, 410px);
  aspect-ratio: 330/410;
  margin-inline: 1.25rem;
  cursor: pointer;
}
.module-team .slideshow-container .member-wrapper.active .inner-wrapper {
  background: #0C274F;
  transform: scale3d(1.1, 1.1, 1);
}
.module-team .slideshow-container .member-wrapper.active .inner-wrapper::before {
  transform: scale3d(1, 1, 1);
  box-shadow: 0 0 2.5rem #1B61DD;
}
.module-team .slideshow-container .member-wrapper.active .image-container .image-wrapper {
  opacity: 1;
}
.module-team .slideshow-container .member-wrapper.active .image-container .link-wrapper {
  transform: scale3d(1, 1, 1);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.module-team .slideshow-container .member-wrapper.active .info-wrapper .name {
  color: #EBE7F7;
}
.module-team .slideshow-container .member-wrapper.active .info-wrapper .position {
  color: #1B61DD;
}
@media (hover: hover) and (pointer: fine) {
  .module-team .slideshow-container .member-wrapper:not(:disabled):hover .image-container .image-wrapper {
    opacity: 1;
  }
  .module-team .slideshow-container .member-wrapper:not(:disabled):hover .image-container .link-wrapper {
    transform: scale3d(1, 1, 1);
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  .module-team .slideshow-container .member-wrapper:not(:disabled):hover .inner-wrapper {
    background: #0C274F;
  }
  .module-team .slideshow-container .member-wrapper:not(:disabled):hover .info-wrapper .name {
    color: #EBE7F7;
  }
  .module-team .slideshow-container .member-wrapper:not(:disabled):hover .info-wrapper .position {
    color: #1B61DD;
  }
}
.module-team .slideshow-container .member-wrapper .inner-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: clamp(40px, 3.4722222222vw, 50px);
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  padding-block-start: 3.125rem;
  background: #091F3D;
  box-shadow: 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  transition: background 0.4s cubic-bezier(0.32, 0.94, 0.6, 1), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.module-team .slideshow-container .member-wrapper .inner-wrapper::before {
  content: "";
  position: absolute;
  bottom: -3.125rem;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.5rem;
  background: #1B61DD;
  transform: scale3d(0, 1, 1);
  transition: transform 0.4s cubic-bezier(0.32, 0.94, 0.6, 1), box-shadow 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.module-team .slideshow-container .member-wrapper .image-container {
  position: relative;
}
.module-team .slideshow-container .member-wrapper .image-container .image-wrapper {
  aspect-ratio: 1/1;
  width: clamp(125px, 14.9305555556vw, 215px);
  height: clamp(125px, 14.9305555556vw, 215px);
  border-radius: 50%;
  opacity: 0.5;
  background: #003F8B;
  transition: opacity 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
  overflow: hidden;
}
.module-team .slideshow-container .member-wrapper .image-container .image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.module-team .slideshow-container .member-wrapper .image-container .link-wrapper {
  position: absolute;
  bottom: -0.5rem;
  right: -0.5rem;
  transform: scale3d(0, 0, 1);
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
@media (min-width: 48em) {
  .module-team .slideshow-container .member-wrapper .image-container .link-wrapper {
    bottom: -0.125rem;
    right: -0.125rem;
  }
}
@media (min-width: 64em) {
  .module-team .slideshow-container .member-wrapper .image-container .link-wrapper {
    bottom: 0.5rem;
    right: 0.5rem;
  }
}
.module-team .slideshow-container .member-wrapper .info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  text-align: center;
}
.module-team .slideshow-container .member-wrapper .info-wrapper .name {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #4D6D9F;
  transition: color 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.module-team .slideshow-container .member-wrapper .info-wrapper .position {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  color: #003F8B;
  transition: color 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}

#header {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  transition: transform 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header.hidden {
  pointer-events: none;
  transform: translate3d(0, -100%, 0);
}
#header.hidden::before {
  opacity: 0;
}
#header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: clamp(120px, 16.6666666667vw, 240px);
  background: linear-gradient(180deg, #07182b 0%, rgba(7, 24, 43, 0.85) 25%, rgba(7, 24, 43, 0) 100%);
  transition: opacity 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header .container {
  padding-block-start: clamp(var(--gutter), 3.4722222222vw, 50px);
}
#header .content-container {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
#header .content-container .logo-container {
  width: auto;
  height: fit-content;
}
#header .content-container .logo-container span[aria-hidden=true] {
  display: none;
}
#header .content-container .logo-container .logo-wrapper {
  height: 2.5rem;
}
@media (min-width: 48em) {
  #header .content-container .logo-container .logo-wrapper {
    height: 100%;
  }
}
#header .content-container .logo-container .logo-wrapper svg {
  width: auto;
  height: 100%;
  color: #EBE7F7;
}
#header .content-container .navigation-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
#header .content-container .navigation-container ul {
  position: relative;
  display: flex;
  align-items: center;
  gap: 40px;
}
#header .content-container .navigation-container ul::before {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.5rem;
  background: #4D6D9F;
}
#header .content-container .navigation-container li {
  position: relative;
}
#header .content-container .navigation-container li.active::before {
  content: "";
  position: absolute;
  bottom: -0.875rem;
  left: 0;
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.5rem;
  background: #1B61DD;
  box-shadow: 0 0 40px #1B61DD;
}
#header .content-container .navigation-container li.active a {
  pointer-events: none;
  color: #EBE7F7;
}
#header .content-container .navigation-container li a {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  color: #4D6D9F;
  text-wrap: nowrap;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
@media (hover: hover) and (pointer: fine) {
  #header .content-container .navigation-container li a:not(:disabled):hover {
    color: #EBE7F7;
  }
}
#header .content-container .navigation-container li a::before {
  content: "";
  position: absolute;
  inset: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(100% + 0.625rem);
  height: calc(100% + 0.3125rem);
}
#header .content-container .actions-container {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
@media (max-width: 63.99em) {
  #header .content-container .actions-container .partial-cta.theme-primary-red-hover {
    pointer-events: none;
  }
}
#header .menu-cta {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.5rem;
  background: #0C274F;
  border: 1px solid #1B61DD;
  transition: background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), box-shadow 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header .menu-cta.active {
  background: #1B61DD;
  box-shadow: 0 0 1.5625rem #1f5bc1;
}
#header .menu-cta.active .icon-wrapper div:first-of-type {
  transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
#header .menu-cta.active .icon-wrapper div:last-of-type {
  transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  #header .menu-cta:not(:disabled):hover {
    background: #1B61DD;
    box-shadow: 0 0 1.5625rem #1f5bc1;
  }
}
#header .menu-cta .icon-wrapper {
  position: relative;
}
#header .menu-cta .icon-wrapper div {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5625rem;
  height: 0.1875rem;
  background: #EBE7F7;
  border-radius: 0.1875rem;
  transform-origin: center center;
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header .menu-cta .icon-wrapper div:first-of-type {
  transform: translate3d(-50%, calc(-50% + 0.3125rem), 0);
}
#header .menu-cta .icon-wrapper div:last-of-type {
  transform: translate3d(-50%, calc(-50% - 0.3125rem), 0);
}
#header .menu-container {
  position: fixed;
  inset: 0;
  pointer-events: none;
}
#header .menu-container.active {
  pointer-events: all;
}
#header .menu-container.active .overlay {
  opacity: 1;
}
#header .menu-container.active .navigation-container {
  transform: translate3d(0, 0, 0);
}
#header .menu-container.active .navigation-container .navigation-wrapper {
  transform: translate3d(0, 0, 0);
}
#header .menu-container .overlay {
  position: absolute;
  inset: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 0.3s linear;
}
#header .menu-container .navigation-container {
  position: relative;
  z-index: 1;
  background: #07182B;
  overflow: hidden;
  transform: translate3d(0, -100%, 0);
  transition: transform 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header .menu-container .navigation-container .navigation-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5625rem;
  padding: 7.8125rem var(--gutter) 3.125rem;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.4s cubic-bezier(0.32, 0.94, 0.6, 1);
}
#header .menu-container .navigation-container .navigation-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
#header .menu-container .navigation-container .navigation-wrapper ul li.active a {
  color: #EBE7F7;
}
#header .menu-container .navigation-container .navigation-wrapper ul li a {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  color: #4D6D9F;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
@media (hover: hover) and (pointer: fine) {
  #header .menu-container .navigation-container .navigation-wrapper ul li a:not(:disabled):hover {
    color: #EBE7F7;
  }
}
#header .menu-container .navigation-container .navigation-wrapper ul li a::before {
  content: "";
  position: absolute;
  inset: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(100% + 0.625rem);
  height: calc(100% + 0.625rem);
}
#header .menu-container .navigation-container .navigation-wrapper .actions-container {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}

#footer {
  position: relative;
  padding-block: 3.125rem;
}
#footer::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  aspect-ratio: 1/1;
  width: min(93.75rem, 95vw);
  height: min(93.75rem, 95vw);
  opacity: 0.15;
  background: radial-gradient(circle at 0% 100%, #1B61DD 0%, transparent 50%);
}
#footer .content-container {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  margin-block-end: 2.5rem;
}
@media (min-width: 48em) {
  #footer .content-container {
    margin-block-end: 3.75rem;
  }
}
@media (min-width: 64em) {
  #footer .content-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin-block-end: 5rem;
  }
}
#footer .content-container h2 {
  font-size: clamp(1.75rem, 2.3611111111vw, 2.125rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #EBE7F7;
  text-transform: uppercase;
}
#footer .content-container .links-container {
  display: flex;
  justify-content: space-between;
  column-gap: 1.875rem;
  row-gap: 3.75rem;
}
@media (min-width: 48em) {
  #footer .content-container .links-container {
    display: flex;
    gap: 6.25rem;
    justify-content: flex-start;
  }
}
@media (max-width: 63.99em) {
  #footer .content-container .links-container {
    flex-wrap: wrap;
  }
}
#footer .content-container .links-container .links-wrapper h3 {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-wrap: nowrap;
  color: #EBE7F7;
  margin-block-end: 1.875rem;
}
#footer .content-container .links-container .links-wrapper ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
#footer .content-container .links-container .links-wrapper ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  color: #4D6D9F;
}
#footer .content-container .links-container .links-wrapper ul li a {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  text-wrap: nowrap;
  color: #4D6D9F;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
@media (hover: hover) and (pointer: fine) {
  #footer .content-container .links-container .links-wrapper ul li a:not(:disabled):hover {
    color: #EBE7F7;
  }
}
#footer .content-container .links-container .links-wrapper ul li a::before {
  content: "";
  position: absolute;
  inset: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: calc(100% + 0.625rem);
  height: calc(100% + 0.3125rem);
}
#footer .content-container .links-container .links-wrapper ul li a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.25rem;
}
#footer .content-container .links-container .links-wrapper ul li a svg {
  width: auto;
  height: 100%;
  color: inherit;
}
#footer .separator {
  width: 100%;
  height: 0.1875rem;
  border-radius: 0.1875rem;
  background: #0C274F;
  margin-block-end: 1.875rem;
}
#footer .copyright {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  color: #4D6D9F;
}
@media (min-width: 48em) {
  #footer .copyright {
    justify-content: center;
  }
}

.partial-cta {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.875rem;
  width: fit-content;
  height: 3.125rem;
  padding: 0.875rem;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid transparent;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), box-shadow 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), border-color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.partial-cta:disabled, .partial-cta[aria-disabled=true] {
  pointer-events: none;
}
.partial-cta.hidden {
  display: none !important;
}
.partial-cta.center {
  justify-content: center;
}
.partial-cta.only-icon {
  justify-content: center;
  width: 3.125rem;
  min-width: 3.125rem;
}
.partial-cta.is-loading {
  background: #1B61DD !important;
}
.partial-cta.is-loading span {
  opacity: 0;
}
.partial-cta.is-loading::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 1.25rem;
  height: 1.25rem;
  aspect-ratio: 1/1;
  border-radius: 50%;
  border: 2px solid #EBE7F7;
  border-top-color: #1B61DD;
  animation: rotateLoader 1s linear infinite;
}
.partial-cta.theme-primary {
  color: #EBE7F7;
  background: #1B61DD;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-primary:not(:disabled):hover {
    box-shadow: 0 0 1.5625rem #1f5bc1;
  }
}
.partial-cta.theme-primary-rounded {
  color: #EBE7F7;
  background: #1B61DD;
  border-radius: 50%;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-primary-rounded:not(:disabled):hover {
    box-shadow: 0 0 1.5625rem #1f5bc1;
  }
}
.partial-cta.theme-primary-red-hover {
  color: #EBE7F7;
  background: #1B61DD;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-primary-red-hover:not(:disabled):hover {
    background: #FF4E4E;
    box-shadow: 0 0 1.5625rem #F93939;
  }
  .partial-cta.theme-primary-red-hover:not(:disabled):hover .logout-wrapper {
    opacity: 1;
  }
  .partial-cta.theme-primary-red-hover:not(:disabled):hover .logout-wrapper svg {
    transform: translate3d(0, 0, 0);
  }
}
.partial-cta.theme-secondary-light {
  color: #EBE7F7;
  background: #0C274F;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-secondary-light:not(:disabled):hover {
    background: #0b2b5b;
  }
}
.partial-cta.theme-secondary-dark {
  color: #1B61DD;
  background: #0C274F;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-secondary-dark:not(:disabled):hover {
    color: #EBE7F7;
    background: #0b2b5b;
  }
}
.partial-cta.theme-dark {
  color: #EBE7F7;
  background: rgba(7, 24, 43, 0.7);
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-dark:not(:disabled):hover {
    background: #07182B;
  }
}
.partial-cta.theme-primary-border {
  color: #EBE7F7;
  background: #0C274F;
  border-color: #1B61DD;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-primary-border:not(:disabled):hover {
    background: #1B61DD;
    box-shadow: 0 0 1.5625rem #1f5bc1;
  }
}
.partial-cta.theme-red-no-hover {
  color: #EBE7F7;
  background: #FF4E4E;
  pointer-events: none;
}
.partial-cta.theme-red-border {
  color: #EBE7F7;
  background: #0C274F;
  border-color: #FF4E4E;
}
@media (hover: hover) and (pointer: fine) {
  .partial-cta.theme-red-border:not(:disabled):hover {
    background: #FF4E4E;
    box-shadow: 0 0 1.5625rem #F93939;
  }
}
.partial-cta.full-width {
  width: 100%;
}
.partial-cta .icon {
  height: 1.25rem;
}
.partial-cta .icon svg {
  width: auto;
  height: 100%;
}
.partial-cta .text {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
}
.partial-cta .logout-wrapper {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.2s linear;
  background: #FF4E4E;
}
.partial-cta .logout-wrapper svg {
  transform: translate3d(0, 0.3125rem, 0);
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}

.partial-modal {
  position: fixed;
  inset: 0;
  z-index: 15;
  pointer-events: none;
}
.partial-modal.active {
  pointer-events: all;
}
.partial-modal.active .overlay {
  opacity: 1;
}
.partial-modal.active .modal-container {
  opacity: 1;
  pointer-events: all;
  transform: translate3d(-50%, -50%, 0);
}
.partial-modal .overlay {
  position: absolute;
  inset: 0;
  background: rgba(8, 16, 24, 0.7);
  backdrop-filter: blur(20px);
  opacity: 0;
  transition: opacity 0.3s linear;
}
.partial-modal .container {
  height: 100%;
  pointer-events: none;
}
.partial-modal .modal-container {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, calc(-50% + 2.5rem), 0);
  width: 100%;
  max-width: 50.625rem;
  max-height: calc(80 * var(--vh));
  background: #0C274F;
  border-radius: 1.25rem;
  box-shadow: 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), opacity 0.3s linear;
}
@media (min-width: 48em) {
  .partial-modal .modal-container {
    max-height: 26.25rem;
  }
}
.partial-modal .modal-container .close-cta {
  position: absolute;
  z-index: 1;
  top: clamp(20px, 1.9444444444vw, 28px);
  right: clamp(20px, 1.9444444444vw, 28px);
}
.partial-modal .modal-container .modal-wrapper {
  scrollbar-width: none;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  width: 100%;
  height: 100%;
  max-height: inherit;
  overflow-y: auto;
  padding: clamp(20px, 1.9444444444vw, 28px);
}
.partial-modal .modal-container .modal-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 48em) {
  .partial-modal .modal-container .modal-wrapper {
    flex-direction: row;
  }
}

.partial-discount {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #1B61DD;
  aspect-ratio: 1/1;
  width: clamp(70px, 5.5555555556vw, 80px);
  height: clamp(70px, 5.5555555556vw, 80px);
}
.partial-discount span {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #EBE7F7;
}

.partial-package-modal .modal-container {
  min-height: 26.25rem;
}
.partial-package-modal .partial-discount {
  top: -1.5625rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media (min-width: 48em) {
  .partial-package-modal .partial-discount {
    top: -0.875rem;
    left: -0.875rem;
    transform: none;
  }
}
.partial-package-modal .product-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  width: 100%;
}
@media (min-width: 48em) {
  .partial-package-modal .product-container {
    min-width: 18.5rem;
    max-width: 18.5rem;
  }
}
.partial-package-modal .product-container .image-wrapper {
  position: relative;
  aspect-ratio: 1/1;
  padding: 2.375rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
  overflow: hidden;
}
.partial-package-modal .product-container .image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  aspect-ratio: 1/1;
  filter: blur(7.5rem);
  background: radial-gradient(circle at 50% 50%, #1B61DD 0%, rgba(7, 24, 43, 0) 50%);
}
.partial-package-modal .product-container .image-wrapper img {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.partial-package-modal .product-container .price-wrapper {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  font-weight: 700;
  min-height: 3.125rem;
  text-transform: uppercase;
  padding: 0.625rem 0.9375rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
}
.partial-package-modal .product-container .price-wrapper .discount {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  color: #003F8B;
  text-decoration: line-through;
}
.partial-package-modal .content-container {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
@media (min-width: 48em) {
  .partial-package-modal .content-container {
    gap: 0;
    padding-block-start: 0.875rem;
  }
}
.partial-package-modal .content-container .title {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  color: #EBE7F7;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 48em) {
  .partial-package-modal .content-container .title {
    margin-block-end: 1rem;
    max-width: calc(100% - 4rem);
  }
}
.partial-package-modal .content-container .description-wrapper {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  scrollbar-width: none;
  height: 100%;
  color: #6E8DBE;
}
.partial-package-modal .content-container .description-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 48em) {
  .partial-package-modal .content-container .description-wrapper {
    height: 100%;
    overflow-y: auto;
    padding-inline-end: clamp(60px, 4.4444444444vw, 64px);
    padding-block: 1rem 2rem;
    mask-image: linear-gradient(180deg, transparent 0%, #000000 10%, #000000 85%, transparent 100%);
  }
}
.partial-package-modal .content-container .actions-container {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
@media (min-width: 48em) {
  .partial-package-modal .content-container .actions-container {
    margin-block-start: 2rem;
  }
}
.partial-package-modal .content-container .actions-container .partial-package-actions {
  padding: 0.875rem;
  border-radius: 0.5rem;
  background: #1B61DD;
}

.partial-servers-modal .modal-container .modal-wrapper {
  flex-direction: column;
}
.partial-servers-modal .title {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  color: #EBE7F7;
  font-weight: 700;
  text-transform: uppercase;
  height: 2.375rem;
}
@media (min-width: 48em) {
  .partial-servers-modal .title {
    max-width: calc(100% - 4rem);
    height: 3.125rem;
  }
}
.partial-servers-modal .servers-container {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  width: 100%;
}
.partial-servers-modal .server-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.875rem;
  width: 100%;
}
@media (min-width: 48em) {
  .partial-servers-modal .server-wrapper {
    flex-direction: row;
  }
}
.partial-servers-modal .server-wrapper .info-wrapper {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  min-height: 3.125rem;
  color: #EBE7F7;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
  overflow: hidden;
}
.partial-servers-modal .server-wrapper .players-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(100px, 8.3333333333vw, 120px);
  min-height: inherit;
  background: #003F8B;
}
.partial-servers-modal .server-wrapper .players-wrapper span {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
}
.partial-servers-modal .server-wrapper .name {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
}

.partial-trailer-modal .modal-container {
  max-height: none;
}
@media (min-width: 64em) {
  .partial-trailer-modal .modal-container {
    max-width: clamp(1080px, 100vw, 1440px);
  }
}
.partial-trailer-modal iframe {
  aspect-ratio: 16/9;
  border-radius: 0.875rem;
}

.partial-package-category {
  position: relative;
  background: #0C274F;
  padding: 1.625rem;
  border-radius: 1.25rem;
  box-shadow: 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  transition: background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  cursor: pointer;
}
@media (hover: hover) and (pointer: fine) {
  .partial-package-category:not(:disabled):hover {
    background: #0b2b5b;
    transform: scale3d(1.05, 1.05, 1);
  }
  .partial-package-category:not(:disabled):hover .package-wrapper .image-wrapper img {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.partial-package-category.hide {
  display: none;
}
.partial-package-category .partial-discount {
  top: -1.5625rem;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
@media (min-width: 48em) {
  .partial-package-category .partial-discount {
    top: -0.875rem;
    left: auto;
    right: -0.875rem;
    transform: none;
  }
}
.partial-package-category .package-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 1.25rem;
}
.partial-package-category .package-wrapper .image-wrapper {
  position: relative;
  aspect-ratio: 1/1;
  padding: 2.375rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
  overflow: hidden;
}
.partial-package-category .package-wrapper .image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  aspect-ratio: 1/1;
  filter: blur(7.5rem);
  background: radial-gradient(circle at 50% 50%, #1B61DD 0%, rgba(7, 24, 43, 0) 50%);
}
.partial-package-category .package-wrapper .image-wrapper img {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.partial-package-category .package-wrapper .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
}
.partial-package-category .package-wrapper .title span {
  font-size: clamp(1.25rem, 1.9444444444vw, 1.75rem);
  line-height: 1;
  letter-spacing: 0;
  color: #EBE7F7;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.partial-package-category .package-wrapper .partial-cta .discount {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  color: #0C274F;
  text-decoration: line-through;
  margin-inline-start: 0.875rem;
}

.partial-package-checkout {
  position: relative;
  background: #0C274F;
  padding: 1.25rem;
  border-radius: 1.25rem;
  box-shadow: 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  transition: background 0.3s cubic-bezier(0.32, 0.94, 0.6, 1), transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (hover: hover) and (pointer: fine) {
  .partial-package-checkout:not(:disabled):hover {
    background: #0b2b5b;
    transform: scale3d(1.05, 1.05, 1);
  }
  .partial-package-checkout:not(:disabled):hover .package-wrapper .image-wrapper img {
    transform: scale3d(1.05, 1.05, 1);
  }
}
.partial-package-checkout .package-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 0.875rem;
}
.partial-package-checkout .package-wrapper .image-wrapper {
  position: relative;
  aspect-ratio: 1/1;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
  overflow: hidden;
}
.partial-package-checkout .package-wrapper .image-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  aspect-ratio: 1/1;
  filter: blur(7.5rem);
  background: radial-gradient(circle at 50% 50%, #1B61DD 0%, rgba(7, 24, 43, 0) 50%);
}
.partial-package-checkout .package-wrapper .image-wrapper img {
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.partial-package-checkout .package-wrapper .title {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  background: rgba(7, 24, 43, 0.7);
}
.partial-package-checkout .package-wrapper .title span {
  font-size: clamp(1.125rem, 1.6666666667vw, 1.5rem);
  line-height: 1;
  letter-spacing: 0;
  color: #EBE7F7;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.partial-package-checkout .package-wrapper .actions-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.partial-package-checkout .package-wrapper .actions-container .price {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  color: #EBE7F7;
}
.partial-package-checkout .package-wrapper .actions-container .price .discount {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  color: #0C274F;
  text-decoration: line-through;
  margin-inline-start: 0.875rem;
}

.partial-package-actions {
  display: flex;
  gap: 0.875rem;
}
.partial-package-actions button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s cubic-bezier(0.32, 0.94, 0.6, 1);
}
.partial-package-actions button::before {
  content: "";
  position: absolute;
  inset: -0.25rem -0.375rem;
}
.partial-package-actions .delete-cta {
  color: #FF4E4E;
}
@media (hover: hover) and (pointer: fine) {
  .partial-package-actions .delete-cta:not(:disabled):hover {
    color: #F93939;
  }
}
.partial-package-actions .reduce-cta, .partial-package-actions .add-cta {
  color: #6E8DBE;
}
@media (hover: hover) and (pointer: fine) {
  .partial-package-actions .reduce-cta:not(:disabled):hover, .partial-package-actions .add-cta:not(:disabled):hover {
    color: #EBE7F7;
  }
}
.partial-package-actions .reduce-cta[disabled], .partial-package-actions .add-cta[disabled] {
  color: #4D6D9F;
  pointer-events: none;
}
.partial-package-actions input[name=input-quantity] {
  font-size: clamp(1rem, 1.3888888889vw, 1.25rem);
  line-height: 1;
  letter-spacing: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #EBE7F7;
  background: rgba(7, 24, 43, 0.7);
  border-radius: 0.25rem;
  width: 1.375rem;
  text-align: center;
  -moz-appearance: textfield;
}
.partial-package-actions input[name=input-quantity]::placeholder {
  color: #6E8DBE;
}
.partial-package-actions input[name=input-quantity]::-webkit-outer-spin-button, .partial-package-actions input[name=input-quantity]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:root {
  --vh: 1vh;
  --gutter: clamp(28px, 4.1666666667vw, 60px);
  --pages-padding-block-start: clamp(160px, 15.9722222222vw, 230px);
  --max-ctn-w: 1520px;
  --ctn-w: clamp(200px, calc(100vw - var(--gutter) * 2), var(--max-ctn-w));
}
@media (min-width: 64em) {
  :root {
    --gutter: clamp(16px, 5vw, 72px);
  }
}

body {
  font-family: "Outfit", sans-serif;
  color: #EBE7F7;
  background: #07182B;
}

#app {
  position: relative;
}
#app > .background-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100 * var(--vh));
  pointer-events: none;
}
#app > .background-container::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  pointer-events: none;
  aspect-ratio: 1/1;
  width: auto;
  height: min(100 * var(--vh), 93.75rem);
  opacity: 0.3;
  background: radial-gradient(circle at 100% 0%, #1B61DD 0%, transparent 50%);
}
#app > .background-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}

@keyframes rotateLoader {
  0% {
    transform: translate3d(-50%, -50%, 0) rotate(0);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) rotate(360deg);
  }
}