@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@600;700;800;900&display=swap');
/* pfl-kadry-bhp — skompilowany Tailwind (clone.py, KLON v4). NIE EDYTOWAĆ kompilatu ręcznie — warstwa nadrzędna NA KOŃCU pliku. */
#pfl-kadry-bhp-root, #pfl-kadry-bhp-root *, #pfl-kadry-bhp-root ::before, #pfl-kadry-bhp-root ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

#pfl-kadry-bhp-root ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  
}

#pfl-kadry-bhp-root .pointer-events-none {
  pointer-events: none
}

#pfl-kadry-bhp-root .pointer-events-auto {
  pointer-events: auto
}

#pfl-kadry-bhp-root .fixed {
  position: fixed
}

#pfl-kadry-bhp-root .absolute {
  position: absolute
}

#pfl-kadry-bhp-root .relative {
  position: relative
}

#pfl-kadry-bhp-root .sticky {
  position: sticky
}

#pfl-kadry-bhp-root .-inset-1 {
  inset: -4px
}

#pfl-kadry-bhp-root .inset-0 {
  inset: 0px
}

#pfl-kadry-bhp-root .inset-2 {
  inset: 8px
}

#pfl-kadry-bhp-root .-bottom-1 {
  bottom: -4px
}

#pfl-kadry-bhp-root .-bottom-10 {
  bottom: -40px
}

#pfl-kadry-bhp-root .-bottom-20 {
  bottom: -80px
}

#pfl-kadry-bhp-root .-bottom-32 {
  bottom: -128px
}

#pfl-kadry-bhp-root .-bottom-4 {
  bottom: -16px
}

#pfl-kadry-bhp-root .-bottom-40 {
  bottom: -160px
}

#pfl-kadry-bhp-root .-bottom-6 {
  bottom: -24px
}

#pfl-kadry-bhp-root .-left-10 {
  left: -40px
}

#pfl-kadry-bhp-root .-left-20 {
  left: -80px
}

#pfl-kadry-bhp-root .-left-32 {
  left: -128px
}

#pfl-kadry-bhp-root .-left-40 {
  left: -160px
}

#pfl-kadry-bhp-root .-left-\[2px\] {
  left: -2px
}

#pfl-kadry-bhp-root .-left-\[44px\] {
  left: -44px
}

#pfl-kadry-bhp-root .-right-1 {
  right: -4px
}

#pfl-kadry-bhp-root .-right-10 {
  right: -40px
}

#pfl-kadry-bhp-root .-right-16 {
  right: -64px
}

#pfl-kadry-bhp-root .-right-20 {
  right: -80px
}

#pfl-kadry-bhp-root .-right-32 {
  right: -128px
}

#pfl-kadry-bhp-root .-right-4 {
  right: -16px
}

#pfl-kadry-bhp-root .-right-40 {
  right: -160px
}

#pfl-kadry-bhp-root .-right-6 {
  right: -24px
}

#pfl-kadry-bhp-root .-top-16 {
  top: -64px
}

#pfl-kadry-bhp-root .-top-20 {
  top: -80px
}

#pfl-kadry-bhp-root .-top-32 {
  top: -128px
}

#pfl-kadry-bhp-root .-top-4 {
  top: -16px
}

#pfl-kadry-bhp-root .-top-40 {
  top: -160px
}

#pfl-kadry-bhp-root .bottom-0 {
  bottom: 0px
}

#pfl-kadry-bhp-root .bottom-3 {
  bottom: 12px
}

#pfl-kadry-bhp-root .bottom-4 {
  bottom: 16px
}

#pfl-kadry-bhp-root .bottom-8 {
  bottom: 32px
}

#pfl-kadry-bhp-root .bottom-\[-1\%\] {
  bottom: -1%
}

#pfl-kadry-bhp-root .bottom-\[-2\%\] {
  bottom: -2%
}

#pfl-kadry-bhp-root .left-0 {
  left: 0px
}

#pfl-kadry-bhp-root .left-1\/2 {
  left: 50%
}

#pfl-kadry-bhp-root .left-10 {
  left: 40px
}

#pfl-kadry-bhp-root .left-3\.5 {
  left: 14px
}

#pfl-kadry-bhp-root .left-4 {
  left: 16px
}

#pfl-kadry-bhp-root .left-5 {
  left: 20px
}

#pfl-kadry-bhp-root .left-\[-2\%\] {
  left: -2%
}

#pfl-kadry-bhp-root .left-\[20\%\] {
  left: 20%
}

#pfl-kadry-bhp-root .left-\[4\%\] {
  left: 4%
}

#pfl-kadry-bhp-root .right-0 {
  right: 0px
}

#pfl-kadry-bhp-root .right-1\.5 {
  right: 6px
}

#pfl-kadry-bhp-root .right-10 {
  right: 40px
}

#pfl-kadry-bhp-root .right-3 {
  right: 12px
}

#pfl-kadry-bhp-root .right-4 {
  right: 16px
}

#pfl-kadry-bhp-root .right-6 {
  right: 24px
}

#pfl-kadry-bhp-root .right-8 {
  right: 32px
}

#pfl-kadry-bhp-root .right-\[-2\%\] {
  right: -2%
}

#pfl-kadry-bhp-root .right-\[20\%\] {
  right: 20%
}

#pfl-kadry-bhp-root .right-\[4\%\] {
  right: 4%
}

#pfl-kadry-bhp-root .top-0 {
  top: 0px
}

#pfl-kadry-bhp-root .top-1 {
  top: 4px
}

#pfl-kadry-bhp-root .top-1\.5 {
  top: 6px
}

#pfl-kadry-bhp-root .top-1\/2 {
  top: 50%
}

#pfl-kadry-bhp-root .top-20 {
  top: 80px
}

#pfl-kadry-bhp-root .top-3 {
  top: 12px
}

#pfl-kadry-bhp-root .top-4 {
  top: 16px
}

#pfl-kadry-bhp-root .top-40 {
  top: 160px
}

#pfl-kadry-bhp-root .top-6 {
  top: 24px
}

#pfl-kadry-bhp-root .top-\[-2\%\] {
  top: -2%
}

#pfl-kadry-bhp-root .top-\[0\%\] {
  top: 0%
}

#pfl-kadry-bhp-root .top-\[24px\] {
  top: 24px
}

#pfl-kadry-bhp-root .top-\[36\%\] {
  top: 36%
}

#pfl-kadry-bhp-root .top-\[38\%\] {
  top: 38%
}

#pfl-kadry-bhp-root .top-\[48\%\] {
  top: 48%
}

#pfl-kadry-bhp-root .z-0 {
  z-index: 0
}

#pfl-kadry-bhp-root .z-10 {
  z-index: 10
}

#pfl-kadry-bhp-root .z-20 {
  z-index: 20
}

#pfl-kadry-bhp-root .z-50 {
  z-index: 50
}

#pfl-kadry-bhp-root .z-\[60\] {
  z-index: 60
}

#pfl-kadry-bhp-root .col-span-1 {
  grid-column: span 1 / span 1
}

#pfl-kadry-bhp-root .col-span-3 {
  grid-column: span 3 / span 3
}

#pfl-kadry-bhp-root .col-span-6 {
  grid-column: span 6 / span 6
}

#pfl-kadry-bhp-root .col-span-9 {
  grid-column: span 9 / span 9
}

#pfl-kadry-bhp-root .mx-4 {
  margin-left: 16px;
  margin-right: 16px
}

#pfl-kadry-bhp-root .mx-auto {
  margin-left: auto;
  margin-right: auto
}

#pfl-kadry-bhp-root .mb-0\.5 {
  margin-bottom: 2px
}

#pfl-kadry-bhp-root .mb-1 {
  margin-bottom: 4px
}

#pfl-kadry-bhp-root .mb-1\.5 {
  margin-bottom: 6px
}

#pfl-kadry-bhp-root .mb-10 {
  margin-bottom: 40px
}

#pfl-kadry-bhp-root .mb-12 {
  margin-bottom: 48px
}

#pfl-kadry-bhp-root .mb-16 {
  margin-bottom: 64px
}

#pfl-kadry-bhp-root .mb-2 {
  margin-bottom: 8px
}

#pfl-kadry-bhp-root .mb-2\.5 {
  margin-bottom: 10px
}

#pfl-kadry-bhp-root .mb-20 {
  margin-bottom: 80px
}

#pfl-kadry-bhp-root .mb-3 {
  margin-bottom: 12px
}

#pfl-kadry-bhp-root .mb-3\.5 {
  margin-bottom: 14px
}

#pfl-kadry-bhp-root .mb-4 {
  margin-bottom: 16px
}

#pfl-kadry-bhp-root .mb-5 {
  margin-bottom: 20px
}

#pfl-kadry-bhp-root .mb-6 {
  margin-bottom: 24px
}

#pfl-kadry-bhp-root .mb-8 {
  margin-bottom: 32px
}

#pfl-kadry-bhp-root .ml-0\.5 {
  margin-left: 2px
}

#pfl-kadry-bhp-root .ml-1 {
  margin-left: 4px
}

#pfl-kadry-bhp-root .mt-0\.5 {
  margin-top: 2px
}

#pfl-kadry-bhp-root .mt-1 {
  margin-top: 4px
}

#pfl-kadry-bhp-root .mt-12 {
  margin-top: 48px
}

#pfl-kadry-bhp-root .mt-2 {
  margin-top: 8px
}

#pfl-kadry-bhp-root .mt-20 {
  margin-top: 80px
}

#pfl-kadry-bhp-root .mt-24 {
  margin-top: 96px
}

#pfl-kadry-bhp-root .mt-3 {
  margin-top: 12px
}

#pfl-kadry-bhp-root .mt-4 {
  margin-top: 16px
}

#pfl-kadry-bhp-root .mt-6 {
  margin-top: 24px
}

#pfl-kadry-bhp-root .mt-8 {
  margin-top: 32px
}

#pfl-kadry-bhp-root .mt-auto {
  margin-top: auto
}

#pfl-kadry-bhp-root .block {
  display: block
}

#pfl-kadry-bhp-root .flex {
  display: flex
}

#pfl-kadry-bhp-root .inline-flex {
  display: inline-flex
}

#pfl-kadry-bhp-root .grid {
  display: grid
}

#pfl-kadry-bhp-root .hidden {
  display: none
}

#pfl-kadry-bhp-root .aspect-\[1\.1\] {
  aspect-ratio: 1.1
}

#pfl-kadry-bhp-root .aspect-\[4\/5\] {
  aspect-ratio: 4/5
}

#pfl-kadry-bhp-root .h-0\.5 {
  height: 2px
}

#pfl-kadry-bhp-root .h-1 {
  height: 4px
}

#pfl-kadry-bhp-root .h-1\.5 {
  height: 6px
}

#pfl-kadry-bhp-root .h-10 {
  height: 40px
}

#pfl-kadry-bhp-root .h-11 {
  height: 44px
}

#pfl-kadry-bhp-root .h-12 {
  height: 48px
}

#pfl-kadry-bhp-root .h-14 {
  height: 56px
}

#pfl-kadry-bhp-root .h-16 {
  height: 64px
}

#pfl-kadry-bhp-root .h-2 {
  height: 8px
}

#pfl-kadry-bhp-root .h-2\.5 {
  height: 10px
}

#pfl-kadry-bhp-root .h-24 {
  height: 96px
}

#pfl-kadry-bhp-root .h-3 {
  height: 12px
}

#pfl-kadry-bhp-root .h-3\.5 {
  height: 14px
}

#pfl-kadry-bhp-root .h-32 {
  height: 128px
}

#pfl-kadry-bhp-root .h-4 {
  height: 16px
}

#pfl-kadry-bhp-root .h-40 {
  height: 160px
}

#pfl-kadry-bhp-root .h-48 {
  height: 192px
}

#pfl-kadry-bhp-root .h-5 {
  height: 20px
}

#pfl-kadry-bhp-root .h-6 {
  height: 24px
}

#pfl-kadry-bhp-root .h-7 {
  height: 28px
}

#pfl-kadry-bhp-root .h-8 {
  height: 32px
}

#pfl-kadry-bhp-root .h-80 {
  height: 320px
}

#pfl-kadry-bhp-root .h-9 {
  height: 36px
}

#pfl-kadry-bhp-root .h-\[120px\] {
  height: 120px
}

#pfl-kadry-bhp-root .h-\[1px\] {
  height: 1px
}

#pfl-kadry-bhp-root .h-\[300px\] {
  height: 300px
}

#pfl-kadry-bhp-root .h-\[350px\] {
  height: 350px
}

