/* Critical CSS optimized */
@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: oklch(63.7% .237 25.331);
    --color-red-600: oklch(57.7% .245 27.325);
    --color-pink-600: oklch(59.2% .249 .584);
    --color-gray-50: oklch(98.5% .002 247.839);
    --color-gray-100: oklch(96.7% .003 264.542);
    --color-gray-300: oklch(87.2% .01 258.338);
    --color-gray-400: oklch(70.7% .022 261.325);
    --color-gray-500: oklch(55.1% .027 264.364);
    --color-gray-600: oklch(44.6% .03 256.802);
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25/.875);
    --text-base: 1rem;
    --text-base--line-height: 1.5;
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --font-weight-light: 300;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-sm: .25rem;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-bourgeois: "Bourgeois", sans-serif;
    --font-quantum: "Quantum", sans-serif;
    --font-quantum-semibold: "Quantum Semibold", sans-serif;
    --font-roboto-mono: "Roboto Mono", sans-serif;
    --box-center: flex items-center justify-center
  }
}

@layer base {

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

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

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

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
  }

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

  img,
  video {
    max-width: 100%;
    height: auto
  }

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  [hidden]:where(:not([hidden=until-found])) {
    display: none !important
  }
}

@layer components {
  .main-layout {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 1440px;
    display: flex
  }

  .main-content {
    width: 100%;
    max-width: 1200px
  }

  button {
    cursor: pointer
  }

  .title-list-footer {
    font-family: var(--font-quantum-semibold);
    --tw-leading: 1;
    color: var(--color-white);
    font-size: 16px;
    line-height: 1
  }

  @media(min-width:1280px) {
    .title-list-footer {
      font-size: 20px
    }
  }

  .footer-items {
    gap: calc(var(--spacing)*6);
    flex-direction: column;
    display: flex
  }

  .list-footer-items {
    gap: calc(var(--spacing)*4);
    flex-direction: column;
    display: flex
  }

  .footer-item-text {
    font-family: var(--font-bourgeois);
    --tw-leading: calc(var(--spacing)*5);
    font-size: 18px;
    line-height: calc(var(--spacing)*5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .social-networks {
    gap: calc(var(--spacing)*4);
    grid-template-columns: 24px 1fr;
    display: grid
  }
}

@layer utilities {
  .collapse {
    visibility: collapse
  }

  .visible {
    visibility: visible
  }

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

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .static {
    position: static
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing)*0)
  }

  .top-0 {
    top: calc(var(--spacing)*0)
  }

  .top-1\/2 {
    top: 50%
  }

  .top-3 {
    top: calc(var(--spacing)*3)
  }

  .top-4 {
    top: calc(var(--spacing)*4)
  }

  .top-6\/12 {
    top: 50%
  }

  .right-0 {
    right: calc(var(--spacing)*0)
  }

  .right-3 {
    right: calc(var(--spacing)*3)
  }

  .right-4 {
    right: calc(var(--spacing)*4)
  }

  .right-6 {
    right: calc(var(--spacing)*6)
  }

  .bottom-0 {
    bottom: calc(var(--spacing)*0)
  }

  .left-0 {
    left: calc(var(--spacing)*0)
  }

  .left-4 {
    left: calc(var(--spacing)*4)
  }

  .left-6 {
    left: calc(var(--spacing)*6)
  }

  .left-6\/12 {
    left: 50%
  }

  .z-10 {
    z-index: 10
  }

  .z-30 {
    z-index: 30
  }

  .z-40 {
    z-index: 40
  }

  .z-50 {
    z-index: 50
  }

  .m-0 {
    margin: calc(var(--spacing)*0)
  }

  .-mt-1 {
    margin-top: calc(var(--spacing)*-1)
  }

  .-mt-12 {
    margin-top: calc(var(--spacing)*-12)
  }

  .mt-1 {
    margin-top: calc(var(--spacing)*1)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing)*4)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing)*6)
  }

  .-ml-2 {
    margin-left: calc(var(--spacing)*-2)
  }

  .-ml-\[160px\] {
    margin-left: -160px
  }

  .ml-2 {
    margin-left: calc(var(--spacing)*2)
  }

  .block {
    display: block
  }

  .contents {
    display: contents
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline {
    display: inline
  }

  .\!h-10 {
    height: calc(var(--spacing)*10) !important
  }

  .h-3 {
    height: calc(var(--spacing)*3)
  }

  .h-4 {
    height: calc(var(--spacing)*4)
  }

  .h-5 {
    height: calc(var(--spacing)*5)
  }

  .h-6 {
    height: calc(var(--spacing)*6)
  }

  .h-8 {
    height: calc(var(--spacing)*8)
  }

  .h-10 {
    height: calc(var(--spacing)*10)
  }

  .h-11 {
    height: calc(var(--spacing)*11)
  }

  .h-12 {
    height: calc(var(--spacing)*12)
  }

  .h-14 {
    height: calc(var(--spacing)*14)
  }

  .h-16 {
    height: calc(var(--spacing)*16)
  }

  .h-20 {
    height: calc(var(--spacing)*20)
  }

  .h-56 {
    height: calc(var(--spacing)*56)
  }

  .h-\[72px\] {
    height: 72px
  }

  .h-\[90px\] {
    height: 90px
  }

  .h-\[108px\] {
    height: 108px
  }

  .h-\[136px\] {
    height: 136px
  }

  .h-\[138px\] {
    height: 138px
  }

  .h-\[140px\] {
    height: 140px
  }

  .h-\[175px\] {
    height: 175px
  }

  .h-\[196px\] {
    height: 196px
  }

  .h-\[230px\] {
    height: 230px
  }

  .h-\[370px\] {
    height: 370px
  }

  .h-\[500px\] {
    height: 500px
  }

  .h-auto {
    height: auto
  }

  .h-dvh {
    height: 100dvh
  }

  .h-full {
    height: 100%
  }

  .max-h-0 {
    max-height: calc(var(--spacing)*0)
  }

  .max-h-16 {
    max-height: calc(var(--spacing)*16)
  }

  .max-h-60 {
    max-height: calc(var(--spacing)*60)
  }

  .max-h-full {
    max-height: 100%
  }

  .max-h-screen {
    max-height: 100vh
  }

  .min-h-10 {
    min-height: calc(var(--spacing)*10)
  }

  .min-h-32 {
    min-height: calc(var(--spacing)*32)
  }

  .min-h-40 {
    min-height: calc(var(--spacing)*40)
  }

  .min-h-\[128px\] {
    min-height: 128px
  }

  .min-h-\[200px\] {
    min-height: 200px
  }

  .min-h-screen {
    min-height: 100vh
  }

  .\!w-\[200px\] {
    width: 200px !important
  }

  .\!w-\[240px\] {
    width: 240px !important
  }

  .w-3 {
    width: calc(var(--spacing)*3)
  }

  .w-4 {
    width: calc(var(--spacing)*4)
  }

  .w-5 {
    width: calc(var(--spacing)*5)
  }

  .w-6 {
    width: calc(var(--spacing)*6)
  }

  .w-10 {
    width: calc(var(--spacing)*10)
  }

  .w-12 {
    width: calc(var(--spacing)*12)
  }

  .w-16 {
    width: calc(var(--spacing)*16)
  }

  .w-36 {
    width: calc(var(--spacing)*36)
  }

  .w-44 {
    width: calc(var(--spacing)*44)
  }

  .w-48 {
    width: calc(var(--spacing)*48)
  }

  .w-\[72px\] {
    width: 72px
  }

  .w-\[88px\] {
    width: 88px
  }

  .w-\[150px\] {
    width: 150px
  }

  .w-\[172px\] {
    width: 172px
  }

  .w-\[200px\] {
    width: 200px
  }

  .w-\[272px\] {
    width: 272px
  }

  .w-\[320px\] {
    width: 320px
  }

  .w-auto {
    width: auto
  }

  .w-fit {
    width: fit-content
  }

  .w-full {
    width: 100%
  }

  .max-w-\[136px\] {
    max-width: 136px
  }

  .max-w-\[152px\] {
    max-width: 152px
  }

  .max-w-\[200px\] {
    max-width: 200px
  }

  .max-w-\[210px\] {
    max-width: 210px
  }

  .max-w-\[320px\] {
    max-width: 320px
  }

  .max-w-\[380px\] {
    max-width: 380px
  }

  .max-w-\[520px\] {
    max-width: 520px
  }

  .max-w-\[728px\] {
    max-width: 728px
  }

  .max-w-\[1088px\] {
    max-width: 1088px
  }

  .max-w-\[1200px\] {
    max-width: 1200px
  }

  .max-w-dvw {
    max-width: 100dvw
  }

  .max-w-full {
    max-width: 100%
  }

  .min-w-0 {
    min-width: calc(var(--spacing)*0)
  }

  .min-w-\[460px\] {
    min-width: 460px
  }

  .flex-1 {
    flex: 1
  }

  .flex-shrink-0,
  .shrink-0 {
    flex-shrink: 0
  }

  .flex-grow {
    flex-grow: 1
  }

  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing)*0);
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x)var(--tw-translate-y)
  }

  .rotate-0 {
    rotate: none
  }

  .rotate-180 {
    rotate: 180deg
  }

  .transform {
    transform: var(--tw-rotate-x, )var(--tw-rotate-y, )var(--tw-rotate-z, )var(--tw-skew-x, )var(--tw-skew-y, )
  }

  .animate-spin {
    animation: var(--animate-spin)
  }

  .cursor-default {
    cursor: default
  }

  .cursor-not-allowed {
    cursor: not-allowed
  }

  .cursor-pointer {
    cursor: pointer
  }

  .resize {
    resize: both
  }

  .resize-none {
    resize: none
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .grid-cols-\[32px_auto\] {
    grid-template-columns: 32px auto
  }

  .grid-cols-\[200px_352px_200px_200px\] {
    grid-template-columns: 200px 352px 200px 200px
  }

  .grid-cols-\[auto_196px\] {
    grid-template-columns: auto 196px
  }

  .flex-col {
    flex-direction: column
  }

  .flex-row {
    flex-direction: row
  }

  .flex-row-reverse {
    flex-direction: row-reverse
  }

  .place-items-center {
    place-items: center
  }

  .items-center {
    align-items: center
  }

  .items-start {
    align-items: flex-start
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

  .justify-start {
    justify-content: flex-start
  }

  .gap-0 {
    gap: calc(var(--spacing)*0)
  }

  .gap-1 {
    gap: calc(var(--spacing)*1)
  }

  .gap-1\.5 {
    gap: calc(var(--spacing)*1.5)
  }

  .gap-2 {
    gap: calc(var(--spacing)*2)
  }

  .gap-3 {
    gap: calc(var(--spacing)*3)
  }

  .gap-4 {
    gap: calc(var(--spacing)*4)
  }

  .gap-6 {
    gap: calc(var(--spacing)*6)
  }

  .gap-10 {
    gap: calc(var(--spacing)*10)
  }

  .gap-12 {
    gap: calc(var(--spacing)*12)
  }

  .gap-15 {
    gap: calc(var(--spacing)*15)
  }

  .gap-\[9px\] {
    gap: 9px
  }

  .gap-x-20 {
    column-gap: calc(var(--spacing)*20)
  }

  .gap-y-10 {
    row-gap: calc(var(--spacing)*10)
  }

  .self-center {
    align-self: center
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-y-auto {
    overflow-y: auto
  }

  .\!rounded-\[24px\] {
    border-radius: 24px !important
  }

  .\!rounded-full {
    border-radius: 3.40282e38px !important
  }

  .rounded-2xl {
    border-radius: var(--radius-2xl)
  }

  .rounded-3xl {
    border-radius: var(--radius-3xl)
  }

  .rounded-full {
    border-radius: 3.40282e38px
  }

  .rounded-lg {
    border-radius: var(--radius-lg)
  }

  .rounded-md {
    border-radius: var(--radius-md)
  }

  .rounded-sm {
    border-radius: var(--radius-sm)
  }

  .rounded-l-full {
    border-top-left-radius: 3.40282e38px;
    border-bottom-left-radius: 3.40282e38px
  }

  .rounded-r-full {
    border-top-right-radius: 3.40282e38px;
    border-bottom-right-radius: 3.40282e38px
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
  }

  .border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
  }

  .border-solid {
    --tw-border-style: solid;
    border-style: solid
  }

  .border-\[\#0433FF\] {
    border-color: #0433ff
  }

  .border-\[\#E7E7E7\] {
    border-color: #e7e7e7
  }

  .border-gray-100 {
    border-color: var(--color-gray-100)
  }

  .border-gray-300 {
    border-color: var(--color-gray-300)
  }

  .border-gray-400 {
    border-color: var(--color-gray-400)
  }

  .border-red-500 {
    border-color: var(--color-red-500)
  }

  .border-white {
    border-color: var(--color-white)
  }

  .border-t-transparent {
    border-top-color: #0000
  }

  .bg-\[\#0433FF\] {
    background-color: #0433ff
  }

  .bg-\[\#EBEFFF\] {
    background-color: #ebefff
  }

  .bg-\[\#EFEFF0\] {
    background-color: #efeff0
  }

  .bg-\[\#FD2B73\] {
    background-color: #fd2b73
  }

  .bg-\[\#dadada\] {
    background-color: #dadada
  }

  .bg-\[\#ff4081\] {
    background-color: #ff4081
  }

  .bg-black\/50 {
    background-color: #00000080
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black)50%, transparent)
    }
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-white {
    background-color: var(--color-white)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/arrow-top\.webp\'\)\] {
    background-image: url(data:image/webp;base64,UklGRmICAABXRUJQVlA4TFUCAAAvN8ANEFfCuG0jR/Lgvrt7JVz/7eU4vtCEwrZRIwPt/gvzMGzbxpF0/bf97fu/DbKNnOoR7BFeSJBETewAhtuvhw2HiX6/80GVzzzZ+7PIk0XYPVmAP4Ui+1so/BIKdxaQmSBB3r9QGJFgMzGIDIjLQY4QQL7/RMhBAuOKBSoWQbEpNsXy1hiHYiMoNh9C9BPeL/oIgGBbe5PoT8L03nvvBP3ErtMrTva/IA5R8vOzgYj+J7HU/Prxk0Vhby7W50hILd80EWherFJ1tdUEy55EVEltNcHfioi/ZFHJrhJT7aHyviZO9AQBG1E4shCxEYUiCyEbUXlkIWYjKlMWgk+aSvYguk+zaxBeounIQrihaWob4jvkI8g3NBVnqGGHCosaGpryNdSySPk5uK33Sf6egntDeQLuryu+wW3oBXDf3NQruHObYL64mWcwN87B67mSHnhHt2C1/1zJpA3WowWn9ef8y5vzfyk4FqxP53+Qfzn/CakX57MO8jRz/gUyI+f/Oyg6E+cHkGhPnO9jauD8pIuwRaj95/wLZl6c/0sRsvcIjZx/R8mH888IXZ0iNHZF1kJJ+u2KZ4QuNxFKM5dnHZR2MpdnHYQ2FhDsvAw7CHRehh0E53SCWhqU36KWS8pXUMsq5TpBDTEVu6jhhAqdQN6Q34X4Dk3pBMKxoekVCK/S7CFED6hEP0IwVlRmYojFhspNDKHYUMjEEIkNhU0MgQdDHH2IygeKmGsxKiVLxDe74Ce7iiqZsxisZFdR9bXzBIHkakmR0ML6+bVFYe+O1xcUsQAA)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/banner-abr26\.jpeg\'\)\] {
    background-image: url(../img/banner-abr26-DtCT5yhO.jpeg)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/bg-head-button\.svg\'\)\] {
    background-image: url("data:image/svg+xml,%3csvg%20width='272'%20height='48'%20viewBox='0%200%20272%2048'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M262.005%201L271%209.99512V47H9.99512L1%2038.0049V1H262.005Z'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e")
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/bg-mobile-head-button\.svg\'\)\] {
    background-image: url("data:image/svg+xml,%3csvg%20width='200'%20height='64'%20viewBox='0%200%20200%2064'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M190.005%201L199%209.99512V63H9.99512L1%2054.0049V1H190.005Z'%20stroke='white'%20stroke-width='2'/%3e%3c/svg%3e")
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/brand-background\.png\'\)\] {
    background-image: url(../img/brand-background-ov5NDUEL.png)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/brand-bg\.svg\'\)\] {
    background-image: url("data:image/svg+xml,%3csvg%20width='289'%20height='320'%20viewBox='0%200%20289%20320'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M20.6749%20320H288.268V309.52L288%2019.2297L267.593%203.63866e-07L0%200V10.4797L0.267949%20300.77L20.6749%20320Z'%20fill='white'/%3e%3c/svg%3e")
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/button-bg\.webp\'\)\] {
    background-image: url(data:image/webp;base64,UklGRngAAABXRUJQVlA4TGsAAAAvZwAMEDdAkG3TXOf+fNNQ0LYBcvDvmAgmaWQv738iyLbZSIZ2lKsH4P9qsiSHkRyI2rZRTyNyKIrgAIzEyh/H8r1HRP8n4G0/kpTtRqQQRqQQRqQQRqQQzhd/EI3QIBqhQTRCg2iEBnHfdgA=)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/button-blue-bg\.webp\'\)\] {
    background-image: url(data:image/webp;base64,UklGRnoAAABXRUJQVlA4TG4AAAAvx8ALECcgECAxiigEEAAFzfwLBJJQ9pdYLYBZW0CBUdtIkmoYXAiaQyNohT+mmX1Xf1cR/U/cjz7cc+hhf/Swz6GL/9HFP4docESDHHQ4dEh+d4sOQYdZNFDQQLPw1w38dWdhrxfY683CXV/gDg==)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/counter-bg\.webp\'\)\] {
    background-image: url(data:image/webp;base64,UklGRroAAABXRUJQVlA4TK0AAAAvH8IrEC9AkG2zDOkch7r5NRSkbcB0R+eczev8CwiKLHc9gPSi450OuIokyYoGDRhAA40DAgesfy8d+98F95iI/gsJEgx+EYfWmhKIltnA0LHScGmBwaPBg8GjwYPBo8GDwaPBg8Gj4RINo/+Xv/5f/vp/+ev/5a//l7/+X/76f/nr/+Wv/5e/T4x7sEj7OVikjcZUNKaiMRWNGYwZjBmMGYwZjBmMzTaBqOaJQwA=)
  }

  .bg-\[url\(\'\@\/shared\/assets\/images\/tip-card-bg\.svg\'\)\] {
    background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='196'%20height='176'%20fill='none'%3e%3cpath%20d='M179%201H18L1%2017.5v107L18%20140h57l13%2034.5h20l14-34.5h57l16-15.5v-107L179%201z'%20stroke='%230433ff'%20stroke-width='2'/%3e%3c/svg%3e")
  }

  .bg-contain {
    background-size: contain
  }

  .bg-cover {
    background-size: cover
  }

  .bg-size-\[100\%_100\%\] {
    background-size: 100% 100%
  }

  .bg-center {
    background-position: 50%
  }

  .bg-no-repeat {
    background-repeat: no-repeat
  }

  .object-contain {
    object-fit: contain
  }

  .object-cover {
    object-fit: cover
  }

  .p-1 {
    padding: calc(var(--spacing)*1)
  }

  .p-2 {
    padding: calc(var(--spacing)*2)
  }

  .p-4 {
    padding: calc(var(--spacing)*4)
  }

  .p-5 {
    padding: calc(var(--spacing)*5)
  }

  .p-6 {
    padding: calc(var(--spacing)*6)
  }

  .p-8 {
    padding: calc(var(--spacing)*8)
  }

  .px-2 {
    padding-inline: calc(var(--spacing)*2)
  }

  .px-4 {
    padding-inline: calc(var(--spacing)*4)
  }

  .px-5 {
    padding-inline: calc(var(--spacing)*5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing)*6)
  }

  .py-1 {
    padding-block: calc(var(--spacing)*1)
  }

  .py-2 {
    padding-block: calc(var(--spacing)*2)
  }

  .py-3 {
    padding-block: calc(var(--spacing)*3)
  }

  .py-4 {
    padding-block: calc(var(--spacing)*4)
  }

  .py-5 {
    padding-block: calc(var(--spacing)*5)
  }

  .py-6 {
    padding-block: calc(var(--spacing)*6)
  }

  .py-8 {
    padding-block: calc(var(--spacing)*8)
  }

  .py-12 {
    padding-block: calc(var(--spacing)*12)
  }

  .py-14 {
    padding-block: calc(var(--spacing)*14)
  }

  .py-16 {
    padding-block: calc(var(--spacing)*16)
  }

  .py-20 {
    padding-block: calc(var(--spacing)*20)
  }

  .py-\[46px_96px\] {
    padding-block: 46px 96px
  }

  .pt-0 {
    padding-top: calc(var(--spacing)*0)
  }

  .pt-2 {
    padding-top: calc(var(--spacing)*2)
  }

  .pt-5 {
    padding-top: calc(var(--spacing)*5)
  }

  .pt-10 {
    padding-top: calc(var(--spacing)*10)
  }

  .pt-11 {
    padding-top: calc(var(--spacing)*11)
  }

  .pt-\[54px\] {
    padding-top: 54px
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing)*10)
  }

  .pb-\[43px\] {
    padding-bottom: 43px
  }

  .pl-4 {
    padding-left: calc(var(--spacing)*4)
  }

  .text-center {
    text-align: center
  }

  .font-bourgeois {
    font-family: var(--font-bourgeois)
  }

  .font-quantum {
    font-family: var(--font-quantum)
  }

  .font-quantum-semibold {
    font-family: var(--font-quantum-semibold)
  }

  .font-roboto-mono {
    font-family: var(--font-roboto-mono)
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height))
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .text-\[10px\] {
    font-size: 10px
  }

  .text-\[11px\] {
    font-size: 11px
  }

  .text-\[12px\] {
    font-size: 12px
  }

  .text-\[14px\] {
    font-size: 14px
  }

  .text-\[16px\] {
    font-size: 16px
  }

  .text-\[18px\] {
    font-size: 18px
  }

  .text-\[20px\] {
    font-size: 20px
  }

  .text-\[24px\] {
    font-size: 24px
  }

  .text-\[32px\] {
    font-size: 32px
  }

  .leading-3\.5 {
    --tw-leading: calc(var(--spacing)*3.5);
    line-height: calc(var(--spacing)*3.5)
  }

  .leading-4 {
    --tw-leading: calc(var(--spacing)*4);
    line-height: calc(var(--spacing)*4)
  }

  .leading-5 {
    --tw-leading: calc(var(--spacing)*5);
    line-height: calc(var(--spacing)*5)
  }

  .leading-6 {
    --tw-leading: calc(var(--spacing)*6);
    line-height: calc(var(--spacing)*6)
  }

  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4
  }

  .leading-\[16px\] {
    --tw-leading: 16px;
    line-height: 16px
  }

  .leading-\[26px\] {
    --tw-leading: 26px;
    line-height: 26px
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold)
  }

  .text-\[\#0433FF\] {
    color: #0433ff
  }

  .text-\[\#504D48\] {
    color: #504d48
  }

  .text-\[\#757575\] {
    color: #757575
  }

  .text-\[\#FD2B73\] {
    color: #fd2b73
  }

  .text-gray-500 {
    color: var(--color-gray-500)
  }

  .text-gray-600 {
    color: var(--color-gray-600)
  }

  .text-red-500 {
    color: var(--color-red-500)
  }

  .text-red-600 {
    color: var(--color-red-600)
  }

  .text-white {
    color: var(--color-white)
  }

  .capitalize {
    text-transform: capitalize
  }

  .italic {
    font-style: italic
  }

  .underline {
    text-decoration-line: underline
  }

  .placeholder-\[\#504D48\]::placeholder {
    color: #504d48
  }

  .placeholder-\[\#F8285A\]::placeholder {
    color: #f8285a
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-50 {
    opacity: .5
  }

  .opacity-100 {
    opacity: 1
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .filter {
    filter: var(--tw-blur, )var(--tw-brightness, )var(--tw-contrast, )var(--tw-grayscale, )var(--tw-hue-rotate, )var(--tw-invert, )var(--tw-saturate, )var(--tw-sepia, )var(--tw-drop-shadow, )
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration))
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0
  }

  @media(hover:hover) {
    .hover\:bg-\[\#F8285A\]:hover {
      background-color: #f8285a
    }

    .hover\:bg-\[\#e6246a\]:hover {
      background-color: #e6246a
    }

    .hover\:bg-gray-50:hover {
      background-color: var(--color-gray-50)
    }

    .hover\:bg-gray-100:hover {
      background-color: var(--color-gray-100)
    }

    .hover\:bg-pink-600:hover {
      background-color: var(--color-pink-600)
    }
  }

  .focus\:border:focus {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .focus\:border-black:focus {
    border-color: var(--color-black)
  }

  .focus\:border-red-500:focus {
    border-color: var(--color-red-500)
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  @media not all and (min-width:1280px) {
    .max-xl\:block {
      display: block
    }

    .max-xl\:hidden {
      display: none
    }

    .max-xl\:max-w-fit {
      max-width: fit-content
    }

    .max-xl\:flex-col {
      flex-direction: column
    }

    .max-xl\:gap-8 {
      gap: calc(var(--spacing)*8)
    }

    .max-xl\:px-18 {
      padding-inline: calc(var(--spacing)*18)
    }

    .max-xl\:py-6 {
      padding-block: calc(var(--spacing)*6)
    }
  }

  @media not all and (min-width:1251px) {
    .max-edxll\:px-5 {
      padding-inline: calc(var(--spacing)*5)
    }
  }

  @media not all and (min-width:1024px) {
    .max-lg\:max-w-\[700px\] {
      max-width: 700px
    }

    .max-lg\:flex-col-reverse {
      flex-direction: column-reverse
    }

    .max-lg\:text-center {
      text-align: center
    }
  }

  @media not all and (min-width:992px) {
    .max-ml\:\!h-10 {
      height: calc(var(--spacing)*10) !important
    }

    .max-ml\:text-center {
      text-align: center
    }
  }

  @media not all and (min-width:768px) {
    .max-md\:max-w-\[380px\] {
      max-width: 380px
    }

    .max-md\:justify-between {
      justify-content: space-between
    }

    .max-md\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .max-md\:px-6 {
      padding-inline: calc(var(--spacing)*6)
    }
  }

  @media not all and (min-width:650px) {
    .max-sd\:grid {
      display: grid
    }

    .max-sd\:place-items-center {
      place-items: center
    }

    .max-sd\:text-\[12px\] {
      font-size: 12px
    }
  }

  @media not all and (min-width:480px) {
    .max-sm\:justify-items-center {
      justify-items: center
    }
  }

  @media(min-width:480px) {
    .sm\:h-44 {
      height: calc(var(--spacing)*44)
    }

    .sm\:\!w-\[284px\] {
      width: 284px !important
    }

    .sm\:w-44 {
      width: calc(var(--spacing)*44)
    }

    .sm\:grid-cols-\[repeat\(2\,176px\)\] {
      grid-template-columns: repeat(2, 176px)
    }
  }

  @media(min-width:520px) {
    .ssm\:max-w-\[500px\] {
      max-width: 500px
    }
  }

  @media(min-width:650px) {
    .sd\:max-w-\[422px\] {
      max-width: 422px
    }

    .sd\:grid-cols-\[repeat\(3\,176px\)\] {
      grid-template-columns: repeat(3, 176px)
    }

    .sd\:px-4 {
      padding-inline: calc(var(--spacing)*4)
    }

    .sd\:py-2 {
      padding-block: calc(var(--spacing)*2)
    }
  }

  @media(min-width:768px) {
    .md\:-mt-5 {
      margin-top: calc(var(--spacing)*-5)
    }

    .md\:-ml-3 {
      margin-left: calc(var(--spacing)*-3)
    }

    .md\:-ml-\[272px\] {
      margin-left: -272px
    }

    .md\:h-6 {
      height: calc(var(--spacing)*6)
    }

    .md\:h-12 {
      height: calc(var(--spacing)*12)
    }

    .md\:h-14 {
      height: calc(var(--spacing)*14)
    }

    .md\:h-56 {
      height: calc(var(--spacing)*56)
    }

    .md\:h-\[138px\] {
      height: 138px
    }

    .md\:h-\[176px\] {
      height: 176px
    }

    .md\:h-\[366px\] {
      height: 366px
    }

    .md\:h-\[410px\] {
      height: 410px
    }

    .md\:w-6 {
      width: calc(var(--spacing)*6)
    }

    .md\:w-14 {
      width: calc(var(--spacing)*14)
    }

    .md\:w-48 {
      width: calc(var(--spacing)*48)
    }

    .md\:w-56 {
      width: calc(var(--spacing)*56)
    }

    .md\:w-\[544px\] {
      width: 544px
    }

    .md\:w-\[564px\] {
      width: 564px
    }

    .md\:max-w-52 {
      max-width: calc(var(--spacing)*52)
    }

    .md\:max-w-\[698px\] {
      max-width: 698px
    }

    .md\:max-w-\[700px\] {
      max-width: 700px
    }

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .md\:grid-cols-\[288px_410px\] {
      grid-template-columns: 288px 410px
    }

    .md\:gap-4 {
      gap: calc(var(--spacing)*4)
    }

    .md\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .md\:gap-10 {
      gap: calc(var(--spacing)*10)
    }

    .md\:bg-\[length\:100\%_100\%\] {
      background-size: 100% 100%
    }

    .md\:bg-contain {
      background-size: contain
    }

    .md\:bg-cover {
      background-size: cover
    }

    .md\:px-6 {
      padding-inline: calc(var(--spacing)*6)
    }

    .md\:py-8 {
      padding-block: calc(var(--spacing)*8)
    }

    .md\:py-15 {
      padding-block: calc(var(--spacing)*15)
    }

    .md\:py-16 {
      padding-block: calc(var(--spacing)*16)
    }

    .md\:text-2xl {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height))
    }

    .md\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }

    .md\:text-\[12px\] {
      font-size: 12px
    }

    .md\:text-\[14px\] {
      font-size: 14px
    }

    .md\:text-\[15px\] {
      font-size: 15px
    }

    .md\:text-\[16px\] {
      font-size: 16px
    }

    .md\:text-\[24px\] {
      font-size: 24px
    }

    .md\:text-\[32px\] {
      font-size: 32px
    }

    .md\:leading-6 {
      --tw-leading: calc(var(--spacing)*6);
      line-height: calc(var(--spacing)*6)
    }
  }

  @media(min-width:992px) {
    .ml\:h-12 {
      height: calc(var(--spacing)*12)
    }

    .ml\:h-80 {
      height: calc(var(--spacing)*80)
    }

    .ml\:\!w-\[440px\] {
      width: 440px !important
    }

    .ml\:w-\[104px\] {
      width: 104px
    }

    .ml\:w-\[288px\] {
      width: 288px
    }

    .ml\:grid-cols-\[repeat\(3\,288px\)\] {
      grid-template-columns: repeat(3, 288px)
    }

    .ml\:bg-cover {
      background-size: cover
    }

    .ml\:pt-20 {
      padding-top: calc(var(--spacing)*20)
    }

    .ml\:pb-20 {
      padding-bottom: calc(var(--spacing)*20)
    }

    .ml\:text-lg {
      font-size: var(--text-lg);
      line-height: var(--tw-leading, var(--text-lg--line-height))
    }
  }

  @media(min-width:1024px) {
    .lg\:block {
      display: block
    }

    .lg\:grid {
      display: grid
    }

    .lg\:hidden {
      display: none
    }

    .lg\:max-w-\[900px\] {
      max-width: 900px
    }

    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr))
    }

    .lg\:justify-center {
      justify-content: center
    }

    .lg\:gap-2 {
      gap: calc(var(--spacing)*2)
    }

    .lg\:gap-6 {
      gap: calc(var(--spacing)*6)
    }
  }

  @media(min-width:1200px) {
    .edxl\:flex {
      display: flex
    }

    .edxl\:hidden {
      display: none
    }

    .edxl\:justify-between {
      justify-content: space-between
    }
  }

  @media(min-width:1280px) {
    .xl\:right-0 {
      right: calc(var(--spacing)*0)
    }

    .xl\:left-0 {
      left: calc(var(--spacing)*0)
    }

    .xl\:hidden {
      display: none
    }

    .xl\:\!w-\[440px\] {
      width: 440px !important
    }

    .xl\:w-\[220px\] {
      width: 220px
    }

    .xl\:max-w-\[1088px\] {
      max-width: 1088px
    }

    .xl\:grid-cols-\[repeat\(4\,288px\)\] {
      grid-template-columns: repeat(4, 288px)
    }

    .xl\:justify-between {
      justify-content: space-between
    }

    .xl\:gap-6 {
      gap: calc(var(--spacing)*6)
    }

    .xl\:gap-12 {
      gap: calc(var(--spacing)*12)
    }

    .xl\:gap-20 {
      gap: calc(var(--spacing)*20)
    }

    .xl\:text-right {
      text-align: right
    }
  }

  @media(min-width:1366px) {
    .\32xl\:max-w-\[1344px\] {
      max-width: 1344px
    }
  }
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-HeavyItalic-CVoUsFs5.eot);
  src: local(Bourgeois Heavy Italic), local(Bourgeois-HeavyItalic), url(../fonts/Bourgeois-HeavyItalic-CVoUsFs5.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-HeavyItalic-CiaFyrwt.woff2)format("woff2"), url(../fonts/Bourgeois-HeavyItalic-B_aw76lN.woff)format("woff"), url(../fonts/Bourgeois-HeavyItalic-Dr8LBbDC.ttf)format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-BoldItalic-D7e9CcHk.eot);
  src: local(Bourgeois Bold Italic), local(Bourgeois-BoldItalic), url(../fonts/Bourgeois-BoldItalic-D7e9CcHk.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-BoldItalic-B2ots4Sl.woff2)format("woff2"), url(../fonts/Bourgeois-BoldItalic-CdoKVw9Q.woff)format("woff"), url(../fonts/Bourgeois-BoldItalic-Wz19BqLH.ttf)format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-MediumItalic-CtEvqSLC.eot);
  src: local(Bourgeois Medium Italic), local(Bourgeois-MediumItalic), url(../fonts/Bourgeois-MediumItalic-CtEvqSLC.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-MediumItalic-DUssz4fi.woff2)format("woff2"), url(../fonts/Bourgeois-MediumItalic-Bfj1A3Aw.woff)format("woff"), url(../fonts/Bourgeois-MediumItalic-BvOkL9EP.ttf)format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-Heavy-B8S1t5tp.eot);
  src: local(Bourgeois Heavy), local(Bourgeois-Heavy), url(../fonts/Bourgeois-Heavy-B8S1t5tp.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-Heavy-DsNLuR1i.woff2)format("woff2"), url(../fonts/Bourgeois-Heavy-tqFkDbo-.woff)format("woff"), url(../fonts/Bourgeois-Heavy-DGkx27uI.ttf)format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-Bold-BOfFWpfA.eot);
  src: local(Bourgeois Bold), local(Bourgeois-Bold), url(../fonts/Bourgeois-Bold-BOfFWpfA.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-Bold-DdqCWJDh.woff2)format("woff2"), url(../fonts/Bourgeois-Bold-_YHzsNlG.woff)format("woff"), url(../fonts/Bourgeois-Bold-BayWr1PQ.ttf)format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-Light-C2hlefdn.eot);
  src: local(Bourgeois Light), local(Bourgeois-Light), url(../fonts/Bourgeois-Light-C2hlefdn.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-Light-CeQgH7JH.woff2)format("woff2"), url(../fonts/Bourgeois-Light-DuQT10Wr.woff)format("woff"), url(../fonts/Bourgeois-Light-BQ7RrtI2.ttf)format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-ThinItalic-4LjAegbe.eot);
  src: local(Bourgeois Thin Italic), local(Bourgeois-ThinItalic), url(../fonts/Bourgeois-ThinItalic-4LjAegbe.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-ThinItalic-Cr9BebgB.woff2)format("woff2"), url(../fonts/Bourgeois-ThinItalic-C0Rntr8p.woff)format("woff"), url(../fonts/Bourgeois-ThinItalic-BULu9Bp4.ttf)format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-LightItalic-DJxCt2UA.eot);
  src: local(Bourgeois Light Italic), local(Bourgeois-LightItalic), url(../fonts/Bourgeois-LightItalic-DJxCt2UA.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-LightItalic-D5DI9LpI.woff2)format("woff2"), url(../fonts/Bourgeois-LightItalic-GJO4Cl2H.woff)format("woff"), url(../fonts/Bourgeois-LightItalic-CCAnWdhR.ttf)format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-Medium-B1O9EfnF.eot);
  src: local(Bourgeois Medium), local(Bourgeois-Medium), url(../fonts/Bourgeois-Medium-B1O9EfnF.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-Medium-DCeg-vZd.woff2)format("woff2"), url(../fonts/Bourgeois-Medium-D0uWLK7r.woff)format("woff"), url(../fonts/Bourgeois-Medium-DzY8EOkt.ttf)format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-Thin-C3yDUKek.eot);
  src: local(Bourgeois Thin), local(Bourgeois-Thin), url(../fonts/Bourgeois-Thin-C3yDUKek.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-Thin-0Uyrka0G.woff2)format("woff2"), url(../fonts/Bourgeois-Thin-CsGQdWk6.woff)format("woff"), url(../fonts/Bourgeois-Thin-Bog-lMmi.ttf)format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-UltraBoldItalic-CiLhvb-K.eot);
  src: local(Bourgeois UltraBold Italic), local(Bourgeois-UltraBoldItalic), url(../fonts/Bourgeois-UltraBoldItalic-CiLhvb-K.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-UltraBoldItalic-DiEvQFoG.woff2)format("woff2"), url(../fonts/Bourgeois-UltraBoldItalic-DpIcGhJI.woff)format("woff"), url(../fonts/Bourgeois-UltraBoldItalic-CG_qnUck.ttf)format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Bourgeois;
  src: url(../fonts/Bourgeois-UltraBold-BvDiCx94.eot);
  src: local(Bourgeois UltraBold), local(Bourgeois-UltraBold), url(../fonts/Bourgeois-UltraBold-BvDiCx94.eot?#iefix)format("embedded-opentype"), url(../fonts/Bourgeois-UltraBold-ToBmFMao.woff2)format("woff2"), url(../fonts/Bourgeois-UltraBold-eB55tsfj.woff)format("woff"), url(../fonts/Bourgeois-UltraBold-DkQbkhdk.ttf)format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Quantum;
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/Quantum-BA7JMyx-.otf)format("otf");
  font-display: swap
}

