/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --tw-color-red-500: oklch(63.7% 0.237 25.331);
    --tw-color-yellow-300: oklch(90.5% 0.182 98.111);
    --tw-color-green-400: oklch(79.2% 0.209 151.711);
    --tw-color-emerald-500: oklch(69.6% 0.17 162.48);
    --tw-color-blue-300: oklch(80.9% 0.105 251.813);
    --tw-color-gray-200: oklch(92.8% 0.006 264.531);
    --tw-color-gray-300: oklch(87.2% 0.01 258.338);
    --tw-color-gray-500: oklch(55.1% 0.027 264.364);
    --tw-color-neutral-50: oklch(98.5% 0 none);
    --tw-color-neutral-100: oklch(97% 0 none);
    --tw-color-neutral-200: oklch(92.2% 0 none);
    --tw-color-neutral-300: oklch(87% 0 none);
    --tw-color-neutral-400: oklch(70.8% 0 none);
    --tw-color-neutral-500: oklch(55.6% 0 none);
    --tw-color-neutral-600: oklch(43.9% 0 none);
    --tw-color-neutral-700: oklch(37.1% 0 none);
    --tw-color-neutral-800: oklch(26.9% 0 none);
    --tw-color-neutral-900: oklch(20.5% 0 none);
    --tw-color-neutral-950: oklch(14.5% 0 none);
    --tw-color-black: #000;
    --tw-color-white: #fff;
    --tw-breakpoint-2xl: 96rem;
    --tw-container-4xl: 56rem;
    --tw-font-weight-light: 300;
    --tw-font-weight-normal: 400;
    --tw-font-weight-medium: 500;
    --tw-font-weight-semibold: 600;
    --tw-tracking-tight: -0.025em;
    --tw-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-transition-duration: 150ms;
    --tw-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --tw-default-font-family: "Open Sans";
    --tw-default-mono-font-family: var(--tw-font-mono);
    --tw-max-page-width: 1280px;
  }
}
@layer utilities {
  .tw\:pointer-events-none {
    pointer-events: none !important;
  }
  .tw\:absolute {
    position: absolute !important;
  }
  .tw\:fixed {
    position: fixed !important;
  }
  .tw\:relative {
    position: relative !important;
  }
  .tw\:inset-0 {
    inset: 0px !important;
  }
  .tw\:inset-y-0 {
    inset-block: 0px !important;
  }
  .tw\:inset-y-0\.5 {
    inset-block: calc(0.4rem * 0.5) !important;
  }
  .tw\:inset-y-1 {
    inset-block: 0.4rem !important;
  }
  .tw\:-top-\[7px\] {
    top: calc(7px * -1) !important;
  }
  .tw\:top-3 {
    top: calc(0.4rem * 3) !important;
  }
  .tw\:top-4 {
    top: calc(0.4rem * 4) !important;
  }
  .tw\:top-12 {
    top: calc(0.4rem * 12) !important;
  }
  .tw\:top-20 {
    top: calc(0.4rem * 20) !important;
  }
  .tw\:top-\[128px\] {
    top: 128px !important;
  }
  .tw\:-right-12 {
    right: calc(0.4rem * -12) !important;
  }
  .tw\:right-0 {
    right: 0px !important;
  }
  .tw\:right-0\.5 {
    right: calc(0.4rem * 0.5) !important;
  }
  .tw\:right-1 {
    right: 0.4rem !important;
  }
  .tw\:right-4 {
    right: calc(0.4rem * 4) !important;
  }
  .tw\:right-5 {
    right: calc(0.4rem * 5) !important;
  }
  .tw\:right-6 {
    right: calc(0.4rem * 6) !important;
  }
  .tw\:right-10 {
    right: calc(0.4rem * 10) !important;
  }
  .tw\:right-12 {
    right: calc(0.4rem * 12) !important;
  }
  .tw\:right-\[68px\] {
    right: 68px !important;
  }
  .tw\:right-\[168px\] {
    right: 168px !important;
  }
  .tw\:bottom-6 {
    bottom: calc(0.4rem * 6) !important;
  }
  .tw\:left-0 {
    left: 0px !important;
  }
  .tw\:left-4 {
    left: calc(0.4rem * 4) !important;
  }
  .tw\:left-7 {
    left: calc(0.4rem * 7) !important;
  }
  .tw\:z-10 {
    z-index: 10 !important;
  }
  .tw\:z-20 {
    z-index: 20 !important;
  }
  .tw\:z-30 {
    z-index: 30 !important;
  }
  .tw\:z-40 {
    z-index: 40 !important;
  }
  .tw\:z-50 {
    z-index: 50 !important;
  }
  .tw\:col-span-1 {
    grid-column: span 1 / span 1 !important;
  }
  .tw\:m-4 {
    margin: calc(0.4rem * 4) !important;
  }
  .tw\:mx-2 {
    margin-inline: calc(0.4rem * 2) !important;
  }
  .tw\:mx-auto {
    margin-inline: auto !important;
  }
  .tw\:my-4 {
    margin-block: calc(0.4rem * 4) !important;
  }
  .tw\:mt-0\.5 {
    margin-top: calc(0.4rem * 0.5) !important;
  }
  .tw\:mt-1 {
    margin-top: 0.4rem !important;
  }
  .tw\:mt-2 {
    margin-top: calc(0.4rem * 2) !important;
  }
  .tw\:mt-2\.5 {
    margin-top: calc(0.4rem * 2.5) !important;
  }
  .tw\:mt-4 {
    margin-top: calc(0.4rem * 4) !important;
  }
  .tw\:mt-6 {
    margin-top: calc(0.4rem * 6) !important;
  }
  .tw\:mr-2 {
    margin-right: calc(0.4rem * 2) !important;
  }
  .tw\:-mb-\[2px\] {
    margin-bottom: calc(2px * -1) !important;
  }
  .tw\:mb-1\.5 {
    margin-bottom: calc(0.4rem * 1.5) !important;
  }
  .tw\:mb-2 {
    margin-bottom: calc(0.4rem * 2) !important;
  }
  .tw\:ml-1 {
    margin-left: 0.4rem !important;
  }
  .tw\:ml-2 {
    margin-left: calc(0.4rem * 2) !important;
  }
  .tw\:ml-4 {
    margin-left: calc(0.4rem * 4) !important;
  }
  .tw\:ml-8 {
    margin-left: calc(0.4rem * 8) !important;
  }
  .tw\:no-scrollbar {
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
    &::-webkit-scrollbar {
      display: none !important;
    }
  }
  .tw\:font-msr-icon {
    font-family: var(--font-msr-icon) !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 24px !important;
    line-height: 1 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    display: inline-block !important;
    white-space: nowrap !important;
    word-wrap: normal !important;
    direction: ltr !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    text-rendering: optimizeLegibility !important;
    font-feature-settings: 'liga' !important;
    --icon-fill: 0 !important;
    font-variation-settings: 'FILL' var(--icon-fill) !important;
  }
  .tw\:block {
    display: block !important;
  }
  .tw\:flex {
    display: flex !important;
  }
  .tw\:flow-root {
    display: flow-root !important;
  }
  .tw\:grid {
    display: grid !important;
  }
  .tw\:hidden {
    display: none !important;
  }
  .tw\:inline-flex {
    display: inline-flex !important;
  }
  .tw\:aspect-4\/1 {
    aspect-ratio: 4/1 !important;
  }
  .tw\:aspect-\[1\/1\] {
    aspect-ratio: 1/1 !important;
  }
  .tw\:aspect-\[4\/1\] {
    aspect-ratio: 4/1 !important;
  }
  .tw\:aspect-square {
    aspect-ratio: 1 / 1 !important;
  }
  .tw\:h-0 {
    height: 0px !important;
  }
  .tw\:h-1\.5 {
    height: calc(0.4rem * 1.5) !important;
  }
  .tw\:h-2 {
    height: calc(0.4rem * 2) !important;
  }
  .tw\:h-4 {
    height: calc(0.4rem * 4) !important;
  }
  .tw\:h-6 {
    height: calc(0.4rem * 6) !important;
  }
  .tw\:h-8 {
    height: calc(0.4rem * 8) !important;
  }
  .tw\:h-10 {
    height: calc(0.4rem * 10) !important;
  }
  .tw\:h-11 {
    height: calc(0.4rem * 11) !important;
  }
  .tw\:h-12 {
    height: calc(0.4rem * 12) !important;
  }
  .tw\:h-16 {
    height: calc(0.4rem * 16) !important;
  }
  .tw\:h-20 {
    height: calc(0.4rem * 20) !important;
  }
  .tw\:h-\[30px\] {
    height: 30px !important;
  }
  .tw\:h-\[max\(500px\,100\%\)\] {
    height: max(500px, 100%) !important;
  }
  .tw\:h-\[max\(636px\,calc\(100dvh\+136px\)\)\] {
    height: max(636px, calc(100dvh + 136px)) !important;
  }
  .tw\:h-auto {
    height: auto !important;
  }
  .tw\:h-full {
    height: 100% !important;
  }
  .tw\:min-h-full {
    min-height: 100% !important;
  }
  .tw\:w-1\.5 {
    width: calc(0.4rem * 1.5) !important;
  }
  .tw\:w-2 {
    width: calc(0.4rem * 2) !important;
  }
  .tw\:w-4 {
    width: calc(0.4rem * 4) !important;
  }
  .tw\:w-10 {
    width: calc(0.4rem * 10) !important;
  }
  .tw\:w-12 {
    width: calc(0.4rem * 12) !important;
  }
  .tw\:w-16 {
    width: calc(0.4rem * 16) !important;
  }
  .tw\:w-24 {
    width: calc(0.4rem * 24) !important;
  }
  .tw\:w-28 {
    width: calc(0.4rem * 28) !important;
  }
  .tw\:w-52 {
    width: calc(0.4rem * 52) !important;
  }
  .tw\:w-80 {
    width: calc(0.4rem * 80) !important;
  }
  .tw\:w-auto {
    width: auto !important;
  }
  .tw\:w-full {
    width: 100% !important;
  }
  .tw\:w-px {
    width: 1px !important;
  }
  .tw\:w-screen {
    width: 100vw !important;
  }
  .tw\:max-w-\(--tw-max-page-width\) {
    max-width: var(--tw-max-page-width) !important;
  }
  .tw\:max-w-48 {
    max-width: calc(0.4rem * 48) !important;
  }
  .tw\:max-w-72 {
    max-width: calc(0.4rem * 72) !important;
  }
  .tw\:max-w-96 {
    max-width: calc(0.4rem * 96) !important;
  }
  .tw\:max-w-\[120px\] {
    max-width: 120px !important;
  }
  .tw\:max-w-\[640px\] {
    max-width: 640px !important;
  }
  .tw\:max-w-\[647px\] {
    max-width: 647px !important;
  }
  .tw\:max-w-screen-2xl {
    max-width: var(--tw-breakpoint-2xl) !important;
  }
  .tw\:min-w-0 {
    min-width: 0px !important;
  }
  .tw\:min-w-16 {
    min-width: calc(0.4rem * 16) !important;
  }
  .tw\:min-w-40 {
    min-width: calc(0.4rem * 40) !important;
  }
  .tw\:min-w-60 {
    min-width: calc(0.4rem * 60) !important;
  }
  .tw\:flex-1 {
    flex: 1 !important;
  }
  .tw\:flex-6 {
    flex: 6 !important;
  }
  .tw\:flex-auto {
    flex: auto !important;
  }
  .tw\:flex-none {
    flex: none !important;
  }
  .tw\:shrink-0 {
    flex-shrink: 0 !important;
  }
  .tw\:flex-grow-50 {
    flex-grow: 50 !important;
  }
  .tw\:grow {
    flex-grow: 1 !important;
  }
  .tw\:grow-4 {
    flex-grow: 4 !important;
  }
  .tw\:basis-1\/2 {
    flex-basis: calc(1 / 2 * 100%) !important;
  }
  .tw\:basis-28 {
    flex-basis: calc(0.4rem * 28) !important;
  }
  .tw\:basis-64 {
    flex-basis: calc(0.4rem * 64) !important;
  }
  .tw\:basis-72 {
    flex-basis: calc(0.4rem * 72) !important;
  }
  .tw\:basis-80 {
    flex-basis: calc(0.4rem * 80) !important;
  }
  .tw\:origin-right {
    transform-origin: 100% !important;
  }
  .tw\:origin-top {
    transform-origin: top !important;
  }
  .tw\:scale-100 {
    --tw-scale-x: 100% !important;
    --tw-scale-y: 100% !important;
    --tw-scale-z: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .tw\:scale-105 {
    --tw-scale-x: 105% !important;
    --tw-scale-y: 105% !important;
    --tw-scale-z: 105% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .tw\:scale-x-0 {
    --tw-scale-x: 0% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .tw\:scale-y-0 {
    --tw-scale-y: 0% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .tw\:scale-y-100 {
    --tw-scale-y: 100% !important;
    scale: var(--tw-scale-x) var(--tw-scale-y) !important;
  }
  .tw\:rotate-45 {
    rotate: 45deg !important;
  }
  .tw\:transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .tw\:cursor-pointer {
    cursor: pointer !important;
  }
  .tw\:scrollbar-none {
    scrollbar-width: none !important;
  }
  .tw\:\[scrollbar-gutter\:stable\] {
    scrollbar-gutter: stable !important;
  }
  .tw\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
  }
  .tw\:grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
  }
  .tw\:flex-col {
    flex-direction: column !important;
  }
  .tw\:flex-wrap {
    flex-wrap: wrap !important;
  }
  .tw\:items-center {
    align-items: center !important;
  }
  .tw\:items-end {
    align-items: flex-end !important;
  }
  .tw\:items-start {
    align-items: flex-start !important;
  }
  .tw\:justify-between {
    justify-content: space-between !important;
  }
  .tw\:justify-center {
    justify-content: center !important;
  }
  .tw\:justify-end {
    justify-content: flex-end !important;
  }
  .tw\:justify-evenly {
    justify-content: space-evenly !important;
  }
  .tw\:justify-start {
    justify-content: flex-start !important;
  }
  .tw\:gap-1 {
    gap: 0.4rem !important;
  }
  .tw\:gap-2 {
    gap: calc(0.4rem * 2) !important;
  }
  .tw\:gap-4 {
    gap: calc(0.4rem * 4) !important;
  }
  .tw\:gap-6 {
    gap: calc(0.4rem * 6) !important;
  }
  .tw\:gap-x-1\.5 {
    column-gap: calc(0.4rem * 1.5) !important;
  }
  .tw\:gap-x-4 {
    column-gap: calc(0.4rem * 4) !important;
  }
  :where(.tw\:space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(0.4rem * 2) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(0.4rem * 2) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  :where(.tw\:space-x-3 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(0.4rem * 3) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(0.4rem * 3) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  :where(.tw\:space-x-4 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(0.4rem * 4) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(0.4rem * 4) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  :where(.tw\:space-x-6 > :not(:last-child)) {
    --tw-space-x-reverse: 0 !important;
    margin-inline-start: calc(calc(0.4rem * 6) * var(--tw-space-x-reverse)) !important;
    margin-inline-end: calc(calc(0.4rem * 6) * calc(1 - var(--tw-space-x-reverse))) !important;
  }
  :where(.tw\:divide-x > :not(:last-child)) {
    --tw-divide-x-reverse: 0 !important;
    border-inline-style: var(--tw-border-style) !important;
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
  }
  :where(.tw\:divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0 !important;
    border-bottom-style: var(--tw-border-style) !important;
    border-top-style: var(--tw-border-style) !important;
    border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
  }
  :where(.tw\:divide-bdl-pri-p1 > :not(:last-child)) {
    border-color: #e5e5e5 !important;
  }
  :where(.tw\:divide-bgl-pri-p1 > :not(:last-child)) {
    border-color: #f5f5f5 !important;
  }
  :where(.tw\:divide-bgl-pri-p2 > :not(:last-child)) {
    border-color: #e5e5e5 !important;
  }
  :where(.tw\:divide-gray-200 > :not(:last-child)) {
    border-color: var(--tw-color-gray-200) !important;
  }
  .tw\:overflow-auto {
    overflow: auto !important;
  }
  .tw\:overflow-clip {
    overflow: clip !important;
  }
  .tw\:overflow-hidden {
    overflow: hidden !important;
  }
  .tw\:overflow-x-visible {
    overflow-x: visible !important;
  }
  .tw\:overflow-y-scroll {
    overflow-y: scroll !important;
  }
  .tw\:rounded-full {
    border-radius: calc(infinity * 1px) !important;
  }
  .tw\:rounded-lg {
    border-radius: 0.64rem !important;
  }
  .tw\:rounded-md {
    border-radius: 0.48rem !important;
  }
  .tw\:rounded-sm {
    border-radius: 0.32rem !important;
  }
  .tw\:rounded-t-lg {
    border-top-left-radius: 0.64rem !important;
    border-top-right-radius: 0.64rem !important;
  }
  .tw\:rounded-r-full {
    border-top-right-radius: calc(infinity * 1px) !important;
    border-bottom-right-radius: calc(infinity * 1px) !important;
  }
  .tw\:rounded-b-lg {
    border-bottom-right-radius: 0.64rem !important;
    border-bottom-left-radius: 0.64rem !important;
  }
  .tw\:border {
    border-style: var(--tw-border-style) !important;
    border-width: 1px !important;
  }
  .tw\:border-2 {
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
  }
  .tw\:border-t {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 1px !important;
  }
  .tw\:border-t-2 {
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 2px !important;
  }
  .tw\:border-b {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 1px !important;
  }
  .tw\:border-b-2 {
    border-bottom-style: var(--tw-border-style) !important;
    border-bottom-width: 2px !important;
  }
  .tw\:border-l-2 {
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }
  .tw\:border-bdl-pri {
    border-color: #f5f5f5 !important;
  }
  .tw\:border-bdl-pri-p1 {
    border-color: #e5e5e5 !important;
  }
  .tw\:border-bdl-pri-p2 {
    border-color: #d4d4d4 !important;
  }
  .tw\:border-gray-200 {
    border-color: var(--tw-color-gray-200) !important;
  }
  .tw\:border-pri {
    border-color: #1f8bb1 !important;
  }
  .tw\:border-pri-m2 {
    border-color: #74c9e7 !important;
  }
  .tw\:border-transparent {
    border-color: transparent !important;
  }
  .tw\:border-txd-pri {
    border-color: #f5f5f5 !important;
  }
  .tw\:bg-bgd-pri {
    background-color: #262626 !important;
  }
  .tw\:bg-bgd-pri-m1 {
    background-color: #0a0a0a !important;
  }
  .tw\:bg-bgl-pri {
    background-color: #fafafa !important;
  }
  .tw\:bg-bgl-pri-p1 {
    background-color: #f5f5f5 !important;
  }
  .tw\:bg-bgl-pri-p2 {
    background-color: #e5e5e5 !important;
  }
  .tw\:bg-emerald-500 {
    background-color: var(--tw-color-emerald-500) !important;
  }
  .tw\:bg-emerald-500\/20 {
    background-color: var(--tw-color-emerald-500) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-emerald-500) 20%, transparent) !important;
    }
  }
  .tw\:bg-gray-300 {
    background-color: var(--tw-color-gray-300) !important;
  }
  .tw\:bg-pri {
    background-color: #1f8bb1 !important;
  }
  .tw\:bg-red-500 {
    background-color: var(--tw-color-red-500) !important;
  }
  .tw\:bg-red-500\/20 {
    background-color: var(--tw-color-red-500) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--tw-color-red-500) 20%, transparent) !important;
    }
  }
  .tw\:bg-transparent {
    background-color: transparent !important;
  }
  .tw\:bg-txd-pri {
    background-color: #f5f5f5 !important;
  }
  .tw\:bg-txl-pri-m2 {
    background-color: #404040 !important;
  }
  .tw\:bg-white {
    background-color: var(--tw-color-white) !important;
  }
  .tw\:object-cover {
    object-fit: cover !important;
  }
  .tw\:object-center {
    object-position: center !important;
  }
  .tw\:p-1 {
    padding: 0.4rem !important;
  }
  .tw\:p-2 {
    padding: calc(0.4rem * 2) !important;
  }
  .tw\:p-3 {
    padding: calc(0.4rem * 3) !important;
  }
  .tw\:px-1 {
    padding-inline: 0.4rem !important;
  }
  .tw\:px-1\.5 {
    padding-inline: calc(0.4rem * 1.5) !important;
  }
  .tw\:px-2 {
    padding-inline: calc(0.4rem * 2) !important;
  }
  .tw\:px-3 {
    padding-inline: calc(0.4rem * 3) !important;
  }
  .tw\:px-4 {
    padding-inline: calc(0.4rem * 4) !important;
  }
  .tw\:px-6 {
    padding-inline: calc(0.4rem * 6) !important;
  }
  .tw\:px-8 {
    padding-inline: calc(0.4rem * 8) !important;
  }
  .tw\:px-10 {
    padding-inline: calc(0.4rem * 10) !important;
  }
  .tw\:px-12 {
    padding-inline: calc(0.4rem * 12) !important;
  }
  .tw\:py-0 {
    padding-block: 0px !important;
  }
  .tw\:py-0\.5 {
    padding-block: calc(0.4rem * 0.5) !important;
  }
  .tw\:py-1 {
    padding-block: 0.4rem !important;
  }
  .tw\:py-2 {
    padding-block: calc(0.4rem * 2) !important;
  }
  .tw\:py-4 {
    padding-block: calc(0.4rem * 4) !important;
  }
  .tw\:py-5 {
    padding-block: calc(0.4rem * 5) !important;
  }
  .tw\:py-6 {
    padding-block: calc(0.4rem * 6) !important;
  }
  .tw\:pt-2 {
    padding-top: calc(0.4rem * 2) !important;
  }
  .tw\:pt-4 {
    padding-top: calc(0.4rem * 4) !important;
  }
  .tw\:pt-6 {
    padding-top: calc(0.4rem * 6) !important;
  }
  .tw\:pr-1 {
    padding-right: 0.4rem !important;
  }
  .tw\:pr-2 {
    padding-right: calc(0.4rem * 2) !important;
  }
  .tw\:pr-3 {
    padding-right: calc(0.4rem * 3) !important;
  }
  .tw\:pr-4 {
    padding-right: calc(0.4rem * 4) !important;
  }
  .tw\:pb-2 {
    padding-bottom: calc(0.4rem * 2) !important;
  }
  .tw\:pb-4 {
    padding-bottom: calc(0.4rem * 4) !important;
  }
  .tw\:pl-2 {
    padding-left: calc(0.4rem * 2) !important;
  }
  .tw\:pl-6 {
    padding-left: calc(0.4rem * 6) !important;
  }
  .tw\:pl-10 {
    padding-left: calc(0.4rem * 10) !important;
  }
  .tw\:pl-20 {
    padding-left: calc(0.4rem * 20) !important;
  }
  .tw\:text-center {
    text-align: center !important;
  }
  .tw\:text-right {
    text-align: right !important;
  }
  .tw\:font-msr-icon {
    font-family: 'Material Symbols Rounded' !important;
  }
  .tw\:font-sans {
    font-family: "Open Sans" !important;
  }
  .tw\:text-2xl {
    font-size: 2.4rem !important;
    line-height: var(--tw-leading, calc(3.2 / 2.4)) !important;
  }
  .tw\:text-base {
    font-size: 1.6rem !important;
    line-height: var(--tw-leading, calc(2.4 / 1.6)) !important;
  }
  .tw\:text-lg {
    font-size: 1.8rem !important;
    line-height: var(--tw-leading, calc(2.8 / 1.8)) !important;
  }
  .tw\:text-sm {
    font-size: 1.4rem !important;
    line-height: var(--tw-leading, calc(2 / 1.4)) !important;
  }
  .tw\:text-xl {
    font-size: 2rem !important;
    line-height: var(--tw-leading, calc(2.8 / 2)) !important;
  }
  .tw\:text-xs {
    font-size: 1.2rem !important;
    line-height: var(--tw-leading, calc(1.6 / 1.2)) !important;
  }
  .tw\:text-\[20px\] {
    font-size: 20px !important;
  }
  .tw\:text-\[24px\] {
    font-size: 24px !important;
  }
  .tw\:text-\[28px\] {
    font-size: 28px !important;
  }
  .tw\:text-\[32px\] {
    font-size: 32px !important;
  }
  .tw\:text-\[36px\] {
    font-size: 36px !important;
  }
  .tw\:text-\[50px\] {
    font-size: 50px !important;
  }
  .tw\:leading-5 {
    --tw-leading: calc(0.4rem * 5) !important;
    line-height: calc(0.4rem * 5) !important;
  }
  .tw\:leading-6 {
    --tw-leading: calc(0.4rem * 6) !important;
    line-height: calc(0.4rem * 6) !important;
  }
  .tw\:font-light {
    --tw-font-weight: var(--tw-font-weight-light) !important;
    font-weight: var(--tw-font-weight-light) !important;
  }
  .tw\:font-medium {
    --tw-font-weight: var(--tw-font-weight-medium) !important;
    font-weight: var(--tw-font-weight-medium) !important;
  }
  .tw\:font-normal {
    --tw-font-weight: var(--tw-font-weight-normal) !important;
    font-weight: var(--tw-font-weight-normal) !important;
  }
  .tw\:font-semibold {
    --tw-font-weight: var(--tw-font-weight-semibold) !important;
    font-weight: var(--tw-font-weight-semibold) !important;
  }
  .tw\:tracking-tight {
    --tw-tracking: var(--tw-tracking-tight) !important;
    letter-spacing: var(--tw-tracking-tight) !important;
  }
  .tw\:text-nowrap {
    text-wrap: nowrap !important;
  }
  .tw\:text-wrap {
    text-wrap: wrap !important;
  }
  .tw\:whitespace-nowrap {
    white-space: nowrap !important;
  }
  .tw\:text-gray-500 {
    color: var(--tw-color-gray-500) !important;
  }
  .tw\:text-inherit {
    color: inherit !important;
  }
  .tw\:text-pri {
    color: #1f8bb1 !important;
  }
  .tw\:text-txd-pri {
    color: #f5f5f5 !important;
  }
  .tw\:text-txl-pri {
    color: #171717 !important;
  }
  .tw\:text-txl-pri-m1 {
    color: #262626 !important;
  }
  .tw\:text-txl-pri-m2 {
    color: #404040 !important;
  }
  .tw\:text-txl-pri-m3 {
    color: #525252 !important;
  }
  .tw\:text-txl-pri-p1 {
    color: #0a0a0a !important;
  }
  .tw\:text-txl-pri-p2 {
    color: #000000 !important;
  }
  .tw\:opacity-0 {
    opacity: 0% !important;
  }
  .tw\:opacity-10 {
    opacity: 10% !important;
  }
  .tw\:opacity-30 {
    opacity: 30% !important;
  }
  .tw\:opacity-50 {
    opacity: 50% !important;
  }
  .tw\:shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:shadow-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:shadow-bdl-pri {
    --tw-shadow-color: #f5f5f5 !important;
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, #f5f5f5 var(--tw-shadow-alpha), transparent) !important;
    }
  }
  .tw\:transition-opacity {
    transition-property: opacity !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:transition-transform {
    transition-property: transform, translate, scale, rotate !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:duration-200 {
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .tw\:duration-300 {
    --tw-duration: 300ms !important;
    transition-duration: 300ms !important;
  }
  .tw\:duration-350 {
    --tw-duration: 350ms !important;
    transition-duration: 350ms !important;
  }
  .tw\:duration-400 {
    --tw-duration: 400ms !important;
    transition-duration: 400ms !important;
  }
  .tw\:ease-in-out {
    --tw-ease: var(--tw-ease-in-out) !important;
    transition-timing-function: var(--tw-ease-in-out) !important;
  }
  .tw\:ring-inset {
    --tw-ring-inset: inset !important;
  }
  :is(.tw\:\*\:right-0 > *) {
    right: 0px !important;
  }
  :is(.tw\:\*\:flex > *) {
    display: flex !important;
  }
  :is(.tw\:\*\:inline-flex > *) {
    display: inline-flex !important;
  }
  :is(.tw\:\*\:w-full > *) {
    width: 100% !important;
  }
  :is(.tw\:\*\:items-center > *) {
    align-items: center !important;
  }
  :is(.tw\:\*\:justify-between > *) {
    justify-content: space-between !important;
  }
  :is(.tw\:\*\:gap-2 > *) {
    gap: calc(0.4rem * 2) !important;
  }
  :is(.tw\:\*\:gap-x-1\.5 > *) {
    column-gap: calc(0.4rem * 1.5) !important;
  }
  :is(.tw\:\*\:rounded-full > *) {
    border-radius: calc(infinity * 1px) !important;
  }
  :is(.tw\:\*\:rounded-md > *) {
    border-radius: 0.48rem !important;
  }
  :is(.tw\:\*\:px-1 > *) {
    padding-inline: 0.4rem !important;
  }
  :is(.tw\:\*\:px-2 > *) {
    padding-inline: calc(0.4rem * 2) !important;
  }
  :is(.tw\:\*\:py-1 > *) {
    padding-block: 0.4rem !important;
  }
  :is(.tw\:\*\:py-2 > *) {
    padding-block: calc(0.4rem * 2) !important;
  }
  :is(.tw\:\*\:font-sans > *) {
    font-family: "Open Sans" !important;
  }
  :is(.tw\:\*\:text-base > *) {
    font-size: 1.6rem !important;
    line-height: var(--tw-leading, calc(2.4 / 1.6)) !important;
  }
  :is(.tw\:\*\:text-sm > *) {
    font-size: 1.4rem !important;
    line-height: var(--tw-leading, calc(2 / 1.4)) !important;
  }
  :is(.tw\:\*\:font-medium > *) {
    --tw-font-weight: var(--tw-font-weight-medium) !important;
    font-weight: var(--tw-font-weight-medium) !important;
  }
  :is(.tw\:\*\:text-nowrap > *) {
    text-wrap: nowrap !important;
  }
  :is(.tw\:\*\:text-pri > *) {
    color: #1f8bb1 !important;
  }
  :is(.tw\:\*\:text-pri-m1 > *) {
    color: #37b1dc !important;
  }
  :is(.tw\:\*\:ring-1 > *) {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  :is(.tw\:\*\:ring-bdl-pri-p1 > *) {
    --tw-ring-color: #e5e5e5 !important;
  }
  :is(.tw\:\*\:no-outline > *) {
    outline: none !important;
    text-decoration: inherit !important;
  }
  :is(.tw\:\*\:ring-inset > *) {
    --tw-ring-inset: inset !important;
  }
  .tw\:placeholder\:text-txl-pri-m2::placeholder {
    color: #404040 !important;
  }
  .tw\:placeholder\:text-txl-pri-m3::placeholder {
    color: #525252 !important;
  }
  .tw\:before\:invisible::before {
    content: var(--tw-content);
    visibility: hidden !important;
  }
  .tw\:before\:absolute::before {
    content: var(--tw-content);
    position: absolute !important;
  }
  .tw\:before\:-top-5::before {
    content: var(--tw-content);
    top: calc(0.4rem * -5) !important;
  }
  .tw\:before\:top-0::before {
    content: var(--tw-content);
    top: 0px !important;
  }
  .tw\:before\:right-0::before {
    content: var(--tw-content);
    right: 0px !important;
  }
  .tw\:before\:left-0::before {
    content: var(--tw-content);
    left: 0px !important;
  }
  .tw\:before\:h-4::before {
    content: var(--tw-content);
    height: calc(0.4rem * 4) !important;
  }
  .tw\:before\:w-4::before {
    content: var(--tw-content);
    width: calc(0.4rem * 4) !important;
  }
  .tw\:before\:-translate-x-1\/2::before {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1) !important;
    translate: var(--tw-translate-x) var(--tw-translate-y) !important;
  }
  .tw\:before\:rounded-full::before {
    content: var(--tw-content);
    border-radius: calc(infinity * 1px) !important;
  }
  .tw\:before\:rounded-md::before {
    content: var(--tw-content);
    border-radius: 0.48rem !important;
  }
  .tw\:before\:bg-bgl-pri-p1::before {
    content: var(--tw-content);
    background-color: #f5f5f5 !important;
  }
  .tw\:before\:bg-pri::before {
    content: var(--tw-content);
    background-color: #1f8bb1 !important;
  }
  .tw\:before\:px-2::before {
    content: var(--tw-content);
    padding-inline: calc(0.4rem * 2) !important;
  }
  .tw\:before\:py-0\.5::before {
    content: var(--tw-content);
    padding-block: calc(0.4rem * 0.5) !important;
  }
  .tw\:before\:text-center::before {
    content: var(--tw-content);
    text-align: center !important;
  }
  .tw\:before\:text-sm::before {
    content: var(--tw-content);
    font-size: 1.4rem !important;
    line-height: var(--tw-leading, calc(2 / 1.4)) !important;
  }
  .tw\:before\:text-xs::before {
    content: var(--tw-content);
    font-size: 1.2rem !important;
    line-height: var(--tw-leading, calc(1.6 / 1.2)) !important;
  }
  .tw\:before\:whitespace-nowrap::before {
    content: var(--tw-content);
    white-space: nowrap !important;
  }
  .tw\:before\:text-txd-pri-p1::before {
    content: var(--tw-content);
    color: #fafafa !important;
  }
  .tw\:before\:shadow-md::before {
    content: var(--tw-content);
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
  }
  .tw\:before\:transition-all::before {
    content: var(--tw-content);
    transition-property: all !important;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration)) !important;
  }
  .tw\:before\:duration-200::before {
    content: var(--tw-content);
    --tw-duration: 200ms !important;
    transition-duration: 200ms !important;
  }
  .tw\:before\:content-\[attr\(data-qty\)\]::before {
    content: var(--tw-content);
    --tw-content: attr(data-qty) !important;
    content: var(--tw-content) !important;
  }
  .tw\:before\:content-\[attr\(data-tooltip\)\]::before {
    content: var(--tw-content);
    --tw-content: attr(data-tooltip) !important;
    content: var(--tw-content) !important;
  }
  .tw\:after\:absolute::after {
    content: var(--tw-content);
    position: absolute !important;
  }
  .tw\:after\:top-9::after {
    content: var(--tw-content);
    top: calc(0.4rem * 9) !important;
  }
  .tw\:after\:top-10::after {
    content: var(--tw-content);
    top: calc(0.4rem * 10) !important;
  }
  .tw\:after\:top-\[34px\]::after {
    content: var(--tw-content);
    top: 34px !important;
  }
  .tw\:after\:left-3::after {
    content: var(--tw-content);
    left: calc(0.4rem * 3) !important;
  }
  .tw\:after\:left-3\.5::after {
    content: var(--tw-content);
    left: calc(0.4rem * 3.5) !important;
  }
  .tw\:after\:h-3::after {
    content: var(--tw-content);
    height: calc(0.4rem * 3) !important;
  }
  .tw\:after\:h-4::after {
    content: var(--tw-content);
    height: calc(0.4rem * 4) !important;
  }
  .tw\:after\:w-3::after {
    content: var(--tw-content);
    width: calc(0.4rem * 3) !important;
  }
  .tw\:after\:w-4::after {
    content: var(--tw-content);
    width: calc(0.4rem * 4) !important;
  }
  .tw\:after\:rotate-45::after {
    content: var(--tw-content);
    rotate: 45deg !important;
  }
  .tw\:after\:border-t-2::after {
    content: var(--tw-content);
    border-top-style: var(--tw-border-style) !important;
    border-top-width: 2px !important;
  }
  .tw\:after\:border-l-2::after {
    content: var(--tw-content);
    border-left-style: var(--tw-border-style) !important;
    border-left-width: 2px !important;
  }
  .tw\:after\:border-bgd-pri::after {
    content: var(--tw-content);
    border-color: #262626 !important;
  }
  .tw\:after\:bg-bgl-pri::after {
    content: var(--tw-content);
    background-color: #fafafa !important;
  }
  @media (hover: hover) {
    .tw\:hover\:cursor-pointer:hover {
      cursor: pointer !important;
    }
    .tw\:hover\:bg-bgd-pri-p1:hover {
      background-color: #262626 !important;
    }
    .tw\:hover\:bg-bgd-pri-p2:hover {
      background-color: #404040 !important;
    }
    .tw\:hover\:bg-bgl-pri:hover {
      background-color: #fafafa !important;
    }
    .tw\:hover\:bg-bgl-pri-p2:hover {
      background-color: #e5e5e5 !important;
    }
    .tw\:hover\:text-pri:hover {
      color: #1f8bb1 !important;
    }
    .tw\:hover\:text-pri-m1:hover {
      color: #37b1dc !important;
    }
    .tw\:hover\:text-pri-p1:hover {
      color: #196f8d !important;
    }
    .tw\:hover\:text-txd-pri-p2:hover {
      color: #ffffff !important;
    }
    .tw\:hover\:text-txl-pri-m1:hover {
      color: #262626 !important;
    }
    :is(.tw\:\*\:hover\:cursor-pointer > *):hover {
      cursor: pointer !important;
    }
    :is(.tw\:\*\:hover\:bg-bgl-pri-p1 > *):hover {
      background-color: #f5f5f5 !important;
    }
    :is(.tw\:\*\:hover\:bg-bgl-pri-p2 > *):hover {
      background-color: #e5e5e5 !important;
    }
    :is(.tw\:\*\:hover\:text-pri-p1 > *):hover {
      color: #196f8d !important;
    }
    :is(.tw\:\*\:hover\:text-pri-p2 > *):hover {
      color: #13576f !important;
    }
    .tw\:hover\:before\:visible:hover::before {
      content: var(--tw-content);
      visibility: visible !important;
    }
  }
  .tw\:focus\:outline-none:focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  :is(.tw\:\*\:focus\:no-outline > *):focus {
    outline: none !important;
    text-decoration: inherit !important;
  }
  :is(.tw\:\*\:focus\:outline-none > *):focus {
    --tw-outline-style: none !important;
    outline-style: none !important;
  }
  @media (width < 64rem) {
    .tw\:max-lg\:hidden {
      display: none !important;
    }
    .tw\:max-lg\:max-w-32 {
      max-width: calc(0.4rem * 32) !important;
    }
    .tw\:max-lg\:max-w-36 {
      max-width: calc(0.4rem * 36) !important;
    }
    .tw\:max-lg\:max-w-44 {
      max-width: calc(0.4rem * 44) !important;
    }
  }
  @media (width < 48rem) {
    .tw\:max-md\:-top-11 {
      top: calc(0.4rem * -11) !important;
    }
    .tw\:max-md\:top-\[52px\] {
      top: 52px !important;
    }
    .tw\:max-md\:left-0 {
      left: 0px !important;
    }
    .tw\:max-md\:z-10 {
      z-index: 10 !important;
    }
    .tw\:max-md\:mt-1 {
      margin-top: 0.4rem !important;
    }
    .tw\:max-md\:hidden {
      display: none !important;
    }
    .tw\:max-md\:border-b {
      border-bottom-style: var(--tw-border-style) !important;
      border-bottom-width: 1px !important;
    }
    @media (hover: hover) {
      .tw\:max-md\:hover\:bg-bgd-pri-p2:hover {
        background-color: #404040 !important;
      }
    }
  }
  @media (width < 40rem) {
    .tw\:max-sm\:shrink {
      flex-shrink: 1 !important;
    }
    .tw\:max-sm\:justify-center {
      justify-content: center !important;
    }
    :where(.tw\:max-sm\:divide-y > :not(:last-child)) {
      --tw-divide-y-reverse: 0 !important;
      border-bottom-style: var(--tw-border-style) !important;
      border-top-style: var(--tw-border-style) !important;
      border-top-width: calc(1px * var(--tw-divide-y-reverse)) !important;
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important;
    }
  }
  @media (width < 36rem) {
    .tw\:max-xs\:left-4 {
      left: calc(0.4rem * 4) !important;
    }
  }
  @media (width >= 36rem) {
    .tw\:xs\:right-\[68px\] {
      right: 68px !important;
    }
    .tw\:xs\:max-w-\[576px\] {
      max-width: 576px !important;
    }
  }
  @media (width >= 40rem) {
    .tw\:sm\:mx-auto {
      margin-inline: auto !important;
    }
    .tw\:sm\:mt-4 {
      margin-top: calc(0.4rem * 4) !important;
    }
    .tw\:sm\:h-14 {
      height: calc(0.4rem * 14) !important;
    }
    .tw\:sm\:min-h-80 {
      min-height: calc(0.4rem * 80) !important;
    }
    .tw\:sm\:w-\[640px\] {
      width: 640px !important;
    }
    .tw\:sm\:w-full {
      width: 100% !important;
    }
    .tw\:sm\:max-w-4xl {
      max-width: var(--tw-container-4xl) !important;
    }
    .tw\:sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    :where(.tw\:sm\:divide-x > :not(:last-child)) {
      --tw-divide-x-reverse: 0 !important;
      border-inline-style: var(--tw-border-style) !important;
      border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)) !important;
      border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))) !important;
    }
    .tw\:sm\:px-6 {
      padding-inline: calc(0.4rem * 6) !important;
    }
    .tw\:sm\:pl-4 {
      padding-left: calc(0.4rem * 4) !important;
    }
  }
  @media (width >= 48rem) {
    .tw\:md\:-top-\[7px\] {
      top: calc(7px * -1) !important;
    }
    .tw\:md\:top-3\.5 {
      top: calc(0.4rem * 3.5) !important;
    }
    .tw\:md\:top-14 {
      top: calc(0.4rem * 14) !important;
    }
    .tw\:md\:top-20 {
      top: calc(0.4rem * 20) !important;
    }
    .tw\:md\:top-\[68px\] {
      top: 68px !important;
    }
    .tw\:md\:top-\[128px\] {
      top: 128px !important;
    }
    .tw\:md\:top-\[131px\] {
      top: 131px !important;
    }
    .tw\:md\:top-\[136px\] {
      top: 136px !important;
    }
    .tw\:md\:left-4\.5 {
      left: calc(0.4rem * 4.5) !important;
    }
    .tw\:md\:flex {
      display: flex !important;
    }
    .tw\:md\:hidden {
      display: none !important;
    }
    .tw\:md\:h-3 {
      height: calc(0.4rem * 3) !important;
    }
    .tw\:md\:h-12 {
      height: calc(0.4rem * 12) !important;
    }
    .tw\:md\:h-14 {
      height: calc(0.4rem * 14) !important;
    }
    .tw\:md\:h-16 {
      height: calc(0.4rem * 16) !important;
    }
    .tw\:md\:h-\[270px\] {
      height: 270px !important;
    }
    .tw\:md\:w-3 {
      width: calc(0.4rem * 3) !important;
    }
    .tw\:md\:w-12 {
      width: calc(0.4rem * 12) !important;
    }
    .tw\:md\:flex-grow-10 {
      flex-grow: 10 !important;
    }
    .tw\:md\:basis-44 {
      flex-basis: calc(0.4rem * 44) !important;
    }
    .tw\:md\:basis-52 {
      flex-basis: calc(0.4rem * 52) !important;
    }
    .tw\:md\:flex-row {
      flex-direction: row !important;
    }
    .tw\:md\:justify-center {
      justify-content: center !important;
    }
    .tw\:md\:gap-4 {
      gap: calc(0.4rem * 4) !important;
    }
    .tw\:md\:border-r {
      border-right-style: var(--tw-border-style) !important;
      border-right-width: 1px !important;
    }
    .tw\:md\:bg-txl-pri-p2 {
      background-color: #000000 !important;
    }
    .tw\:md\:pr-10 {
      padding-right: calc(0.4rem * 10) !important;
    }
    .tw\:md\:text-\[32px\] {
      font-size: 32px !important;
    }
    .tw\:md\:text-\[36px\] {
      font-size: 36px !important;
    }
    .tw\:md\:text-\[40px\] {
      font-size: 40px !important;
    }
    .tw\:md\:text-\[50px\] {
      font-size: 50px !important;
    }
    .tw\:md\:text-txl-pri-p2 {
      color: #000000 !important;
    }
    .tw\:md\:after\:invisible::after {
      content: var(--tw-content);
      visibility: hidden !important;
    }
    @media (hover: hover) {
      .tw\:md\:hover\:bg-bgl-pri-p2:hover {
        background-color: #e5e5e5 !important;
      }
    }
  }
  @media (width >= 64rem) {
    .tw\:lg\:flex {
      display: flex !important;
    }
    .tw\:lg\:h-\[180px\] {
      height: 180px !important;
    }
    .tw\:lg\:h-\[200px\] {
      height: 200px !important;
    }
    .tw\:lg\:basis-1\/3 {
      flex-basis: calc(1 / 3 * 100%) !important;
    }
    .tw\:lg\:basis-2\/3 {
      flex-basis: calc(2 / 3 * 100%) !important;
    }
    .tw\:lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    .tw\:lg\:gap-4 {
      gap: calc(0.4rem * 4) !important;
    }
    .tw\:lg\:px-8 {
      padding-inline: calc(0.4rem * 8) !important;
    }
  }
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 100 700;
  src: url('../fonts/msr.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-VariableFont_wdth,wght.woff2') format('woff2');
  font-weight: 300 800;
  font-style: normal;
}
.tw-scope {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--tw-default-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji');
    font-feature-settings: var(--tw-default-font-feature-settings, normal);
    font-variation-settings: var(--tw-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(--tw-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace);
    font-feature-settings: var(--tw-default-mono-font-feature-settings, normal);
    font-variation-settings: var(--tw-default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :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)) {
        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, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-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']), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden='until-found'])) {
    display: none !important;
  }
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Open Sans" !important;
}
@layer base {
  .tw-scope p {
    align-items: center !important;
    vertical-align: middle !important;
  }
  .tw-scope button {
    background-color: transparent;
    border: none;
  }
  .tw-scope a:focus {
    outline-color: inherit !important;
    outline-style: none !important;
    outline-width: 0px !important;
    outline-offset: 0px !important;
  }
  input:-webkit-autofill,   textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgb(var(--color-sec-m2)) inset;
  }
}
@layer components {
  .my-tpl-container {
    margin-inline: auto;
    height: auto;
    max-width: var(--tw-breakpoint-2xl);
    border-radius: 0.64rem;
    background-color: var(--tw-color-neutral-50);
    padding-inline: calc(0.4rem * 4);
    padding-block: calc(0.4rem * 4);
    @media (width >= 40rem) {
      margin-top: calc(0.4rem * 4);
    }
  }
  .my-alert-warning {
    background-color: #1f8bb1;
    padding: calc(0.4rem * 2);
    font-size: 1.4rem;
    line-height: var(--tw-leading, calc(2 / 1.4));
    color: var(--tw-color-neutral-50);
  }
  .tw\:my-button-pri {
    display: flex;
    height: calc(0.4rem * 10);
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: 0.48rem;
    background-color: #1f8bb1;
    font-size: 1.4rem;
    line-height: var(--tw-leading, calc(2 / 1.4));
    text-wrap: nowrap;
    color: #fafafa;
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        color: var(--tw-color-white);
      }
    }
  }
  .tw\:my-back-panel {
    position: fixed;
    top: 0px;
    width: 100%;
    background-color: #0a0a0a;
    opacity: 50%;
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--tw-default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--tw-default-transition-duration));
    --tw-duration: 350ms;
    transition-duration: 350ms;
    --tw-ease: var(--tw-ease-in-out);
    transition-timing-function: var(--tw-ease-in-out);
  }
}
@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}
@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-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  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: 0px;
}
@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-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@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;
}
@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-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: 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-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}