#pfl-kadry-bhp-root .h-\[40\%\] {
  height: 40%
}

#pfl-kadry-bhp-root .h-\[400px\] {
  height: 400px
}

#pfl-kadry-bhp-root .h-\[500px\] {
  height: 500px
}

#pfl-kadry-bhp-root .h-\[600px\] {
  height: 600px
}

#pfl-kadry-bhp-root .h-\[60px\] {
  height: 60px
}

#pfl-kadry-bhp-root .h-\[62\%\] {
  height: 62%
}

#pfl-kadry-bhp-root .h-\[72px\] {
  height: 72px
}

#pfl-kadry-bhp-root .h-\[84\%\] {
  height: 84%
}

#pfl-kadry-bhp-root .h-auto {
  height: auto
}

#pfl-kadry-bhp-root .h-full {
  height: 100%
}

#pfl-kadry-bhp-root .h-px {
  height: 1px
}

#pfl-kadry-bhp-root .max-h-\[460px\] {
  max-height: 460px
}

#pfl-kadry-bhp-root .max-h-\[80vh\] {
  max-height: 80vh
}

#pfl-kadry-bhp-root .max-h-\[90vh\] {
  max-height: 90vh
}

#pfl-kadry-bhp-root .min-h-\[135px\] {
  min-height: 135px
}

#pfl-kadry-bhp-root .min-h-\[140px\] {
  min-height: 140px
}

#pfl-kadry-bhp-root .min-h-\[500px\] {
  min-height: 500px
}

#pfl-kadry-bhp-root .w-0\.5 {
  width: 2px
}

#pfl-kadry-bhp-root .w-1\.5 {
  width: 6px
}

#pfl-kadry-bhp-root .w-10 {
  width: 40px
}

#pfl-kadry-bhp-root .w-11 {
  width: 44px
}

#pfl-kadry-bhp-root .w-12 {
  width: 48px
}

#pfl-kadry-bhp-root .w-14 {
  width: 56px
}

#pfl-kadry-bhp-root .w-16 {
  width: 64px
}

#pfl-kadry-bhp-root .w-2 {
  width: 8px
}

#pfl-kadry-bhp-root .w-2\.5 {
  width: 10px
}

#pfl-kadry-bhp-root .w-24 {
  width: 96px
}

#pfl-kadry-bhp-root .w-3 {
  width: 12px
}

#pfl-kadry-bhp-root .w-3\.5 {
  width: 14px
}

#pfl-kadry-bhp-root .w-32 {
  width: 128px
}

#pfl-kadry-bhp-root .w-4 {
  width: 16px
}

#pfl-kadry-bhp-root .w-40 {
  width: 160px
}

#pfl-kadry-bhp-root .w-48 {
  width: 192px
}

#pfl-kadry-bhp-root .w-5 {
  width: 20px
}

#pfl-kadry-bhp-root .w-6 {
  width: 24px
}

#pfl-kadry-bhp-root .w-7 {
  width: 28px
}

#pfl-kadry-bhp-root .w-8 {
  width: 32px
}

#pfl-kadry-bhp-root .w-80 {
  width: 320px
}

#pfl-kadry-bhp-root .w-9 {
  width: 36px
}

#pfl-kadry-bhp-root .w-\[120px\] {
  width: 120px
}

#pfl-kadry-bhp-root .w-\[150px\] {
  width: 150px
}

#pfl-kadry-bhp-root .w-\[160px\] {
  width: 160px
}

#pfl-kadry-bhp-root .w-\[300px\] {
  width: 300px
}

#pfl-kadry-bhp-root .w-\[350px\] {
  width: 350px
}

#pfl-kadry-bhp-root .w-\[40\%\] {
  width: 40%
}

#pfl-kadry-bhp-root .w-\[400px\] {
  width: 400px
}

#pfl-kadry-bhp-root .w-\[500px\] {
  width: 500px
}

#pfl-kadry-bhp-root .w-\[600px\] {
  width: 600px
}

#pfl-kadry-bhp-root .w-\[60px\] {
  width: 60px
}

#pfl-kadry-bhp-root .w-\[62\%\] {
  width: 62%
}

#pfl-kadry-bhp-root .w-\[72px\] {
  width: 72px
}

#pfl-kadry-bhp-root .w-\[80\%\] {
  width: 80%
}

#pfl-kadry-bhp-root .w-\[84\%\] {
  width: 84%
}

#pfl-kadry-bhp-root .w-full {
  width: 100%
}

#pfl-kadry-bhp-root .w-max {
  width: -moz-max-content;
  width: max-content
}

#pfl-kadry-bhp-root .min-w-\[550px\] {
  min-width: 550px
}

#pfl-kadry-bhp-root .max-w-2xl {
  max-width: 672px
}

#pfl-kadry-bhp-root .max-w-3xl {
  max-width: 768px
}

#pfl-kadry-bhp-root .max-w-4xl {
  max-width: 896px
}

#pfl-kadry-bhp-root .max-w-\[100px\] {
  max-width: 100px
}

#pfl-kadry-bhp-root .max-w-\[1100px\] {
  max-width: 1100px
}

#pfl-kadry-bhp-root .max-w-\[1200px\] {
  max-width: 1200px
}

#pfl-kadry-bhp-root .max-w-\[1340px\] {
  max-width: 1340px
}

#pfl-kadry-bhp-root .max-w-\[1400px\] {
  max-width: 1400px
}

#pfl-kadry-bhp-root .max-w-\[140px\] {
  max-width: 140px
}

#pfl-kadry-bhp-root .max-w-\[1440px\] {
  max-width: 1440px
}

#pfl-kadry-bhp-root .max-w-\[240px\] {
  max-width: 240px
}

#pfl-kadry-bhp-root .max-w-\[410px\] {
  max-width: 410px
}

#pfl-kadry-bhp-root .max-w-\[480px\] {
  max-width: 480px
}

#pfl-kadry-bhp-root .max-w-\[550px\] {
  max-width: 550px
}

#pfl-kadry-bhp-root .max-w-\[580px\] {
  max-width: 580px
}

#pfl-kadry-bhp-root .max-w-lg {
  max-width: 512px
}

#pfl-kadry-bhp-root .max-w-max {
  max-width: -moz-max-content;
  max-width: max-content
}

#pfl-kadry-bhp-root .max-w-md {
  max-width: 448px
}

#pfl-kadry-bhp-root .max-w-sm {
  max-width: 384px
}

#pfl-kadry-bhp-root .max-w-xl {
  max-width: 576px
}

#pfl-kadry-bhp-root .flex-1 {
  flex: 1 1 0%
}

#pfl-kadry-bhp-root .shrink-0 {
  flex-shrink: 0
}

#pfl-kadry-bhp-root .flex-grow {
  flex-grow: 1
}

#pfl-kadry-bhp-root .origin-bottom {
  transform-origin: bottom
}

#pfl-kadry-bhp-root .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-translate-x-1\/3 {
  --tw-translate-x: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-translate-y-1\/3 {
  --tw-translate-y: -33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-translate-y-8 {
  --tw-translate-y: -32px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-x-1\/3 {
  --tw-translate-x: 33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-x-2 {
  --tw-translate-x: 8px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-y-0 {
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-y-1\/3 {
  --tw-translate-y: 33.333333%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-y-32 {
  --tw-translate-y: 128px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .translate-y-4 {
  --tw-translate-y: 16px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-rotate-1 {
  --tw-rotate: -1deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .-rotate-90 {
  --tw-rotate: -90deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .scale-100 {
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .scale-50 {
  --tw-scale-x: .5;
  --tw-scale-y: .5;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .scale-95 {
  --tw-scale-x: .95;
  --tw-scale-y: .95;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .scale-\[0\.75\] {
  --tw-scale-x: 0.75;
  --tw-scale-y: 0.75;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .scale-\[1\.02\] {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

#pfl-kadry-bhp-root .animate-bounce {
  animation: bounce 1s infinite
}

@keyframes ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

#pfl-kadry-bhp-root .animate-ping {
  animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite
}

@keyframes pulse {
  50% {
    opacity: .5
  }
}

#pfl-kadry-bhp-root .animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite
}

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

#pfl-kadry-bhp-root .animate-spin {
  animation: spin 1s linear infinite
}

#pfl-kadry-bhp-root .cursor-pointer {
  cursor: pointer
}

#pfl-kadry-bhp-root .list-inside {
  list-style-position: inside
}

#pfl-kadry-bhp-root .list-disc {
  list-style-type: disc
}

#pfl-kadry-bhp-root .appearance-none {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none
}

#pfl-kadry-bhp-root .grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

#pfl-kadry-bhp-root .grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr))
}

#pfl-kadry-bhp-root .grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

#pfl-kadry-bhp-root .flex-col {
  flex-direction: column
}

#pfl-kadry-bhp-root .flex-wrap {
  flex-wrap: wrap
}

#pfl-kadry-bhp-root .items-start {
  align-items: flex-start
}

#pfl-kadry-bhp-root .items-end {
  align-items: flex-end
}

#pfl-kadry-bhp-root .items-center {
  align-items: center
}

#pfl-kadry-bhp-root .items-baseline {
  align-items: baseline
}

#pfl-kadry-bhp-root .items-stretch {
  align-items: stretch
}

#pfl-kadry-bhp-root .justify-end {
  justify-content: flex-end
}

#pfl-kadry-bhp-root .justify-center {
  justify-content: center
}

#pfl-kadry-bhp-root .justify-between {
  justify-content: space-between
}

#pfl-kadry-bhp-root .gap-0\.5 {
  gap: 2px
}

#pfl-kadry-bhp-root .gap-1 {
  gap: 4px
}

#pfl-kadry-bhp-root .gap-1\.5 {
  gap: 6px
}

#pfl-kadry-bhp-root .gap-12 {
  gap: 48px
}

#pfl-kadry-bhp-root .gap-2 {
  gap: 8px
}

#pfl-kadry-bhp-root .gap-2\.5 {
  gap: 10px
}

#pfl-kadry-bhp-root .gap-24 {
  gap: 96px
}

#pfl-kadry-bhp-root .gap-3 {
  gap: 12px
}

#pfl-kadry-bhp-root .gap-3\.5 {
  gap: 14px
}

#pfl-kadry-bhp-root .gap-4 {
  gap: 16px
}

#pfl-kadry-bhp-root .gap-5 {
  gap: 20px
}

#pfl-kadry-bhp-root .gap-6 {
  gap: 24px
}

#pfl-kadry-bhp-root .gap-8 {
  gap: 32px
}

#pfl-kadry-bhp-root .gap-x-4 {
  -moz-column-gap: 16px;
       column-gap: 16px
}

#pfl-kadry-bhp-root .gap-y-2 {
  row-gap: 8px
}

#pfl-kadry-bhp-root :is(.-space-x-3 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-x-reverse: 0;
  margin-right: calc(-12px * var(--tw-space-x-reverse));
  margin-left: calc(-12px * calc(1 - var(--tw-space-x-reverse)))
}

#pfl-kadry-bhp-root :is(.space-y-1 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(4px * var(--tw-space-y-reverse))
}

#pfl-kadry-bhp-root :is(.space-y-1\.5 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(6px * var(--tw-space-y-reverse))
}

#pfl-kadry-bhp-root :is(.space-y-4 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(16px * var(--tw-space-y-reverse))
}

#pfl-kadry-bhp-root :is(.space-y-8 > :not([hidden]) ~ :not([hidden])) {
  --tw-space-y-reverse: 0;
  margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(32px * var(--tw-space-y-reverse))
}

#pfl-kadry-bhp-root .self-start {
  align-self: flex-start
}

#pfl-kadry-bhp-root .self-end {
  align-self: flex-end
}

#pfl-kadry-bhp-root .overflow-hidden {
  overflow: hidden
}

#pfl-kadry-bhp-root .overflow-x-auto {
  overflow-x: auto
}

#pfl-kadry-bhp-root .overflow-y-auto {
  overflow-y: auto
}

#pfl-kadry-bhp-root .text-ellipsis {
  text-overflow: ellipsis
}

#pfl-kadry-bhp-root .whitespace-normal {
  white-space: normal
}

#pfl-kadry-bhp-root .whitespace-nowrap {
  white-space: nowrap
}

#pfl-kadry-bhp-root .rounded {
  border-radius: 4px
}

#pfl-kadry-bhp-root .rounded-2xl {
  border-radius: 16px
}

#pfl-kadry-bhp-root .rounded-3xl {
  border-radius: 24px
}

#pfl-kadry-bhp-root .rounded-\[14px\] {
  border-radius: 14px
}

#pfl-kadry-bhp-root .rounded-\[24px\] {
  border-radius: 24px
}