@font-face {
  font-family: Roboto Mono;
  font-style: normal;
  font-weight: 100 900;
  src: url(../fonts/RobotoMono-VariableFont_wght-BmjObt7I.ttf)format("truetype");
  font-display: swap
}

@font-face {
  font-family: Quantum Semibold;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/Quantum-Semibold-CkdUSKVO.ttf)format("truetype"), url(../fonts/Quantum-Semibold-GNSgwgsQ.woff)format("woff"), url(../fonts/Quantum-Semibold-Cu30W33n.woff2)format("woff2");
  font-display: swap
}

.countdown-component {
  justify-content: center;
  align-items: center;
  height: fit-content;
  display: flex
}

.countdown-component .content-time {
  width: calc(var(--spacing)*12);
  align-items: center;
  gap: calc(var(--spacing)*1);
  flex-direction: column;
  display: flex
}

@media(min-width:768px) {
  .countdown-component .content-time {
    gap: calc(var(--spacing)*2);
    width: 88px
  }
}

.countdown-component .content-time .text-time {
  font-family: var(--font-bourgeois);
  --tw-leading: 1;
  --tw-font-weight: var(--font-weight-bold);
  line-height: 1;
  font-weight: var(--font-weight-bold)
}

.countdown-component .text-separator {
  justify-content: center;
  align-items: center;
  display: flex
}