#pfl-kadry-bhp-root .rounded-\[28px\] {
  border-radius: 28px
}

#pfl-kadry-bhp-root .rounded-\[32px\] {
  border-radius: 32px
}

#pfl-kadry-bhp-root .rounded-\[40px\] {
  border-radius: 40px
}

#pfl-kadry-bhp-root .rounded-full {
  border-radius: 9999px
}

#pfl-kadry-bhp-root .rounded-lg {
  border-radius: 8px
}

#pfl-kadry-bhp-root .rounded-md {
  border-radius: 6px
}

#pfl-kadry-bhp-root .rounded-xl {
  border-radius: 12px
}

#pfl-kadry-bhp-root .rounded-r-md {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px
}

#pfl-kadry-bhp-root .rounded-r-xl {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px
}

#pfl-kadry-bhp-root .border {
  border-width: 1px
}

#pfl-kadry-bhp-root .border-2 {
  border-width: 2px
}

#pfl-kadry-bhp-root .border-\[3px\] {
  border-width: 3px
}

#pfl-kadry-bhp-root .border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

#pfl-kadry-bhp-root .border-b {
  border-bottom-width: 1px
}

#pfl-kadry-bhp-root .border-l-2 {
  border-left-width: 2px
}

#pfl-kadry-bhp-root .border-l-4 {
  border-left-width: 4px
}

#pfl-kadry-bhp-root .border-t {
  border-top-width: 1px
}

#pfl-kadry-bhp-root .border-t-2 {
  border-top-width: 2px
}

#pfl-kadry-bhp-root .border-dashed {
  border-style: dashed
}

#pfl-kadry-bhp-root .border-\[\#0284c7\]\/20 {
  border-color: rgb(2 132 199 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#0284c7\]\/30 {
  border-color: rgb(2 132 199 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#06b6d4\]\/20 {
  border-color: rgb(6 182 212 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#06b6d4\]\/30 {
  border-color: rgb(6 182 212 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#071734\] {
  --tw-border-opacity: 1;
  border-color: rgb(7 23 52 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#0b0f19\] {
  --tw-border-opacity: 1;
  border-color: rgb(11 15 25 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#10b981\]\/20 {
  border-color: rgb(16 185 129 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#10b981\]\/30 {
  border-color: rgb(16 185 129 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#1e2433\] {
  --tw-border-opacity: 1;
  border-color: rgb(30 36 51 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#22c55e\]\/20 {
  border-color: rgb(34 197 94 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#22c55e\]\/30 {
  border-color: rgb(34 197 94 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#2a3045\] {
  --tw-border-opacity: 1;
  border-color: rgb(42 48 69 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#3b82f6\]\/20 {
  border-color: rgb(59 130 246 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#3b82f6\]\/30 {
  border-color: rgb(59 130 246 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#520F7D\]\/10 {
  border-color: rgb(82 15 125 / 0.1)
}

#pfl-kadry-bhp-root .border-\[\#6366f1\]\/20 {
  border-color: rgb(99 102 241 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#6366f1\]\/30 {
  border-color: rgb(99 102 241 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#7c3aed\]\/10 {
  border-color: rgb(124 58 237 / 0.1)
}

#pfl-kadry-bhp-root .border-\[\#7c3aed\]\/20 {
  border-color: rgb(124 58 237 / 0.2)
}

#pfl-kadry-bhp-root .border-\[\#7c3aed\]\/30 {
  border-color: rgb(124 58 237 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#8b5cf6\]\/30 {
  border-color: rgb(139 92 246 / 0.3)
}

#pfl-kadry-bhp-root .border-\[\#8b5cf6\]\/50 {
  border-color: rgb(139 92 246 / 0.5)
}

#pfl-kadry-bhp-root .border-\[\#e0e7ff\] {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#e2e8f0\] {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-\[\#e2e8f0\]\/80 {
  border-color: rgb(226 232 240 / 0.8)
}

#pfl-kadry-bhp-root .border-action {
  border-color: var(--color-action)
}

#pfl-kadry-bhp-root .border-amber-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 243 199 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-blue-100 {
  --tw-border-opacity: 1;
  border-color: rgb(219 234 254 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-blue-200\/45 {
  border-color: rgb(191 219 254 / 0.45)
}

#pfl-kadry-bhp-root .border-blue-500\/10 {
  border-color: rgb(59 130 246 / 0.1)
}

#pfl-kadry-bhp-root .border-blue-500\/15 {
  border-color: rgb(59 130 246 / 0.15)
}

#pfl-kadry-bhp-root .border-blue-500\/20 {
  border-color: rgb(59 130 246 / 0.2)
}

#pfl-kadry-bhp-root .border-blue-500\/25 {
  border-color: rgb(59 130 246 / 0.25)
}

#pfl-kadry-bhp-root .border-blue-500\/30 {
  border-color: rgb(59 130 246 / 0.3)
}

#pfl-kadry-bhp-root .border-brand {
  border-color: var(--color-brand)
}

#pfl-kadry-bhp-root .border-emerald-100 {
  --tw-border-opacity: 1;
  border-color: rgb(209 250 229 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-emerald-500\/15 {
  border-color: rgb(16 185 129 / 0.15)
}

#pfl-kadry-bhp-root .border-emerald-500\/20 {
  border-color: rgb(16 185 129 / 0.2)
}

#pfl-kadry-bhp-root .border-emerald-500\/25 {
  border-color: rgb(16 185 129 / 0.25)
}

#pfl-kadry-bhp-root .border-emerald-500\/30 {
  border-color: rgb(16 185 129 / 0.3)
}

#pfl-kadry-bhp-root .border-indigo-100 {
  --tw-border-opacity: 1;
  border-color: rgb(224 231 255 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-indigo-500\/30 {
  border-color: rgb(99 102 241 / 0.3)
}

#pfl-kadry-bhp-root .border-line-default {
  border-color: var(--border-default)
}

#pfl-kadry-bhp-root .border-line-light {
  border-color: var(--border-light)
}

#pfl-kadry-bhp-root .border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-orange-500\/10 {
  border-color: rgb(249 115 22 / 0.1)
}

#pfl-kadry-bhp-root .border-orange-500\/20 {
  border-color: rgb(249 115 22 / 0.2)
}

#pfl-kadry-bhp-root .border-orange-500\/30 {
  border-color: rgb(249 115 22 / 0.3)
}

#pfl-kadry-bhp-root .border-purple-100 {
  --tw-border-opacity: 1;
  border-color: rgb(243 232 255 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-purple-500\/15 {
  border-color: rgb(168 85 247 / 0.15)
}

#pfl-kadry-bhp-root .border-purple-500\/25 {
  border-color: rgb(168 85 247 / 0.25)
}

#pfl-kadry-bhp-root .border-purple-500\/30 {
  border-color: rgb(168 85 247 / 0.3)
}

#pfl-kadry-bhp-root .border-red-100 {
  --tw-border-opacity: 1;
  border-color: rgb(254 226 226 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-red-500\/20 {
  border-color: rgb(239 68 68 / 0.2)
}

#pfl-kadry-bhp-root .border-red-500\/25 {
  border-color: rgb(239 68 68 / 0.25)
}

#pfl-kadry-bhp-root .border-slate-100 {
  --tw-border-opacity: 1;
  border-color: rgb(241 245 249 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-slate-200 {
  --tw-border-opacity: 1;
  border-color: rgb(226 232 240 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-slate-300 {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-slate-500\/20 {
  border-color: rgb(100 116 139 / 0.2)
}

#pfl-kadry-bhp-root .border-slate-700\/50 {
  border-color: rgb(51 65 85 / 0.5)
}

#pfl-kadry-bhp-root .border-slate-800 {
  --tw-border-opacity: 1;
  border-color: rgb(30 41 59 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-surface {
  border-color: var(--surface)
}

#pfl-kadry-bhp-root .border-transparent {
  border-color: transparent
}

#pfl-kadry-bhp-root .border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .border-white\/10 {
  border-color: rgb(255 255 255 / 0.1)
}

#pfl-kadry-bhp-root .border-white\/20 {
  border-color: rgb(255 255 255 / 0.2)
}

#pfl-kadry-bhp-root .border-white\/5 {
  border-color: rgb(255 255 255 / 0.05)
}

#pfl-kadry-bhp-root .bg-\[\#00A859\] {
  --tw-bg-opacity: 1;
  background-color: rgb(0 168 89 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0284c7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(2 132 199 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0284c7\]\/10 {
  background-color: rgb(2 132 199 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#0284c7\]\/35 {
  background-color: rgb(2 132 199 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#06b6d4\] {
  --tw-bg-opacity: 1;
  background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#06b6d4\]\/10 {
  background-color: rgb(6 182 212 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#06b6d4\]\/35 {
  background-color: rgb(6 182 212 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#071734\] {
  --tw-bg-opacity: 1;
  background-color: rgb(7 23 52 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#090d1a\] {
  --tw-bg-opacity: 1;
  background-color: rgb(9 13 26 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0B0F19\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 15 25 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0a1835\] {
  --tw-bg-opacity: 1;
  background-color: rgb(10 24 53 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0b0d16\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 13 22 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#0b0f19\] {
  --tw-bg-opacity: 1;
  background-color: rgb(11 15 25 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#10b981\] {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#10b981\]\/10 {
  background-color: rgb(16 185 129 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#10b981\]\/35 {
  background-color: rgb(16 185 129 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#11121d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(17 18 29 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#111827\]\/60 {
  background-color: rgb(17 24 39 / 0.6)
}

#pfl-kadry-bhp-root .bg-\[\#111827\]\/80 {
  background-color: rgb(17 24 39 / 0.8)
}

#pfl-kadry-bhp-root .bg-\[\#111c35\]\/70 {
  background-color: rgb(17 28 53 / 0.7)
}

#pfl-kadry-bhp-root .bg-\[\#131520\] {
  --tw-bg-opacity: 1;
  background-color: rgb(19 21 32 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#141822\] {
  --tw-bg-opacity: 1;
  background-color: rgb(20 24 34 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#161825\]\/90 {
  background-color: rgb(22 24 37 / 0.9)
}

#pfl-kadry-bhp-root .bg-\[\#162032\] {
  --tw-bg-opacity: 1;
  background-color: rgb(22 32 50 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#1F2937\] {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#1b1f2e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(27 31 46 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#1e293b\] {
  --tw-bg-opacity: 1;
  background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#21232d\] {
  --tw-bg-opacity: 1;
  background-color: rgb(33 35 45 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#22c55e\] {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#22c55e\]\/10 {
  background-color: rgb(34 197 94 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#22c55e\]\/35 {
  background-color: rgb(34 197 94 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#232a35\] {
  --tw-bg-opacity: 1;
  background-color: rgb(35 42 53 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#38bdf8\] {
  --tw-bg-opacity: 1;
  background-color: rgb(56 189 248 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#3b82f6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#3b82f6\]\/10 {
  background-color: rgb(59 130 246 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#3b82f6\]\/35 {
  background-color: rgb(59 130 246 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#3e4551\] {
  --tw-bg-opacity: 1;
  background-color: rgb(62 69 81 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#464c59\] {
  --tw-bg-opacity: 1;
  background-color: rgb(70 76 89 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#520F7D\] {
  --tw-bg-opacity: 1;
  background-color: rgb(82 15 125 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#520F7D\]\/10 {
  background-color: rgb(82 15 125 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#520F7D\]\/5 {
  background-color: rgb(82 15 125 / 0.05)
}

#pfl-kadry-bhp-root .bg-\[\#591d87\] {
  --tw-bg-opacity: 1;
  background-color: rgb(89 29 135 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#5c40d1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(92 64 209 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#6366f1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#6366f1\]\/10 {
  background-color: rgb(99 102 241 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#6366f1\]\/35 {
  background-color: rgb(99 102 241 / 0.35)
}

#pfl-kadry-bhp-root .bg-\[\#7c3aed\] {
  --tw-bg-opacity: 1;
  background-color: rgb(124 58 237 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#7c3aed\]\/10 {
  background-color: rgb(124 58 237 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#7c3aed\]\/20 {
  background-color: rgb(124 58 237 / 0.2)
}

#pfl-kadry-bhp-root .bg-\[\#7c3aed\]\/5 {
  background-color: rgb(124 58 237 / 0.05)
}

#pfl-kadry-bhp-root .bg-\[\#8b5cf6\] {
  --tw-bg-opacity: 1;
  background-color: rgb(139 92 246 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#8b5cf6\]\/10 {
  background-color: rgb(139 92 246 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#EF4444\] {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#F5F7F9\] {
  --tw-bg-opacity: 1;
  background-color: rgb(245 247 249 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#a1a6b1\] {
  --tw-bg-opacity: 1;
  background-color: rgb(161 166 177 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#a855f7\] {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#d946ef\]\/10 {
  background-color: rgb(217 70 239 / 0.1)
}

#pfl-kadry-bhp-root .bg-\[\#eef2ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#f0f2ff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(240 242 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#f8fafc\] {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-\[\#f8fafc\]\/50 {
  background-color: rgb(248 250 252 / 0.5)
}

#pfl-kadry-bhp-root .bg-action {
  background-color: var(--color-action)
}

#pfl-kadry-bhp-root .bg-amber-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-black\/40 {
  background-color: rgb(0 0 0 / 0.4)
}

#pfl-kadry-bhp-root .bg-blue-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-blue-50\/50 {
  background-color: rgb(239 246 255 / 0.5)
}

#pfl-kadry-bhp-root .bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-blue-500\/10 {
  background-color: rgb(59 130 246 / 0.1)
}

#pfl-kadry-bhp-root .bg-blue-500\/20 {
  background-color: rgb(59 130 246 / 0.2)
}

#pfl-kadry-bhp-root .bg-blue-500\/5 {
  background-color: rgb(59 130 246 / 0.05)
}

#pfl-kadry-bhp-root .bg-dark-section {
  background-color: var(--dark-section)
}

#pfl-kadry-bhp-root .bg-emerald-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-emerald-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-emerald-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-emerald-50\/10 {
  background-color: rgb(236 253 245 / 0.1)
}

#pfl-kadry-bhp-root .bg-emerald-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(16 185 129 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-emerald-500\/10 {
  background-color: rgb(16 185 129 / 0.1)
}

#pfl-kadry-bhp-root .bg-emerald-500\/15 {
  background-color: rgb(16 185 129 / 0.15)
}

#pfl-kadry-bhp-root .bg-emerald-500\/20 {
  background-color: rgb(16 185 129 / 0.2)
}

#pfl-kadry-bhp-root .bg-emerald-500\/5 {
  background-color: rgb(16 185 129 / 0.05)
}

#pfl-kadry-bhp-root .bg-indigo-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-indigo-50\/40 {
  background-color: rgb(238 242 255 / 0.4)
}

#pfl-kadry-bhp-root .bg-indigo-500\/20 {
  background-color: rgb(99 102 241 / 0.2)
}

#pfl-kadry-bhp-root .bg-indigo-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(79 70 229 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-info {
  background-color: var(--color-info)
}

#pfl-kadry-bhp-root .bg-line-light {
  background-color: var(--border-light)
}

#pfl-kadry-bhp-root .bg-orange-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-orange-500\/10 {
  background-color: rgb(249 115 22 / 0.1)
}

#pfl-kadry-bhp-root .bg-orange-500\/20 {
  background-color: rgb(249 115 22 / 0.2)
}

#pfl-kadry-bhp-root .bg-orange-500\/5 {
  background-color: rgb(249 115 22 / 0.05)
}

#pfl-kadry-bhp-root .bg-page {
  background-color: var(--bg-page)
}

#pfl-kadry-bhp-root .bg-purple-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-purple-500\/10 {
  background-color: rgb(168 85 247 / 0.1)
}

#pfl-kadry-bhp-root .bg-purple-500\/20 {
  background-color: rgb(168 85 247 / 0.2)
}

#pfl-kadry-bhp-root .bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-red-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-red-50\/90 {
  background-color: rgb(254 242 242 / 0.9)
}

#pfl-kadry-bhp-root .bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-red-500\/10 {
  background-color: rgb(239 68 68 / 0.1)
}