#root {
  background-color: var(--color-white)
}

.category-swiper-optimized {
  contain: layout style paint;
  will-change: transform
}

.category-swiper-optimized .swiper-wrapper {
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0)
}

.category-swiper-optimized .swiper-slide {
  will-change: transform;
  backface-visibility: hidden;
  contain: layout;
  transform: translateZ(0)
}

.category-swiper-optimized .swiper-slide-active {
  transform: translateZ(0)
}

.category-swiper-optimized img {
  will-change: auto;
  image-rendering: -webkit-optimize-contrast
}

.swiper-button-optimized {
  contain: layout;
  will-change: opacity
}

.footer-image {
  aspect-ratio: 1;
  object-fit: contain;
  min-width: 40px;
  min-height: 40px;
  display: block
}

.footer-icon-small {
  aspect-ratio: 1;
  object-fit: contain;
  max-width: 24px;
  max-height: 24px;
  display: block
}

.footer-image.h-12.w-\[172px\] {
  aspect-ratio: 172/48;
  min-width: 172px;
  min-height: 48px
}

.countdown-optimized {
  color: var(--color)
}

.countdown-time {
  font-size: var(--time-size)
}

.countdown-label {
  font-size: var(--label-size)
}

.countdown-separator {
  width: var(--separator-width)
}

@media(min-width:768px) {
  .countdown-time {
    font-size: var(--time-size-md)
  }

  .countdown-label {
    font-size: var(--label-size-md)
  }

  .countdown-separator {
    width: var(--separator-width-md)
  }
}

@media(min-width:1000px)and (max-width:1480px) {
  .is-zoom {
    zoom: .8
  }
}

.swiper {
  width: 100%;
  height: 100%
}

.swiper-slide {
  justify-content: center;
  align-items: center;
  display: flex !important
}

.category-swiper .swiper-button-prev,
.category-swiper .swiper-button-next {
  color: #fd2b73
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0)
}

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, #00000080, #0000)
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  to {
    transform: rotate(360deg)
  }
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translateZ(0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translate(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important
}

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-lock {
  display: none
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}