#pfl-kadry-bhp-root .bg-red-500\/20 {
  background-color: rgb(239 68 68 / 0.2)
}

#pfl-kadry-bhp-root .bg-red-500\/5 {
  background-color: rgb(239 68 68 / 0.05)
}

#pfl-kadry-bhp-root .bg-slate-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-slate-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-slate-50 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-slate-50\/50 {
  background-color: rgb(248 250 252 / 0.5)
}

#pfl-kadry-bhp-root .bg-slate-500\/10 {
  background-color: rgb(100 116 139 / 0.1)
}

#pfl-kadry-bhp-root .bg-slate-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-slate-900\/40 {
  background-color: rgb(15 23 42 / 0.4)
}

#pfl-kadry-bhp-root .bg-surface {
  background-color: var(--surface)
}

#pfl-kadry-bhp-root .bg-text-heading {
  background-color: var(--text-heading)
}

#pfl-kadry-bhp-root .bg-transparent {
  background-color: transparent
}

#pfl-kadry-bhp-root .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1)
}

#pfl-kadry-bhp-root .bg-white\/5 {
  background-color: rgb(255 255 255 / 0.05)
}

#pfl-kadry-bhp-root .bg-white\/80 {
  background-color: rgb(255 255 255 / 0.8)
}

#pfl-kadry-bhp-root .bg-white\/\[0\.02\] {
  background-color: rgb(255 255 255 / 0.02)
}

#pfl-kadry-bhp-root .bg-white\/\[0\.03\] {
  background-color: rgb(255 255 255 / 0.03)
}

#pfl-kadry-bhp-root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops))
}

#pfl-kadry-bhp-root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops))
}

#pfl-kadry-bhp-root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops))
}

#pfl-kadry-bhp-root .bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops))
}

#pfl-kadry-bhp-root .from-\[\#0d9488\] {
  --tw-gradient-from: #0d9488 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#10b981\] {
  --tw-gradient-from: #10b981 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#10b981\]\/40 {
  --tw-gradient-from: rgb(16 185 129 / 0.4) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#22c55e\] {
  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#4f46e5\] {
  --tw-gradient-from: #4f46e5 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(79 70 229 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#520F7D\] {
  --tw-gradient-from: #520F7D var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(82 15 125 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#8b5cf6\] {
  --tw-gradient-from: #8b5cf6 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(139 92 246 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#d946ef\] {
  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#ec4899\] {
  --tw-gradient-from: #ec4899 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(236 72 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-\[\#f3e8ff\] {
  --tw-gradient-from: #f3e8ff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(243 232 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-amber-500\/10 {
  --tw-gradient-from: rgb(245 158 11 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-blue-600 {
  --tw-gradient-from: #2563eb var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-brand {
  --tw-gradient-from: var(--color-brand) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-cyan-500\/10 {
  --tw-gradient-from: rgb(6 182 212 / 0.1) var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-emerald-400 {
  --tw-gradient-from: #34d399 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-emerald-600 {
  --tw-gradient-from: #059669 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-orange-500 {
  --tw-gradient-from: #f97316 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .from-white {
  --tw-gradient-from: #fff var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#06b6d4\]\/30 {
  --tw-gradient-to: rgb(6 182 212 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(6 182 212 / 0.3) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#10b981\] {
  --tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#520F7D\] {
  --tw-gradient-to: rgb(82 15 125 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #520F7D var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#6366f1\] {
  --tw-gradient-to: rgb(99 102 241 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#7c3aed\] {
  --tw-gradient-to: rgb(124 58 237 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #7c3aed var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-\[\#8b5cf6\] {
  --tw-gradient-to: rgb(139 92 246 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #8b5cf6 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-cyan-400 {
  --tw-gradient-to: rgb(34 211 238 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #22d3ee var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-emerald-500\/5 {
  --tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), rgb(16 185 129 / 0.05) var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-indigo-600 {
  --tw-gradient-to: rgb(79 70 229 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #4f46e5 var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .via-white {
  --tw-gradient-to: rgb(255 255 255 / 0)  var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)
}

#pfl-kadry-bhp-root .to-\[\#00A859\] {
  --tw-gradient-to: #00A859 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#0284c7\] {
  --tw-gradient-to: #0284c7 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#059669\] {
  --tw-gradient-to: #059669 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#0d9488\] {
  --tw-gradient-to: #0d9488 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#10b981\] {
  --tw-gradient-to: #10b981 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#3b82f6\] {
  --tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#3b82f6\]\/40 {
  --tw-gradient-to: rgb(59 130 246 / 0.4) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#6d28d9\] {
  --tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#7c3aed\] {
  --tw-gradient-to: #7c3aed var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#8b5cf6\] {
  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#a855f7\] {
  --tw-gradient-to: #a855f7 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#f8fafc\]\/50 {
  --tw-gradient-to: rgb(248 250 252 / 0.5) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-\[\#faf5ff\] {
  --tw-gradient-to: #faf5ff var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-action {
  --tw-gradient-to: var(--color-action) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-amber-500 {
  --tw-gradient-to: #f59e0b var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-brand {
  --tw-gradient-to: var(--color-brand) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-indigo-400 {
  --tw-gradient-to: #818cf8 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-orange-600\/15 {
  --tw-gradient-to: rgb(234 88 12 / 0.15) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-purple-500\/10 {
  --tw-gradient-to: rgb(168 85 247 / 0.1) var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .to-teal-500 {
  --tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)
}

#pfl-kadry-bhp-root .bg-clip-text {
  -webkit-background-clip: text;
          background-clip: text
}

#pfl-kadry-bhp-root .fill-current {
  fill: currentColor
}

#pfl-kadry-bhp-root .object-contain {
  -o-object-fit: contain;
     object-fit: contain
}

#pfl-kadry-bhp-root .object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

#pfl-kadry-bhp-root .object-bottom {
  -o-object-position: bottom;
     object-position: bottom
}

#pfl-kadry-bhp-root .object-left {
  -o-object-position: left;
     object-position: left
}

#pfl-kadry-bhp-root .p-1 {
  padding: 4px
}

#pfl-kadry-bhp-root .p-2 {
  padding: 8px
}

#pfl-kadry-bhp-root .p-2\.5 {
  padding: 10px
}

#pfl-kadry-bhp-root .p-3 {
  padding: 12px
}

#pfl-kadry-bhp-root .p-3\.5 {
  padding: 14px
}

#pfl-kadry-bhp-root .p-4 {
  padding: 16px
}

#pfl-kadry-bhp-root .p-5 {
  padding: 20px
}

#pfl-kadry-bhp-root .p-6 {
  padding: 24px
}

#pfl-kadry-bhp-root .p-8 {
  padding: 32px
}

#pfl-kadry-bhp-root .px-1\.5 {
  padding-left: 6px;
  padding-right: 6px
}

#pfl-kadry-bhp-root .px-2 {
  padding-left: 8px;
  padding-right: 8px
}

#pfl-kadry-bhp-root .px-2\.5 {
  padding-left: 10px;
  padding-right: 10px
}

#pfl-kadry-bhp-root .px-3 {
  padding-left: 12px;
  padding-right: 12px
}

#pfl-kadry-bhp-root .px-3\.5 {
  padding-left: 14px;
  padding-right: 14px
}

#pfl-kadry-bhp-root .px-4 {
  padding-left: 16px;
  padding-right: 16px
}

#pfl-kadry-bhp-root .px-5 {
  padding-left: 20px;
  padding-right: 20px
}

#pfl-kadry-bhp-root .px-6 {
  padding-left: 24px;
  padding-right: 24px
}

#pfl-kadry-bhp-root .px-7 {
  padding-left: 28px;
  padding-right: 28px
}

#pfl-kadry-bhp-root .px-8 {
  padding-left: 32px;
  padding-right: 32px
}

#pfl-kadry-bhp-root .py-0\.5 {
  padding-top: 2px;
  padding-bottom: 2px
}

#pfl-kadry-bhp-root .py-1 {
  padding-top: 4px;
  padding-bottom: 4px
}

#pfl-kadry-bhp-root .py-1\.5 {
  padding-top: 6px;
  padding-bottom: 6px
}

#pfl-kadry-bhp-root .py-12 {
  padding-top: 48px;
  padding-bottom: 48px
}

#pfl-kadry-bhp-root .py-16 {
  padding-top: 64px;
  padding-bottom: 64px
}

#pfl-kadry-bhp-root .py-2 {
  padding-top: 8px;
  padding-bottom: 8px
}

#pfl-kadry-bhp-root .py-2\.5 {
  padding-top: 10px;
  padding-bottom: 10px
}

#pfl-kadry-bhp-root .py-3 {
  padding-top: 12px;
  padding-bottom: 12px
}

#pfl-kadry-bhp-root .py-3\.5 {
  padding-top: 14px;
  padding-bottom: 14px
}

#pfl-kadry-bhp-root .py-4 {
  padding-top: 16px;
  padding-bottom: 16px
}

#pfl-kadry-bhp-root .py-5 {
  padding-top: 20px;
  padding-bottom: 20px
}

#pfl-kadry-bhp-root .py-6 {
  padding-top: 24px;
  padding-bottom: 24px
}

#pfl-kadry-bhp-root .pb-1\.5 {
  padding-bottom: 6px
}

#pfl-kadry-bhp-root .pb-2 {
  padding-bottom: 8px
}

#pfl-kadry-bhp-root .pb-24 {
  padding-bottom: 96px
}

#pfl-kadry-bhp-root .pb-3 {
  padding-bottom: 12px
}

#pfl-kadry-bhp-root .pb-4 {
  padding-bottom: 16px
}

#pfl-kadry-bhp-root .pb-6 {
  padding-bottom: 24px
}

#pfl-kadry-bhp-root .pl-10 {
  padding-left: 40px
}

#pfl-kadry-bhp-root .pl-11 {
  padding-left: 44px
}

#pfl-kadry-bhp-root .pl-12 {
  padding-left: 48px
}

#pfl-kadry-bhp-root .pl-4 {
  padding-left: 16px
}

#pfl-kadry-bhp-root .pr-1 {
  padding-right: 4px
}

#pfl-kadry-bhp-root .pr-10 {
  padding-right: 40px
}

#pfl-kadry-bhp-root .pr-4 {
  padding-right: 16px
}

#pfl-kadry-bhp-root .pt-2 {
  padding-top: 8px
}

#pfl-kadry-bhp-root .pt-3 {
  padding-top: 12px
}

#pfl-kadry-bhp-root .pt-3\.5 {
  padding-top: 14px
}

#pfl-kadry-bhp-root .pt-4 {
  padding-top: 16px
}

#pfl-kadry-bhp-root .pt-5 {
  padding-top: 20px
}

#pfl-kadry-bhp-root .pt-6 {
  padding-top: 24px
}

#pfl-kadry-bhp-root .text-left {
  text-align: left
}

#pfl-kadry-bhp-root .text-center {
  text-align: center
}

#pfl-kadry-bhp-root .text-right {
  text-align: right
}

#pfl-kadry-bhp-root .font-heading {
  font-family: Poppins, sans-serif
}

#pfl-kadry-bhp-root .text-2xl {
  font-size: 24px;
  line-height: 32px
}

#pfl-kadry-bhp-root .text-3xl {
  font-size: 30px;
  line-height: 36px
}

#pfl-kadry-bhp-root .text-4xl {
  font-size: 36px;
  line-height: 40px
}

#pfl-kadry-bhp-root .text-\[10\.5px\] {
  font-size: 10.5px
}

#pfl-kadry-bhp-root .text-\[10px\] {
  font-size: 10px
}

#pfl-kadry-bhp-root .text-\[11\.5px\] {
  font-size: 11.5px
}

#pfl-kadry-bhp-root .text-\[11px\] {
  font-size: 11px
}

#pfl-kadry-bhp-root .text-\[12\.5px\] {
  font-size: 12.5px
}

#pfl-kadry-bhp-root .text-\[12px\] {
  font-size: 12px
}

#pfl-kadry-bhp-root .text-\[13\.5px\] {
  font-size: 13.5px
}

#pfl-kadry-bhp-root .text-\[13px\] {
  font-size: 13px
}

#pfl-kadry-bhp-root .text-\[14px\] {
  font-size: 14px
}

#pfl-kadry-bhp-root .text-\[15px\] {
  font-size: 15px
}

#pfl-kadry-bhp-root .text-\[16px\] {
  font-size: 16px
}

#pfl-kadry-bhp-root .text-\[18px\] {
  font-size: 18px
}

#pfl-kadry-bhp-root .text-\[22px\] {
  font-size: 22px
}

#pfl-kadry-bhp-root .text-\[56px\] {
  font-size: 56px
}

#pfl-kadry-bhp-root .text-\[8px\] {
  font-size: 8px
}

#pfl-kadry-bhp-root .text-\[9\.5px\] {
  font-size: 9.5px
}

#pfl-kadry-bhp-root .text-\[9px\] {
  font-size: 9px
}

#pfl-kadry-bhp-root .text-base {
  font-size: 16px;
  line-height: 24px
}

#pfl-kadry-bhp-root .text-lg {
  font-size: 18px;
  line-height: 28px
}

#pfl-kadry-bhp-root .text-sm {
  font-size: 14px;
  line-height: 20px
}

#pfl-kadry-bhp-root .text-xl {
  font-size: 20px;
  line-height: 28px
}

#pfl-kadry-bhp-root .text-xs {
  font-size: 12px;
  line-height: 16px
}

#pfl-kadry-bhp-root .font-black {
  font-weight: 900
}

#pfl-kadry-bhp-root .font-bold {
  font-weight: 700
}

#pfl-kadry-bhp-root .font-extrabold {
  font-weight: 800
}

#pfl-kadry-bhp-root .font-medium {
  font-weight: 500
}

#pfl-kadry-bhp-root .font-semibold {
  font-weight: 600
}

#pfl-kadry-bhp-root .uppercase {
  text-transform: uppercase
}

#pfl-kadry-bhp-root .italic {
  font-style: italic
}

#pfl-kadry-bhp-root .leading-\[1\.15\] {
  line-height: 1.15
}

#pfl-kadry-bhp-root .leading-\[1\.1\] {
  line-height: 1.1
}

#pfl-kadry-bhp-root .leading-\[1\.2\] {
  line-height: 1.2
}

#pfl-kadry-bhp-root .leading-none {
  line-height: 1
}

#pfl-kadry-bhp-root .leading-normal {
  line-height: 1.5
}

#pfl-kadry-bhp-root .leading-relaxed {
  line-height: 1.625
}

#pfl-kadry-bhp-root .leading-snug {
  line-height: 1.375
}

#pfl-kadry-bhp-root .leading-tight {
  line-height: 1.25
}

#pfl-kadry-bhp-root .tracking-tight {
  letter-spacing: -0.025em
}

#pfl-kadry-bhp-root .tracking-tighter {
  letter-spacing: -0.05em
}

#pfl-kadry-bhp-root .tracking-wide {
  letter-spacing: 0.025em
}

#pfl-kadry-bhp-root .tracking-wider {
  letter-spacing: 0.05em
}

#pfl-kadry-bhp-root .tracking-widest {
  letter-spacing: 0.1em
}

#pfl-kadry-bhp-root .text-\[\#00A859\] {
  --tw-text-opacity: 1;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#00a859\] {
  --tw-text-opacity: 1;
  color: rgb(0 168 89 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#0284c7\] {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#06b6d4\] {
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#10213E\] {
  --tw-text-opacity: 1;
  color: rgb(16 33 62 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#10b981\] {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#22c55e\] {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#22d3ee\] {
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#38bdf8\] {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#3b82f6\] {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#4f46e5\] {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#520F7D\] {
  --tw-text-opacity: 1;
  color: rgb(82 15 125 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#5c56e5\] {
  --tw-text-opacity: 1;
  color: rgb(92 86 229 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#5e6b82\] {
  --tw-text-opacity: 1;
  color: rgb(94 107 130 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#6366f1\] {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#7c3aed\] {
  --tw-text-opacity: 1;
  color: rgb(124 58 237 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#8693a4\] {
  --tw-text-opacity: 1;
  color: rgb(134 147 164 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#8b5cf6\] {
  --tw-text-opacity: 1;
  color: rgb(139 92 246 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#94a3b8\] {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#EF4444\] {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#a855f7\] {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#d946ef\] {
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-\[\#e2e8f0\] {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-action {
  color: var(--color-action)
}

#pfl-kadry-bhp-root .text-amber-500 {
  --tw-text-opacity: 1;
  color: rgb(245 158 11 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-amber-600 {
  --tw-text-opacity: 1;
  color: rgb(217 119 6 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-blue-400 {
  --tw-text-opacity: 1;
  color: rgb(96 165 250 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-blue-500 {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-brand {
  color: var(--color-brand)
}

#pfl-kadry-bhp-root .text-emerald-400 {
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-emerald-500 {
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-emerald-600 {
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-indigo-300 {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-indigo-400 {
  --tw-text-opacity: 1;
  color: rgb(129 140 248 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-indigo-500 {
  --tw-text-opacity: 1;
  color: rgb(99 102 241 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-info {
  color: var(--color-info)
}

#pfl-kadry-bhp-root .text-line-default {
  color: var(--border-default)
}

#pfl-kadry-bhp-root .text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-orange-500 {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-purple-400 {
  --tw-text-opacity: 1;
  color: rgb(192 132 252 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-purple-500 {
  --tw-text-opacity: 1;
  color: rgb(168 85 247 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-400 {
  --tw-text-opacity: 1;
  color: rgb(148 163 184 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-500 {
  --tw-text-opacity: 1;
  color: rgb(100 116 139 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-600 {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-800 {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-slate-950 {
  --tw-text-opacity: 1;
  color: rgb(2 6 23 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-text-heading {
  color: var(--text-heading)
}

#pfl-kadry-bhp-root .text-text-primary {
  color: var(--text-primary)
}

#pfl-kadry-bhp-root .text-text-secondary {
  color: var(--text-secondary)
}

#pfl-kadry-bhp-root .text-transparent {
  color: transparent
}

#pfl-kadry-bhp-root .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .text-white\/35 {
  color: rgb(255 255 255 / 0.35)
}

#pfl-kadry-bhp-root .text-white\/40 {
  color: rgb(255 255 255 / 0.4)
}

#pfl-kadry-bhp-root .text-white\/5 {
  color: rgb(255 255 255 / 0.05)
}

#pfl-kadry-bhp-root .text-white\/50 {
  color: rgb(255 255 255 / 0.5)
}

#pfl-kadry-bhp-root .text-white\/60 {
  color: rgb(255 255 255 / 0.6)
}

#pfl-kadry-bhp-root .text-white\/80 {
  color: rgb(255 255 255 / 0.8)
}

#pfl-kadry-bhp-root .text-white\/90 {
  color: rgb(255 255 255 / 0.9)
}

#pfl-kadry-bhp-root .underline {
  text-decoration-line: underline
}

#pfl-kadry-bhp-root .placeholder-\[\#94a3b8\]::-moz-placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1))
}

#pfl-kadry-bhp-root .placeholder-\[\#94a3b8\]::placeholder {
  --tw-placeholder-opacity: 1;
  color: rgb(148 163 184 / var(--tw-placeholder-opacity, 1))
}

#pfl-kadry-bhp-root .placeholder-text-secondary::-moz-placeholder {
  color: var(--text-secondary)
}

#pfl-kadry-bhp-root .placeholder-text-secondary::placeholder {
  color: var(--text-secondary)
}

#pfl-kadry-bhp-root .placeholder-white\/35::-moz-placeholder {
  color: rgb(255 255 255 / 0.35)
}

#pfl-kadry-bhp-root .placeholder-white\/35::placeholder {
  color: rgb(255 255 255 / 0.35)
}

#pfl-kadry-bhp-root .accent-action {
  accent-color: var(--color-action)
}

#pfl-kadry-bhp-root .accent-orange-500 {
  accent-color: #f97316
}

#pfl-kadry-bhp-root .opacity-0 {
  opacity: 0
}

#pfl-kadry-bhp-root .opacity-10 {
  opacity: 0.1
}

#pfl-kadry-bhp-root .opacity-100 {
  opacity: 1
}

#pfl-kadry-bhp-root .opacity-20 {
  opacity: 0.2
}

#pfl-kadry-bhp-root .opacity-30 {
  opacity: 0.3
}

#pfl-kadry-bhp-root .opacity-40 {
  opacity: 0.4
}

#pfl-kadry-bhp-root .opacity-60 {
  opacity: 0.6
}

#pfl-kadry-bhp-root .opacity-75 {
  opacity: 0.75
}

#pfl-kadry-bhp-root .opacity-80 {
  opacity: 0.8
}

#pfl-kadry-bhp-root .opacity-90 {
  opacity: 0.9
}

#pfl-kadry-bhp-root .shadow-2xl {
  --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_0_4px_rgba\(0\2c 168\2c 89\2c 0\.1\)\] {
  --tw-shadow: 0 0 0 4px rgba(0,168,89,0.1);
  --tw-shadow-colored: 0 0 0 4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_15px_rgba\(82\2c 15\2c 125\2c 0\.6\)\] {
  --tw-shadow: 0 0 15px rgba(82,15,125,0.6);
  --tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_25px_rgba\(139\2c 92\2c 246\2c 0\.15\)\] {
  --tw-shadow: 0 0 25px rgba(139,92,246,0.15);
  --tw-shadow-colored: 0 0 25px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_25px_rgba\(6\2c 182\2c 212\2c 0\.4\)\2c inset_0_0_15px_rgba\(34\2c 197\2c 94\2c 0\.3\)\] {
  --tw-shadow: 0 0 25px rgba(6,182,212,0.4),inset 0 0 15px rgba(34,197,94,0.3);
  --tw-shadow-colored: 0 0 25px var(--tw-shadow-color), inset 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_8px_rgba\(16\2c 185\2c 129\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(16,185,129,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_0_8px_rgba\(249\2c 115\2c 22\2c 0\.8\)\] {
  --tw-shadow: 0 0 8px rgba(249,115,22,0.8);
  --tw-shadow-colored: 0 0 8px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_12px_32px_rgba\(0\2c 0\2c 0\2c 0\.06\)\] {
  --tw-shadow: 0 12px 32px rgba(0,0,0,0.06);
  --tw-shadow-colored: 0 12px 32px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_15px_40px_-15px_rgba\(148\2c 163\2c 184\2c 0\.12\)\] {
  --tw-shadow: 0 15px 40px -15px rgba(148,163,184,0.12);
  --tw-shadow-colored: 0 15px 40px -15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_15px_50px_rgba\(0\2c 0\2c 0\2c 0\.02\)\] {
  --tw-shadow: 0 15px 50px rgba(0,0,0,0.02);
  --tw-shadow-colored: 0 15px 50px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_30px_60px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.05\)\] {
  --tw-shadow: 0 30px 60px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.05);
  --tw-shadow-colored: 0 30px 60px var(--tw-shadow-color), inset 0 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_30px_60px_rgba\(0\2c 0\2c 0\2c 0\.4\)\2c inset_0_1px_1px_rgba\(255\2c 255\2c 255\2c 0\.1\)\] {
  --tw-shadow: 0 30px 60px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.1);
  --tw-shadow-colored: 0 30px 60px var(--tw-shadow-color), inset 0 1px 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_30px_60px_rgba\(7\2c 23\2c 52\2c 0\.06\)\2c 0_0_1px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
  --tw-shadow: 0 30px 60px rgba(7,23,52,0.06),0 0 1px rgba(0,0,0,0.1);
  --tw-shadow-colored: 0 30px 60px var(--tw-shadow-color), 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_4px_12px_rgba\(0\2c 0\2c 0\2c 0\.03\)\] {
  --tw-shadow: 0 4px 12px rgba(0,0,0,0.03);
  --tw-shadow-colored: 0 4px 12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_4px_15px_rgba\(0\2c 168\2c 89\2c 0\.08\)\] {
  --tw-shadow: 0 4px 15px rgba(0,168,89,0.08);
  --tw-shadow-colored: 0 4px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_4px_15px_rgba\(239\2c 68\2c 68\2c 0\.02\)\] {
  --tw-shadow: 0 4px 15px rgba(239,68,68,0.02);
  --tw-shadow-colored: 0 4px 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_4px_20px_rgba\(139\2c 92\2c 246\2c 0\.06\)\] {
  --tw-shadow: 0 4px 20px rgba(139,92,246,0.06);
  --tw-shadow-colored: 0 4px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_20px_rgba\(0\2c 168\2c 89\2c 0\.25\)\] {
  --tw-shadow: 0 8px 20px rgba(0,168,89,0.25);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_20px_rgba\(124\2c 58\2c 237\2c 0\.25\)\] {
  --tw-shadow: 0 8px 20px rgba(124,58,237,0.25);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_20px_rgba\(16\2c 185\2c 129\2c 0\.2\)\] {
  --tw-shadow: 0 8px 20px rgba(16,185,129,0.2);
  --tw-shadow-colored: 0 8px 20px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(16\2c 185\2c 129\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(16,185,129,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(2\2c 132\2c 199\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(2,132,199,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(34\2c 197\2c 94\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(34,197,94,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(59\2c 130\2c 246\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(59,130,246,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(6\2c 182\2c 212\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(6,182,212,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[0_8px_32px_rgba\(0\2c 0\2c 0\2c 0\.5\)\2c 0_0_15px_rgba\(99\2c 102\2c 241\2c 0\.15\)\] {
  --tw-shadow: 0 8px 32px rgba(0,0,0,0.5),0 0 15px rgba(99,102,241,0.15);
  --tw-shadow-colored: 0 8px 32px var(--tw-shadow-color), 0 0 15px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-\[inset_0_0_30px_rgba\(59\2c 130\2c 246\2c 0\.05\)\] {
  --tw-shadow: inset 0 0 30px rgba(59,130,246,0.05);
  --tw-shadow-colored: inset 0 0 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-inner {
  --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-md {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-workspace {
  --tw-shadow: 0 8px 30px rgba(7, 23, 52, 0.04);
  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-xl {
  --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .shadow-indigo-500\/20 {
  --tw-shadow-color: rgb(99 102 241 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-kadry-bhp-root .shadow-indigo-600\/20 {
  --tw-shadow-color: rgb(79 70 229 / 0.2);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-kadry-bhp-root .shadow-orange-500\/10 {
  --tw-shadow-color: rgb(249 115 22 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-kadry-bhp-root .shadow-red-500\/10 {
  --tw-shadow-color: rgb(239 68 68 / 0.1);
  --tw-shadow: var(--tw-shadow-colored)
}

#pfl-kadry-bhp-root .outline-none {
  outline: 2px solid transparent;
  outline-offset: 2px
}

#pfl-kadry-bhp-root .ring-4 {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#pfl-kadry-bhp-root .ring-\[\#38bdf8\]\/20 {
  --tw-ring-color: rgb(56 189 248 / 0.2)
}

#pfl-kadry-bhp-root .ring-\[\#a855f7\]\/20 {
  --tw-ring-color: rgb(168 85 247 / 0.2)
}

#pfl-kadry-bhp-root .blur {
  --tw-blur: blur(8px);
  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)
}

#pfl-kadry-bhp-root .blur-3xl {
  --tw-blur: blur(64px);
  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)
}

#pfl-kadry-bhp-root .blur-\[100px\] {
  --tw-blur: blur(100px);
  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)
}

#pfl-kadry-bhp-root .blur-\[120px\] {
  --tw-blur: blur(120px);
  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)
}

#pfl-kadry-bhp-root .blur-\[40px\] {
  --tw-blur: blur(40px);
  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)
}

#pfl-kadry-bhp-root .blur-\[60px\] {
  --tw-blur: blur(60px);
  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)
}

#pfl-kadry-bhp-root .blur-\[80px\] {
  --tw-blur: blur(80px);
  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)
}

#pfl-kadry-bhp-root .blur-\[90px\] {
  --tw-blur: blur(90px);
  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)
}

#pfl-kadry-bhp-root .blur-md {
  --tw-blur: blur(12px);
  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)
}

#pfl-kadry-bhp-root .blur-xl {
  --tw-blur: blur(24px);
  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)
}

#pfl-kadry-bhp-root .drop-shadow-\[0_0_8px_rgba\(34\2c 211\2c 238\2c 0\.7\)\] {
  --tw-drop-shadow: drop-shadow(0 0 8px rgba(34,211,238,0.7));
  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)
}

#pfl-kadry-bhp-root .drop-shadow-\[0_2px_8px_rgba\(168\2c 85\2c 247\2c 0\.2\)\] {
  --tw-drop-shadow: drop-shadow(0 2px 8px rgba(168,85,247,0.2));
  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)
}

#pfl-kadry-bhp-root .drop-shadow-\[0_4px_8px_rgba\(148\2c 163\2c 184\2c 0\.12\)\] {
  --tw-drop-shadow: drop-shadow(0 4px 8px rgba(148,163,184,0.12));
  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)
}

#pfl-kadry-bhp-root .drop-shadow-\[0_6px_12px_rgba\(148\2c 163\2c 184\2c 0\.08\)\] {
  --tw-drop-shadow: drop-shadow(0 6px 12px rgba(148,163,184,0.08));
  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)
}

#pfl-kadry-bhp-root .drop-shadow-\[0_8px_16px_rgba\(59\2c 130\2c 246\2c 0\.25\)\] {
  --tw-drop-shadow: drop-shadow(0 8px 16px rgba(59,130,246,0.25));
  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)
}

#pfl-kadry-bhp-root .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)
}

#pfl-kadry-bhp-root .backdrop-blur-md {
  --tw-backdrop-blur: blur(12px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#pfl-kadry-bhp-root .backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#pfl-kadry-bhp-root .backdrop-blur-xl {
  --tw-backdrop-blur: blur(24px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

#pfl-kadry-bhp-root .transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-kadry-bhp-root .transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-kadry-bhp-root .transition-opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-kadry-bhp-root .transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms
}

#pfl-kadry-bhp-root .duration-300 {
  transition-duration: 300ms
}

#pfl-kadry-bhp-root .duration-500 {
  transition-duration: 500ms
}

#pfl-kadry-bhp-root .ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

#pfl-kadry-bhp-root .before\:absolute::before {
  content: var(--tw-content);
  position: absolute
}

#pfl-kadry-bhp-root .before\:bottom-2::before {
  content: var(--tw-content);
  bottom: 8px
}

#pfl-kadry-bhp-root .before\:left-\[11px\]::before {
  content: var(--tw-content);
  left: 11px
}

#pfl-kadry-bhp-root .before\:top-2::before {
  content: var(--tw-content);
  top: 8px
}

#pfl-kadry-bhp-root .before\:w-0\.5::before {
  content: var(--tw-content);
  width: 2px
}

#pfl-kadry-bhp-root .before\:bg-white\/5::before {
  content: var(--tw-content);
  background-color: rgb(255 255 255 / 0.05)
}

#pfl-kadry-bhp-root .hover\:-translate-y-0\.5:hover {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:-translate-y-1:hover {
  --tw-translate-y: -4px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:rotate-0:hover {
  --tw-rotate: 0deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:scale-105:hover {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:scale-110:hover {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:scale-\[1\.01\]:hover {
  --tw-scale-x: 1.01;
  --tw-scale-y: 1.01;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:scale-\[1\.02\]:hover {
  --tw-scale-x: 1.02;
  --tw-scale-y: 1.02;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root .hover\:border-\[\#0284c7\]\/60:hover {
  border-color: rgb(2 132 199 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-\[\#06b6d4\]\/60:hover {
  border-color: rgb(6 182 212 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-\[\#10b981\]\/60:hover {
  border-color: rgb(16 185 129 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-\[\#22c55e\]\/60:hover {
  border-color: rgb(34 197 94 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-\[\#3b82f6\]\/60:hover {
  border-color: rgb(59 130 246 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-\[\#6366f1\]\/60:hover {
  border-color: rgb(99 102 241 / 0.6)
}

#pfl-kadry-bhp-root .hover\:border-action:hover {
  border-color: var(--color-action)
}

#pfl-kadry-bhp-root .hover\:border-blue-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:border-blue-500:hover {
  --tw-border-opacity: 1;
  border-color: rgb(59 130 246 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:border-emerald-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(167 243 208 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:border-indigo-200:hover {
  --tw-border-opacity: 1;
  border-color: rgb(199 210 254 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:border-line-default:hover {
  border-color: var(--border-default)
}

#pfl-kadry-bhp-root .hover\:border-slate-300:hover {
  --tw-border-opacity: 1;
  border-color: rgb(203 213 225 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:border-text-secondary:hover {
  border-color: var(--text-secondary)
}

#pfl-kadry-bhp-root .hover\:border-white\/10:hover {
  border-color: rgb(255 255 255 / 0.1)
}

#pfl-kadry-bhp-root .hover\:bg-\[\#008a4b\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 138 75 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#111827\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#1a202a\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(26 32 42 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#3d0b5e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(61 11 94 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#46156e\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(70 21 110 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#4a32ad\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(74 50 173 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-\[\#6d28d9\]:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-action-hover:hover {
  background-color: var(--color-action-hover)
}

#pfl-kadry-bhp-root .hover\:bg-black:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-blue-50\/20:hover {
  background-color: rgb(239 246 255 / 0.2)
}

#pfl-kadry-bhp-root .hover\:bg-line-light:hover {
  background-color: var(--border-light)
}

#pfl-kadry-bhp-root .hover\:bg-page:hover {
  background-color: var(--bg-page)
}

#pfl-kadry-bhp-root .hover\:bg-red-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-slate-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-white:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1)
}

#pfl-kadry-bhp-root .hover\:bg-white\/5:hover {
  background-color: rgb(255 255 255 / 0.05)
}

#pfl-kadry-bhp-root .hover\:bg-white\/\[0\.04\]:hover {
  background-color: rgb(255 255 255 / 0.04)
}

#pfl-kadry-bhp-root .hover\:bg-white\/\[0\.06\]:hover {
  background-color: rgb(255 255 255 / 0.06)
}

#pfl-kadry-bhp-root .hover\:text-\[\#3b82f6\]:hover {
  --tw-text-opacity: 1;
  color: rgb(59 130 246 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-\[\#4f46e5\]:hover {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-action:hover {
  color: var(--color-action)
}

#pfl-kadry-bhp-root .hover\:text-blue-600:hover {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-indigo-300:hover {
  --tw-text-opacity: 1;
  color: rgb(165 180 252 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-sky-300:hover {
  --tw-text-opacity: 1;
  color: rgb(125 211 252 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-slate-600:hover {
  --tw-text-opacity: 1;
  color: rgb(71 85 105 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-slate-800:hover {
  --tw-text-opacity: 1;
  color: rgb(30 41 59 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:text-text-heading:hover {
  color: var(--text-heading)
}

#pfl-kadry-bhp-root .hover\:text-white:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root .hover\:underline:hover {
  text-decoration-line: underline
}

#pfl-kadry-bhp-root .hover\:opacity-100:hover {
  opacity: 1
}

#pfl-kadry-bhp-root .hover\:shadow-\[0_12px_24px_rgba\(0\2c 168\2c 89\2c 0\.4\)\]:hover {
  --tw-shadow: 0 12px 24px rgba(0,168,89,0.4);
  --tw-shadow-colored: 0 12px 24px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .hover\:shadow-\[0_20px_50px_-12px_rgba\(148\2c 163\2c 184\2c 0\.18\)\]:hover {
  --tw-shadow: 0 20px 50px -12px rgba(148,163,184,0.18);
  --tw-shadow-colored: 0 20px 50px -12px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .hover\:shadow-md:hover {
  --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .hover\:shadow-sm:hover {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

#pfl-kadry-bhp-root .hover\:brightness-110:hover {
  --tw-brightness: brightness(1.1);
  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)
}

#pfl-kadry-bhp-root .focus\:border-\[\#4f46e5\]:focus {
  --tw-border-opacity: 1;
  border-color: rgb(79 70 229 / var(--tw-border-opacity, 1))
}

#pfl-kadry-bhp-root .focus\:border-action:focus {
  border-color: var(--color-action)
}

#pfl-kadry-bhp-root .focus\:border-orange-500\/50:focus {
  border-color: rgb(249 115 22 / 0.5)
}

#pfl-kadry-bhp-root .focus\:outline-none:focus {
  outline: 2px solid transparent;
  outline-offset: 2px
}

#pfl-kadry-bhp-root .focus\:ring-1:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

#pfl-kadry-bhp-root .focus\:ring-\[\#4f46e5\]:focus {
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity, 1))
}

#pfl-kadry-bhp-root .focus\:ring-action:focus {
  --tw-ring-color: var(--color-action)
}

#pfl-kadry-bhp-root :is(.group\/active:hover .group-hover\/active\:-translate-y-0\.5) {
  --tw-translate-y: -2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group\/bento:hover .group-hover\/bento\:translate-x-0\.5) {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group\/payroll:hover .group-hover\/payroll\:translate-x-0\.5) {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group\/row:hover .group-hover\/row\:translate-x-0\.5) {
  --tw-translate-x: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group:hover .group-hover\:scale-105) {
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group:hover .group-hover\:scale-110) {
  --tw-scale-x: 1.1;
  --tw-scale-y: 1.1;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group:hover .group-hover\:scale-\[1\.03\]) {
  --tw-scale-x: 1.03;
  --tw-scale-y: 1.03;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

#pfl-kadry-bhp-root :is(.group\/feature:hover .group-hover\/feature\:bg-orange-500\/15) {
  background-color: rgb(249 115 22 / 0.15)
}

#pfl-kadry-bhp-root :is(.group\/feature:hover .group-hover\/feature\:text-orange-500) {
  --tw-text-opacity: 1;
  color: rgb(249 115 22 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root :is(.group\/row:hover .group-hover\/row\:text-orange-400) {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1))
}

#pfl-kadry-bhp-root :is(.group:hover .group-hover\:text-action) {
  color: var(--color-action)
}

#pfl-kadry-bhp-root :is(.group:hover .group-hover\:opacity-100) {
  opacity: 1
}

@media (min-width: 640px) {
  #pfl-kadry-bhp-root .sm\:-left-\[54px\] {
    left: -54px
  }

  #pfl-kadry-bhp-root .sm\:left-6 {
    left: 24px
  }

  #pfl-kadry-bhp-root .sm\:left-\[-1\%\] {
    left: -1%
  }

  #pfl-kadry-bhp-root .sm\:left-\[6\%\] {
    left: 6%
  }

  #pfl-kadry-bhp-root .sm\:right-\[-1\%\] {
    right: -1%
  }

  #pfl-kadry-bhp-root .sm\:right-\[6\%\] {
    right: 6%
  }

  #pfl-kadry-bhp-root .sm\:flex {
    display: flex
  }

  #pfl-kadry-bhp-root .sm\:h-\[140px\] {
    height: 140px
  }

  #pfl-kadry-bhp-root .sm\:min-h-\[580px\] {
    min-height: 580px
  }

  #pfl-kadry-bhp-root .sm\:w-\[140px\] {
    width: 140px
  }

  #pfl-kadry-bhp-root .sm\:w-\[175px\] {
    width: 175px
  }

  #pfl-kadry-bhp-root .sm\:w-\[190px\] {
    width: 190px
  }

  #pfl-kadry-bhp-root .sm\:w-auto {
    width: auto
  }

  #pfl-kadry-bhp-root .sm\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  #pfl-kadry-bhp-root .sm\:flex-row {
    flex-direction: row
  }

  #pfl-kadry-bhp-root .sm\:items-start {
    align-items: flex-start
  }

  #pfl-kadry-bhp-root .sm\:items-center {
    align-items: center
  }

  #pfl-kadry-bhp-root .sm\:p-8 {
    padding: 32px
  }

  #pfl-kadry-bhp-root .sm\:px-12 {
    padding-left: 48px;
    padding-right: 48px
  }

  #pfl-kadry-bhp-root .sm\:pl-16 {
    padding-left: 64px
  }

  #pfl-kadry-bhp-root .sm\:text-left {
    text-align: left
  }

  #pfl-kadry-bhp-root .sm\:text-2xl {
    font-size: 24px;
    line-height: 32px
  }

  #pfl-kadry-bhp-root .sm\:text-4xl {
    font-size: 36px;
    line-height: 40px
  }

  #pfl-kadry-bhp-root .sm\:text-5xl {
    font-size: 48px;
    line-height: 1
  }

  #pfl-kadry-bhp-root .sm\:text-\[13px\] {
    font-size: 13px
  }

  #pfl-kadry-bhp-root .sm\:text-\[17px\] {
    font-size: 17px
  }

  #pfl-kadry-bhp-root .sm\:text-base {
    font-size: 16px;
    line-height: 24px
  }

  #pfl-kadry-bhp-root .sm\:text-lg {
    font-size: 18px;
    line-height: 28px
  }
}

@media (min-width: 768px) {
  #pfl-kadry-bhp-root .md\:col-span-2 {
    grid-column: span 2 / span 2
  }

  #pfl-kadry-bhp-root .md\:w-\[150px\] {
    width: 150px
  }

  #pfl-kadry-bhp-root .md\:w-auto {
    width: auto
  }

  #pfl-kadry-bhp-root .md\:-translate-y-4 {
    --tw-translate-y: -16px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

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

  #pfl-kadry-bhp-root .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  #pfl-kadry-bhp-root .md\:flex-row {
    flex-direction: row
  }

  #pfl-kadry-bhp-root .md\:items-center {
    align-items: center
  }

  #pfl-kadry-bhp-root .md\:whitespace-nowrap {
    white-space: nowrap
  }

  #pfl-kadry-bhp-root .md\:py-24 {
    padding-top: 96px;
    padding-bottom: 96px
  }

  #pfl-kadry-bhp-root .md\:text-3xl {
    font-size: 30px;
    line-height: 36px
  }

  #pfl-kadry-bhp-root .md\:text-\[40px\] {
    font-size: 40px
  }

  #pfl-kadry-bhp-root .md\:text-\[46px\] {
    font-size: 46px
  }

  #pfl-kadry-bhp-root .md\:text-\[52px\] {
    font-size: 52px
  }
}

@media (min-width: 1024px) {
  #pfl-kadry-bhp-root .lg\:col-span-3 {
    grid-column: span 3 / span 3
  }

  #pfl-kadry-bhp-root .lg\:col-span-4 {
    grid-column: span 4 / span 4
  }

  #pfl-kadry-bhp-root .lg\:col-span-5 {
    grid-column: span 5 / span 5
  }

  #pfl-kadry-bhp-root .lg\:col-span-6 {
    grid-column: span 6 / span 6
  }

  #pfl-kadry-bhp-root .lg\:col-span-7 {
    grid-column: span 7 / span 7
  }

  #pfl-kadry-bhp-root .lg\:col-span-8 {
    grid-column: span 8 / span 8
  }

  #pfl-kadry-bhp-root .lg\:mt-16 {
    margin-top: 64px
  }

  #pfl-kadry-bhp-root .lg\:mt-32 {
    margin-top: 128px
  }

  #pfl-kadry-bhp-root .lg\:block {
    display: block
  }

  #pfl-kadry-bhp-root .lg\:inline-block {
    display: inline-block
  }

  #pfl-kadry-bhp-root .lg\:flex {
    display: flex
  }

  #pfl-kadry-bhp-root .lg\:min-h-\[620px\] {
    min-height: 620px
  }

  #pfl-kadry-bhp-root .lg\:w-\[220px\] {
    width: 220px
  }

  #pfl-kadry-bhp-root .lg\:w-auto {
    width: auto
  }

  #pfl-kadry-bhp-root .lg\:max-w-\[1300px\] {
    max-width: 1300px
  }

  #pfl-kadry-bhp-root .lg\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }

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

  #pfl-kadry-bhp-root .lg\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
  }

  #pfl-kadry-bhp-root .lg\:flex-row {
    flex-direction: row
  }

  #pfl-kadry-bhp-root .lg\:justify-end {
    justify-content: flex-end
  }

  #pfl-kadry-bhp-root .lg\:gap-12 {
    gap: 48px
  }

  #pfl-kadry-bhp-root .lg\:gap-16 {
    gap: 64px
  }

  #pfl-kadry-bhp-root .lg\:gap-20 {
    gap: 80px
  }

  #pfl-kadry-bhp-root .lg\:gap-8 {
    gap: 32px
  }

  #pfl-kadry-bhp-root .lg\:p-10 {
    padding: 40px
  }

  #pfl-kadry-bhp-root .lg\:p-6 {
    padding: 24px
  }

  #pfl-kadry-bhp-root .lg\:p-8 {
    padding: 32px
  }

  #pfl-kadry-bhp-root .lg\:px-0 {
    padding-left: 0px;
    padding-right: 0px
  }

  #pfl-kadry-bhp-root .lg\:px-20 {
    padding-left: 80px;
    padding-right: 80px
  }

  #pfl-kadry-bhp-root .lg\:px-6 {
    padding-left: 24px;
    padding-right: 24px
  }

  #pfl-kadry-bhp-root .lg\:py-16 {
    padding-top: 64px;
    padding-bottom: 64px
  }

  #pfl-kadry-bhp-root .lg\:pl-6 {
    padding-left: 24px
  }

  #pfl-kadry-bhp-root .lg\:text-\[44px\] {
    font-size: 44px
  }

  #pfl-kadry-bhp-root .lg\:text-\[52px\] {
    font-size: 52px
  }

  #pfl-kadry-bhp-root .lg\:text-\[56px\] {
    font-size: 56px
  }
}

@media (min-width: 1280px) {
  #pfl-kadry-bhp-root .xl\:col-span-3 {
    grid-column: span 3 / span 3
  }

  #pfl-kadry-bhp-root .xl\:col-span-9 {
    grid-column: span 9 / span 9
  }

  #pfl-kadry-bhp-root .xl\:grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
  }
}

/* ════════════════════════════════════════════════════════════════════════
   WARSTWA NADRZĘDNA (ręczna) — jedyny nie-kompilowany CSS.
   Kolejność: (1) <style> ze źródła (scoped), (2) mini-preflight :where(),
   (3) substytut klas <body> źródła, (4) CZYTELNOŚĆ +2px,
   (5) AGRESYWNE NADPISANIA MOTYWU + re-asercje kolorów/wymiarów SVG,
   (6) PANCERZ GRADIENTÓW.
   ════════════════════════════════════════════════════════════════════════ */

/* ── (1) Blok <style> ze źródła — scoped do roota.
      Keyframes globalne (nie da się scope'ować bez JS) — prefiksy pfl-kadry-. ── */
#pfl-kadry-bhp-root .soft-enter {
    animation: pfl-kadry-softEnter 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}
@keyframes pfl-kadry-softEnter {
    0%   { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}
#pfl-kadry-bhp-root .orbit-floating {
    animation: pfl-kadry-subtleFloat 8s ease-in-out infinite;
}
@keyframes pfl-kadry-subtleFloat {
    0%   { transform: translateY(0px) rotate(0deg); }
    50%  { transform: translateY(-8px) rotate(0.5deg); }
    100% { transform: translateY(0px) rotate(0deg); }
}

/* CSS-variables ze źródła — scoped do roota */
#pfl-kadry-bhp-root {
    --color-brand: #520F7D;
    --color-action: #00A859;
    --color-action-hover: #008A4B;
    --color-info: #2563EB;
    --bg-page: #F5F7F9;
    --bg-section: #F7F8F7;
    --surface: #FFFFFF;
    --dark-section: #071734;
    --dark-contrast: #111827;
    --text-heading: #10213E;
    --text-primary: #212529;
    --text-secondary: #5E6B82;
    --border-light: #E9ECEF;
    --border-default: #E2E8F0;
}

/* ── (2) MINI-PREFLIGHT scoped przez :where() — preflight wyłączony przy
      kompilacji, odtwarzamy niezbędne bazy z Tailwind preflight. ──────── */
#pfl-kadry-bhp-root :where(*, *::before, *::after) {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #E2E8F0;
}
#pfl-kadry-bhp-root :where(h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote, hr, dl, dd) {
    margin: 0;
}
#pfl-kadry-bhp-root :where(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-weight: inherit;
}
#pfl-kadry-bhp-root :where(ul, ol) {
    list-style: none;
    margin: 0;
    padding: 0;
}
#pfl-kadry-bhp-root :where(img, svg, video, canvas, iframe) {
    display: block;
    vertical-align: middle;
}
#pfl-kadry-bhp-root :where(img, video) {
    max-width: 100%;
    height: auto;
}
#pfl-kadry-bhp-root :where(button, input, optgroup, select, textarea) {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}
#pfl-kadry-bhp-root :where(button) {
    background-color: transparent;
    background-image: none;
    text-transform: none;
    -webkit-appearance: button;
}
#pfl-kadry-bhp-root :where(a) {
    color: inherit;
    text-decoration: inherit;
}
#pfl-kadry-bhp-root :where(strong, b) {
    font-weight: bolder;
}
#pfl-kadry-bhp-root :where(small) {
    font-size: 80%;
}

/* ── (3) Substytut klas <body> źródła:
      bg-page font-sans text-text-primary min-h-screen flex flex-col ─── */
#pfl-kadry-bhp-root {
    background-color: #F5F7F9;
    font-family: 'Inter', sans-serif;
    color: #212529;
    overflow-x: hidden;
}

/* ── (4) CZYTELNOŚĆ: teksty (p, li) +2px względem źródła
      14→16, 16→18, 18→20. Nagłówki i font-weight bez zmian. ──────────── */
#pfl-kadry-bhp-root p.text-sm,
#pfl-kadry-bhp-root li.text-sm,
#pfl-kadry-bhp-root ul.text-sm > li,
#pfl-kadry-bhp-root ol.text-sm > li {
    font-size: 16px !important;
    line-height: 24px !important;
}
#pfl-kadry-bhp-root p.text-base,
#pfl-kadry-bhp-root li.text-base,
#pfl-kadry-bhp-root ul.text-base > li,
#pfl-kadry-bhp-root ol.text-base > li {
    font-size: 18px !important;
    line-height: 28px !important;
}
#pfl-kadry-bhp-root p.text-lg,
#pfl-kadry-bhp-root li.text-lg,
#pfl-kadry-bhp-root ul.text-lg > li,
#pfl-kadry-bhp-root ol.text-lg > li {
    font-size: 20px !important;
    line-height: 30px !important;
}

/* ════════════════════════════════════════════════════════════════════════
   (5) AGRESYWNE NADPISANIA MOTYWU — motyw koloruje <a>/<button> na
   granatowo z wyższą specyficznością / !important; wymuszamy kolory
   projektu (wzorzec: koniec assets/css/kontakt.css).
   ════════════════════════════════════════════════════════════════════════ */

/* Linki i ich stany — bez podkreśleń */
#pfl-kadry-bhp-root a,
#pfl-kadry-bhp-root a:visited,
#pfl-kadry-bhp-root a:hover,
#pfl-kadry-bhp-root a:focus,
#pfl-kadry-bhp-root a:active {
    text-decoration: none !important;
}

/* Linki / przyciski BEZ klasy koloru — dziedziczą kolor z sekcji */
#pfl-kadry-bhp-root a:not([class*="text-"]),
#pfl-kadry-bhp-root a:not([class*="text-"]):visited,
#pfl-kadry-bhp-root a:not([class*="text-"]):hover,
#pfl-kadry-bhp-root a:not([class*="text-"]):focus,
#pfl-kadry-bhp-root button:not([class*="text-"]),
#pfl-kadry-bhp-root button:not([class*="text-"]):hover,
#pfl-kadry-bhp-root button:not([class*="text-"]):focus {
    color: inherit !important;
}
#pfl-kadry-bhp-root button:not([class*="bg-"]),
#pfl-kadry-bhp-root button:not([class*="bg-"]):hover,
#pfl-kadry-bhp-root button:not([class*="bg-"]):focus {
    background-color: transparent !important;
    background-image: none !important;
}
#pfl-kadry-bhp-root button:not([class*="border"]) {
    border: 0 !important;
}
#pfl-kadry-bhp-root button {
    font-family: inherit;
    text-transform: none;
    letter-spacing: normal;
    background-image: none;
}

/* ── RE-ASERCJE: kolory tekstu co do hexa, tła CTA i wymiary SVG ── */
#pfl-kadry-bhp-root svg.h-3   { height: 12px !important; }
#pfl-kadry-bhp-root svg.h-3\.5 { height: 14px !important; }
#pfl-kadry-bhp-root svg.h-4   { height: 16px !important; }
#pfl-kadry-bhp-root svg.h-4\.5 { height: 18px !important; }
#pfl-kadry-bhp-root svg.h-5   { height: 20px !important; }
#pfl-kadry-bhp-root svg.h-5\.5 { height: 22px !important; }
#pfl-kadry-bhp-root svg.h-6   { height: 24px !important; }
#pfl-kadry-bhp-root svg.h-6\.5 { height: 26px !important; }
#pfl-kadry-bhp-root svg.h-7   { height: 28px !important; }
#pfl-kadry-bhp-root svg.h-8   { height: 32px !important; }
#pfl-kadry-bhp-root svg.h-10  { height: 40px !important; }
#pfl-kadry-bhp-root svg.h-full { height: 100% !important; }
#pfl-kadry-bhp-root svg.w-3   { width: 12px !important; }
#pfl-kadry-bhp-root svg.w-3\.5 { width: 14px !important; }
#pfl-kadry-bhp-root svg.w-4   { width: 16px !important; }
#pfl-kadry-bhp-root svg.w-4\.5 { width: 18px !important; }
#pfl-kadry-bhp-root svg.w-5   { width: 20px !important; }
#pfl-kadry-bhp-root svg.w-5\.5 { width: 22px !important; }
#pfl-kadry-bhp-root svg.w-6   { width: 24px !important; }
#pfl-kadry-bhp-root svg.w-6\.5 { width: 26px !important; }
#pfl-kadry-bhp-root svg.w-7   { width: 28px !important; }
#pfl-kadry-bhp-root svg.w-8   { width: 32px !important; }
#pfl-kadry-bhp-root svg.w-10  { width: 40px !important; }
#pfl-kadry-bhp-root svg.w-full { width: 100% !important; }

/* Kolory tekstu — re-asercje !important */
#pfl-kadry-bhp-root .text-\[\#10213E\]  { color: #10213E !important; }
#pfl-kadry-bhp-root .text-\[\#071734\]  { color: #071734 !important; }
#pfl-kadry-bhp-root .text-\[\#212529\]  { color: #212529 !important; }
#pfl-kadry-bhp-root .text-\[\#5E6B82\]  { color: #5E6B82 !important; }
#pfl-kadry-bhp-root .text-\[\#00A859\]  { color: #00A859 !important; }
#pfl-kadry-bhp-root .text-\[\#2563EB\]  { color: #2563EB !important; }
#pfl-kadry-bhp-root .text-\[\#520F7D\]  { color: #520F7D !important; }
#pfl-kadry-bhp-root .text-\[\#6b7280\]  { color: #6b7280 !important; }
#pfl-kadry-bhp-root .text-\[\#8693a4\]  { color: #8693a4 !important; }
#pfl-kadry-bhp-root .text-\[\#94a3b8\]  { color: #94a3b8 !important; }
#pfl-kadry-bhp-root .text-\[\#7c3aed\]  { color: #7c3aed !important; }
#pfl-kadry-bhp-root .text-\[\#f59e0b\]  { color: #f59e0b !important; }
#pfl-kadry-bhp-root .text-white         { color: #ffffff !important; }
#pfl-kadry-bhp-root .text-text-heading  { color: #10213E !important; }
#pfl-kadry-bhp-root .text-text-primary  { color: #212529 !important; }
#pfl-kadry-bhp-root .text-text-secondary { color: #5E6B82 !important; }
#pfl-kadry-bhp-root .text-action        { color: #00A859 !important; }
#pfl-kadry-bhp-root .text-brand         { color: #520F7D !important; }
#pfl-kadry-bhp-root .text-info          { color: #2563EB !important; }

/* Tła akcji — re-asercje */
#pfl-kadry-bhp-root .bg-action           { background-color: #00A859 !important; }
#pfl-kadry-bhp-root .bg-action-hover,
#pfl-kadry-bhp-root .hover\:bg-action-hover:hover { background-color: #008A4B !important; }
#pfl-kadry-bhp-root .hover\:bg-action:hover { background-color: #00A859 !important; }
#pfl-kadry-bhp-root .bg-dark-section    { background-color: #071734 !important; }
#pfl-kadry-bhp-root .bg-dark-contrast   { background-color: #111827 !important; }
#pfl-kadry-bhp-root .bg-brand           { background-color: #520F7D !important; }
#pfl-kadry-bhp-root .bg-info            { background-color: #2563EB !important; }
#pfl-kadry-bhp-root .bg-surface         { background-color: #FFFFFF !important; }
#pfl-kadry-bhp-root .bg-page            { background-color: #F5F7F9 !important; }
#pfl-kadry-bhp-root .bg-section         { background-color: #F7F8F7 !important; }

/* Hover kolory linków/przycisków */
#pfl-kadry-bhp-root .hover\:text-action:hover      { color: #00A859 !important; }
#pfl-kadry-bhp-root .hover\:text-text-heading:hover { color: #10213E !important; }
#pfl-kadry-bhp-root .hover\:text-white:hover        { color: #ffffff !important; }
#pfl-kadry-bhp-root .hover\:bg-action-hover:hover  { background-color: #008A4B !important; }

/* border-color re-asercje */
#pfl-kadry-bhp-root .border-line-default { border-color: #E2E8F0 !important; }
#pfl-kadry-bhp-root .border-line-light   { border-color: #E9ECEF !important; }
#pfl-kadry-bhp-root .border-action       { border-color: #00A859 !important; }
#pfl-kadry-bhp-root .border-brand        { border-color: #520F7D !important; }

/* ── (6) PANCERZ GRADIENTÓW (kuloodporne na motyw: -webkit-text-fill-color
      to jedyna własność, której żaden theme'owy color nie przebije) ── */
#pfl-kadry-bhp-root .bg-clip-text {
  -webkit-background-clip: text !important;
          background-clip: text !important;
}
#pfl-kadry-bhp-root .text-transparent {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
#pfl-kadry-bhp-root .bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops)) !important;
}
#pfl-kadry-bhp-root .bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)) !important;
}
#pfl-kadry-bhp-root .bg-gradient-to-b {
  background-image: linear-gradient(to bottom, var(--tw-gradient-stops)) !important;
}
#pfl-kadry-bhp-root .bg-gradient-to-tr {
  background-image: linear-gradient(to top right, var(--tw-gradient-stops)) !important;
}