*:where(.pds--globals) {
  box-sizing: border-box;
  margin: 0;
}
*:where(.pds--globals) *,
*:where(.pds--globals) *::before,
*:where(.pds--globals) *::after {
  box-sizing: inherit;
}
*:where(.pds--globals) h1,
*:where(.pds--globals) h2,
*:where(.pds--globals) h3,
*:where(.pds--globals) h4,
*:where(.pds--globals) h5,
*:where(.pds--globals) h6,
*:where(.pds--globals) fieldset,
*:where(.pds--globals) label,
*:where(.pds--globals) legend,
*:where(.pds--globals) li,
*:where(.pds--globals) p,
*:where(.pds--globals) span,
*:where(.pds--globals) strong,
*:where(.pds--globals) ul,
*:where(.pds--globals) input,
*:where(.pds--globals) table,
*:where(.pds--globals) a,
*:where(.pds--globals) tr,
*:where(.pds--globals) th,
*:where(.pds--globals) td,
*:where(.pds--globals) thead,
*:where(.pds--globals) tbody {
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: var(--pds-color-text-primary);
  vertical-align: baseline;
  border: 0;
}
*:where(.pds--globals) button,
*:where(.pds--globals) input[type=button],
*:where(.pds--globals) input[type=reset],
*:where(.pds--globals) input[type=submit] {
  cursor: pointer;
}
*:where(.pds--globals) img {
  max-width: 100%;
  line-height: 0;
  border-style: none;
}

[class*=pds-] {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --pds-color-scheme: light;
  --pds-breakpoint-s: 600px;
  --pds-breakpoint-m: 960px;
  --pds-breakpoint-l: 1440px;
  --pds-breakpoint-xl: 1920px;
  --pds-color-black: #111111;
  --pds-color-white: #FFFFFF;
  --pds-color-gray-900: #1F1F21;
  --pds-color-gray-800: #28282A;
  --pds-color-gray-700: #39393B;
  --pds-color-gray-600: #4B4B4D;
  --pds-color-gray-500: #707072;
  --pds-color-gray-400: #9E9EA0;
  --pds-color-gray-300: #CACACB;
  --pds-color-gray-200: #E5E5E5;
  --pds-color-gray-100: #F5F5F5;
  --pds-color-gray-50: #FAFAFA;
  --pds-color-red-900: #530300;
  --pds-color-red-800: #780700;
  --pds-color-red-700: #A70E00;
  --pds-color-red-600: #D30005;
  --pds-color-red-500: #EE0005;
  --pds-color-red-400: #FF4E4A;
  --pds-color-red-300: #FF7975;
  --pds-color-red-200: #FFABAD;
  --pds-color-red-100: #FFC3C4;
  --pds-color-red-50: #FFE5E5;
  --pds-color-orange-900: #3E1009;
  --pds-color-orange-800: #5D180C;
  --pds-color-orange-700: #7E200D;
  --pds-color-orange-600: #9F290F;
  --pds-color-orange-500: #D33918;
  --pds-color-orange-400: #FF5000;
  --pds-color-orange-300: #FF8255;
  --pds-color-orange-200: #FFA584;
  --pds-color-orange-100: #FFC5AD;
  --pds-color-orange-50: #FFE2D6;
  --pds-color-yellow-900: #99470A;
  --pds-color-yellow-800: #CD6006;
  --pds-color-yellow-700: #E57A09;
  --pds-color-yellow-600: #F08E0A;
  --pds-color-yellow-500: #FCA600;
  --pds-color-yellow-400: #FDC400;
  --pds-color-yellow-300: #FFD11B;
  --pds-color-yellow-200: #FEDF35;
  --pds-color-yellow-100: #FEEA55;
  --pds-color-yellow-50: #FEF087;
  --pds-color-green-900: #003C2A;
  --pds-color-green-800: #005034;
  --pds-color-green-700: #00643E;
  --pds-color-green-600: #007D48;
  --pds-color-green-500: #1EAA52;
  --pds-color-green-400: #3CCD49;
  --pds-color-green-300: #5FE63F;
  --pds-color-green-200: #83F13B;
  --pds-color-green-100: #BDFB72;
  --pds-color-green-50: #DFFFB9;
  --pds-color-teal-900: #043441;
  --pds-color-teal-800: #004856;
  --pds-color-teal-700: #005C68;
  --pds-color-teal-600: #0A7281;
  --pds-color-teal-500: #008E98;
  --pds-color-teal-400: #1CB2B6;
  --pds-color-teal-300: #31CBCB;
  --pds-color-teal-200: #69EEE7;
  --pds-color-teal-100: #9CFFF7;
  --pds-color-teal-50: #D4FFFB;
  --pds-color-blue-900: #020664;
  --pds-color-blue-800: #02068E;
  --pds-color-blue-700: #061DBB;
  --pds-color-blue-600: #0034E3;
  --pds-color-blue-500: #1151FF;
  --pds-color-blue-400: #1190FF;
  --pds-color-blue-300: #4CABFF;
  --pds-color-blue-200: #87CEFF;
  --pds-color-blue-100: #B9E2FF;
  --pds-color-blue-50: #D6EEFF;
  --pds-color-purple-900: #1C0060;
  --pds-color-purple-800: #300080;
  --pds-color-purple-700: #4400A9;
  --pds-color-purple-600: #5400CC;
  --pds-color-purple-500: #6E0FF6;
  --pds-color-purple-400: #8755FF;
  --pds-color-purple-300: #A082FF;
  --pds-color-purple-200: #BEAFFD;
  --pds-color-purple-100: #D6D1FF;
  --pds-color-purple-50: #E4E1FC;
  --pds-color-pink-900: #4C012D;
  --pds-color-pink-800: #770349;
  --pds-color-pink-700: #A50767;
  --pds-color-pink-600: #D00B84;
  --pds-color-pink-500: #ED1AA0;
  --pds-color-pink-400: #FC5DBB;
  --pds-color-pink-300: #FE90CC;
  --pds-color-pink-200: #FFB0DD;
  --pds-color-pink-100: #FFCDEA;
  --pds-color-pink-50: #FFE1F3;
  --pds-color-opacity-white-1: #FFFFFF1F;
  --pds-color-opacity-black-1: #1111111F;
  --pds-color-opacity-black-2: #1111115C;
  --pds-color-opacity-black-3: #111111CD;
  --pds-motion-duration-150: 150ms;
  --pds-motion-duration-250: 250ms;
  --pds-motion-duration-300: 300ms;
  --pds-motion-duration-350: 350ms;
  --pds-motion-duration-400: 400ms;
  --pds-motion-delay-50: 50ms;
  --pds-motion-delay-100: 100ms;
  --pds-motion-delay-150: 150ms;
  --pds-motion-delay-200: 200ms;
  --pds-motion-delay-250: 250ms;
  --pds-motion-easing-functional: cubic-bezier(0.4, 0, 0.2, 1);
  --pds-motion-easing-expressive: cubic-bezier(0.6, 0, 0.1, 1);
  --pds-radius-0: 0px;
  --pds-radius-4: 4px;
  --pds-radius-8: 8px;
  --pds-radius-12: 12px;
  --pds-radius-24: 24px;
  --pds-radius-rounded: 9999px;
  --pds-ratio-16-9: 16 / 9;
  --pds-ratio-3-2: 3 / 2;
  --pds-ratio-1-1: 1 / 1;
  --pds-ratio-4-5: 4 / 5;
  --pds-ratio-3-4: 3 / 4;
  --pds-ratio-2-3: 2 / 3;
  --pds-ratio-9-16: 9 / 16;
  --pds-space-2: 2px;
  --pds-space-4: 4px;
  --pds-space-6: 6px;
  --pds-space-8: 8px;
  --pds-space-10: 10px;
  --pds-space-12: 12px;
  --pds-space-16: 16px;
  --pds-space-20: 20px;
  --pds-space-24: 24px;
  --pds-space-32: 32px;
  --pds-space-40: 40px;
  --pds-space-48: 48px;
  --pds-space-60: 60px;
  --pds-space-72: 72px;
  --pds-space-90: 90px;
}

:root,
[data-pds-theme=light] {
  --pds-color-scheme: light;
  --pds-color-background-primary: var( --pds-color-white);
  --pds-color-background-primary-always-dark: var( --pds-color-gray-900);
  --pds-color-background-primary-always-light: var( --pds-color-white);
  --pds-color-background-primary-inverse: var( --pds-color-gray-900);
  --pds-color-background-secondary: var( --pds-color-gray-100);
  --pds-color-background-accent: var( --pds-color-black);
  --pds-color-background-overlay: var( --pds-color-white);
  --pds-color-background-scrim: var( --pds-color-opacity-black-2);
  --pds-color-background-modal: var( --pds-color-white);
  --pds-color-background-image: var( --pds-color-gray-100);
  --pds-color-border-primary: var( --pds-color-gray-500);
  --pds-color-border-primary-always-dark: var( --pds-color-gray-500);
  --pds-color-border-primary-always-light: var( --pds-color-gray-400);
  --pds-color-border-primary-inverse: var( --pds-color-gray-400);
  --pds-color-border-secondary: var( --pds-color-gray-300);
  --pds-color-border-tertiary: var( --pds-color-gray-200);
  --pds-color-border-accent: var( --pds-color-gray-500);
  --pds-color-border-active: var( --pds-color-black);
  --pds-color-border-inactive: var( --pds-color-gray-500);
  --pds-color-border-hover: var( --pds-color-black);
  --pds-color-border-hover-always-dark: var( --pds-color-black);
  --pds-color-border-hover-always-light: var( --pds-color-white);
  --pds-color-border-disabled: var( --pds-color-gray-300);
  --pds-color-border-disabled-always-light: var( --pds-color-gray-300);
  --pds-color-border-disabled-always-dark: var( --pds-color-gray-700);
  --pds-color-border-success: var( --pds-color-green-600);
  --pds-color-border-critical: var( --pds-color-red-600);
  --pds-color-border-focused: var( --pds-color-blue-500);
  --pds-color-text-primary: var( --pds-color-black);
  --pds-color-text-primary-always-dark: var( --pds-color-black);
  --pds-color-text-primary-always-light: var( --pds-color-white);
  --pds-color-text-primary-inverse: var( --pds-color-white);
  --pds-color-text-secondary: var( --pds-color-gray-500);
  --pds-color-text-secondary-always-dark: var( --pds-color-gray-500);
  --pds-color-text-secondary-always-light: var( --pds-color-gray-400);
  --pds-color-text-secondary-inverse: var( --pds-color-gray-400);
  --pds-color-text-accent: var( --pds-color-black);
  --pds-color-text-hover: var( --pds-color-gray-500);
  --pds-color-text-hover-always-dark: var( --pds-color-gray-500);
  --pds-color-text-hover-always-light: var( --pds-color-gray-200);
  --pds-color-text-hover-inverse: var( --pds-color-gray-200);
  --pds-color-text-disabled: var( --pds-color-gray-400);
  --pds-color-text-disabled-always-light: var( --pds-color-gray-400);
  --pds-color-text-disabled-always-dark: var( --pds-color-gray-600);
  --pds-color-text-disabled-inverse: var( --pds-color-gray-600);
  --pds-color-text-success: var( --pds-color-green-600);
  --pds-color-text-critical: var( --pds-color-red-600);
  --pds-color-text-link: var( --pds-color-blue-500);
  --pds-color-text-badge: var( --pds-color-orange-500);
  --pds-color-element-primary: var( --pds-color-black);
  --pds-color-element-primary-always-dark: var( --pds-color-black);
  --pds-color-element-primary-always-light: var( --pds-color-white);
  --pds-color-element-primary-inverse: var( --pds-color-white);
  --pds-color-element-secondary: var( --pds-color-gray-100);
  --pds-color-element-secondary-always-dark: var( --pds-color-black);
  --pds-color-element-secondary-always-light: var( --pds-color-gray-100);
  --pds-color-element-tertiary: var( --pds-color-gray-300);
  --pds-color-element-tertiary-always-dark: var( --pds-color-gray-700);
  --pds-color-element-tertiary-always-light: var( --pds-color-gray-300);
  --pds-color-element-accent: var( --pds-color-black);
  --pds-color-element-shadow: var( --pds-color-opacity-black-1);
  --pds-color-element-hover: var( --pds-color-gray-500);
  --pds-color-element-hover-always-dark: var( --pds-color-gray-500);
  --pds-color-element-hover-always-light: var( --pds-color-gray-300);
  --pds-color-element-hover-accent: var( --pds-color-gray-500);
  --pds-color-element-secondary-hover: var( --pds-color-gray-300);
  --pds-color-element-secondary-hover-always-dark: var( --pds-color-gray-700);
  --pds-color-element-secondary-hover-always-light: var( --pds-color-gray-300);
  --pds-color-element-disabled: var( --pds-color-gray-200);
  --pds-color-element-disabled-always-light: var( --pds-color-gray-200);
  --pds-color-element-disabled-always-dark: var( --pds-color-gray-500);
  --pds-color-element-info: var( --pds-color-blue-500);
  --pds-color-element-info-inverse: var( --pds-color-blue-400);
  --pds-color-element-success: var( --pds-color-green-600);
  --pds-color-element-success-inverse: var( --pds-color-green-500);
  --pds-color-element-critical: var( --pds-color-red-600);
  --pds-color-element-critical-inverse: var( --pds-color-red-400);
  --pds-color-element-warning: var( --pds-color-yellow-200);
  --pds-color-element-warning-inverse: var( --pds-color-yellow-100);
  --pds-color-element-brand-orange: var( --pds-color-orange-400);
  --pds-shadow-primary: 0px 0px 24px 4px rgba(17, 17, 17, 0.03), 0px 4px 8px 0px rgba(17, 17, 17, 0.06);
}

[data-pds-theme=dark] {
  --pds-color-scheme: dark;
  --pds-color-background-primary: var( --pds-color-gray-900);
  --pds-color-background-primary-always-dark: var( --pds-color-gray-900);
  --pds-color-background-primary-always-light: var( --pds-color-white);
  --pds-color-background-primary-inverse: var( --pds-color-white);
  --pds-color-background-secondary: var( --pds-color-black);
  --pds-color-background-accent: var( --pds-color-gray-700);
  --pds-color-background-overlay: var( --pds-color-gray-800);
  --pds-color-background-scrim: var( --pds-color-opacity-black-3);
  --pds-color-background-modal: var( --pds-color-gray-800);
  --pds-color-background-image: var( --pds-color-gray-100);
  --pds-color-border-primary: var( --pds-color-gray-400);
  --pds-color-border-primary-always-dark: var( --pds-color-gray-500);
  --pds-color-border-primary-always-light: var( --pds-color-gray-400);
  --pds-color-border-primary-inverse: var( --pds-color-gray-500);
  --pds-color-border-secondary: var( --pds-color-gray-600);
  --pds-color-border-tertiary: var( --pds-color-gray-700);
  --pds-color-border-accent: var( --pds-color-gray-400);
  --pds-color-border-active: var( --pds-color-white);
  --pds-color-border-inactive: var( --pds-color-gray-400);
  --pds-color-border-hover: var( --pds-color-white);
  --pds-color-border-hover-always-dark: var( --pds-color-black);
  --pds-color-border-hover-always-light: var( --pds-color-white);
  --pds-color-border-disabled: var( --pds-color-gray-700);
  --pds-color-border-disabled-always-light: var( --pds-color-gray-300);
  --pds-color-border-disabled-always-dark: var( --pds-color-gray-700);
  --pds-color-border-success: var( --pds-color-green-500);
  --pds-color-border-critical: var( --pds-color-red-400);
  --pds-color-border-focused: var( --pds-color-blue-400);
  --pds-color-text-primary: var( --pds-color-white);
  --pds-color-text-primary-always-dark: var( --pds-color-black);
  --pds-color-text-primary-always-light: var( --pds-color-white);
  --pds-color-text-primary-inverse: var( --pds-color-black);
  --pds-color-text-secondary: var( --pds-color-gray-400);
  --pds-color-text-secondary-always-dark: var( --pds-color-gray-500);
  --pds-color-text-secondary-always-light: var( --pds-color-gray-400);
  --pds-color-text-secondary-inverse: var( --pds-color-gray-500);
  --pds-color-text-accent: var( --pds-color-white);
  --pds-color-text-hover: var( --pds-color-gray-200);
  --pds-color-text-hover-always-dark: var( --pds-color-gray-500);
  --pds-color-text-hover-always-light: var( --pds-color-gray-200);
  --pds-color-text-hover-inverse: var( --pds-color-gray-500);
  --pds-color-text-disabled: var( --pds-color-gray-600);
  --pds-color-text-disabled-always-light: var( --pds-color-gray-400);
  --pds-color-text-disabled-always-dark: var( --pds-color-gray-600);
  --pds-color-text-disabled-inverse: var( --pds-color-gray-400);
  --pds-color-text-success: var( --pds-color-green-500);
  --pds-color-text-critical: var( --pds-color-red-400);
  --pds-color-text-link: var( --pds-color-blue-400);
  --pds-color-text-badge: var( --pds-color-orange-300);
  --pds-color-element-primary: var( --pds-color-white);
  --pds-color-element-primary-always-dark: var( --pds-color-black);
  --pds-color-element-primary-always-light: var( --pds-color-white);
  --pds-color-element-primary-inverse: var( --pds-color-black);
  --pds-color-element-secondary: var( --pds-color-black);
  --pds-color-element-secondary-always-dark: var( --pds-color-black);
  --pds-color-element-secondary-always-light: var( --pds-color-gray-100);
  --pds-color-element-tertiary: var( --pds-color-gray-700);
  --pds-color-element-tertiary-always-dark: var( --pds-color-gray-700);
  --pds-color-element-tertiary-always-light: var( --pds-color-gray-300);
  --pds-color-element-accent: var( --pds-color-white);
  --pds-color-element-shadow: var( --pds-color-opacity-white-1);
  --pds-color-element-hover: var( --pds-color-gray-300);
  --pds-color-element-hover-always-dark: var( --pds-color-gray-500);
  --pds-color-element-hover-always-light: var( --pds-color-gray-300);
  --pds-color-element-hover-accent: var( --pds-color-gray-300);
  --pds-color-element-secondary-hover: var( --pds-color-gray-700);
  --pds-color-element-secondary-hover-always-dark: var( --pds-color-gray-700);
  --pds-color-element-secondary-hover-always-light: var( --pds-color-gray-300);
  --pds-color-element-disabled: var( --pds-color-gray-500);
  --pds-color-element-disabled-always-light: var( --pds-color-gray-200);
  --pds-color-element-disabled-always-dark: var( --pds-color-gray-500);
  --pds-color-element-info: var( --pds-color-blue-400);
  --pds-color-element-info-inverse: var( --pds-color-blue-500);
  --pds-color-element-success: var( --pds-color-green-500);
  --pds-color-element-success-inverse: var( --pds-color-green-600);
  --pds-color-element-critical: var( --pds-color-red-400);
  --pds-color-element-critical-inverse: var( --pds-color-red-600);
  --pds-color-element-warning: var( --pds-color-yellow-100);
  --pds-color-element-warning-inverse: var( --pds-color-yellow-200);
  --pds-color-element-brand-orange: var( --pds-color-orange-400);
  --pds-shadow-primary: 0px 0px 24px 4px rgba(17, 17, 17, 0.09), 0px 4px 8px 0px rgba(17, 17, 17, 0.18);
}

@keyframes pds-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes pds-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes pds-slide-in-from-top {
  from {
    transform: translateY(-10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes pds-slide-in-from-bottom {
  from {
    transform: translateY(10px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes pds-slide-in-from-left {
  from {
    transform: translateX(-10px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes pds-slide-in-from-right {
  from {
    transform: translateX(10px);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes pds-slide-out-to-top {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10px);
  }
}
@keyframes pds-slide-out-to-bottom {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}
@keyframes pds-slide-out-to-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-10px);
  }
}
@keyframes pds-slide-out-to-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(10px);
  }
}
@keyframes pds-slide-in-from-right-full {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes pds-slide-out-to-right-full {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes pds-slide-in-from-left-full {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes pds-slide-out-to-left-full {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes pds-slide-in-from-top-full {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes pds-slide-out-to-top-full {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}
@keyframes pds-slide-in-from-bottom-full {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes pds-slide-out-to-bottom-full {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(100%);
  }
}
@keyframes pds-zoom-in {
  from {
    transform: scale(0.95);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes pds-zoom-out {
  from {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes pds-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes pds-pulse {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.25;
  }
  100% {
    opacity: 0.8;
  }
}
@keyframes pds-accordion-expand {
  from {
    max-height: 0;
  }
  to {
    max-height: var(--radix-accordion-content-height, 500px);
  }
}
@keyframes pds-accordion-collapse {
  from {
    max-height: var(--radix-accordion-content-height, 500px);
  }
  to {
    max-height: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.pds-motion-fade--entering {
  animation-name: pds-fade-in;
  animation-duration: var(--pds-motion-duration-250);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-fade--exiting {
  animation-name: pds-fade-out;
  animation-duration: var(--pds-motion-duration-250);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}

.pds-motion-slide--from-top-entering {
  animation-name: pds-slide-in-from-top;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-top-exiting {
  animation-name: pds-slide-out-to-top;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-bottom-entering {
  animation-name: pds-slide-in-from-bottom;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-bottom-exiting {
  animation-name: pds-slide-out-to-bottom;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-left-entering {
  animation-name: pds-slide-in-from-left;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-left-exiting {
  animation-name: pds-slide-out-to-left;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-right-entering {
  animation-name: pds-slide-in-from-right;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-slide--from-right-exiting {
  animation-name: pds-slide-out-to-right;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}

.pds-motion-slide-full--from-top-entering {
  animation-name: pds-slide-in-from-top-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-top-exiting {
  animation-name: pds-slide-out-to-top-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-bottom-entering {
  animation-name: pds-slide-in-from-bottom-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-bottom-exiting {
  animation-name: pds-slide-out-to-bottom-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-left-entering {
  animation-name: pds-slide-in-from-left-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-left-exiting {
  animation-name: pds-slide-out-to-left-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-right-entering {
  animation-name: pds-slide-in-from-right-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-slide-full--from-right-exiting {
  animation-name: pds-slide-out-to-right-full;
  animation-duration: var(--pds-motion-duration-350);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}

.pds-motion-zoom--entering {
  animation-name: pds-zoom-in;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}
.pds-motion-zoom--exiting {
  animation-name: pds-zoom-out;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-expressive);
  animation-fill-mode: forwards;
}

.pds-motion-spin {
  animation-name: pds-spin;
  animation-duration: var(--pds-motion-duration-400);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.pds-motion-pulse {
  animation-name: pds-pulse;
  animation-duration: 1500ms;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

.pds-motion-accordion--expanding {
  animation-name: pds-accordion-expand;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}
.pds-motion-accordion--collapsing {
  animation-name: pds-accordion-collapse;
  animation-duration: var(--pds-motion-duration-300);
  animation-timing-function: var(--pds-motion-easing-functional);
  animation-fill-mode: forwards;
}

/** PLOP_INJECT **/
.pds-accordion {
  position: relative;
}
.pds-accordion__header {
  display: flex;
  margin: 0;
}
.pds-accordion__trigger {
  cursor: pointer;
  display: flex;
  flex: 1;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  color: var(--pds-color-text-primary);
  text-decoration: none;
  background-color: transparent;
  border: none;
  outline: none;
  transition: all var(--pds-motion-duration-250) ease-in-out;
}
.pds-accordion__trigger:hover {
  text-decoration: none;
}
.pds-accordion__trigger:focus-visible {
  box-shadow: 0 0 0 3px var(--pds-color-border-focused);
}
.pds-accordion__trigger:disabled {
  pointer-events: none;
  opacity: 0.5;
}
.pds-accordion__trigger .pds-accordion__caret {
  transition: transform var(--pds-motion-duration-250) ease-in-out;
}
.pds-accordion__trigger[data-state=open] .pds-accordion__caret {
  transform: rotate(180deg);
}
.pds-accordion__item {
  padding-bottom: 0;
  border-bottom: 1px solid var(--pds-color-border-tertiary);
  transition: padding-bottom var(--pds-motion-duration-250) ease-in-out;
}
.pds-accordion__content {
  overflow: hidden;
  font: var(--pds-typography-body-2);
}
.pds-accordion__content[data-state=closed] {
  animation: pds-accordion-collapse var(--pds-motion-duration-250) ease-in-out;
}
.pds-accordion__content[data-state=open] {
  animation: pds-accordion-expand var(--pds-motion-duration-250) ease-in-out;
}
.pds-accordion--large .pds-accordion__trigger {
  padding: 30px 0;
  font: var(--pds-typography-title-4);
}
.pds-accordion--small .pds-accordion__trigger {
  padding: 18px 0;
  font: var(--pds-typography-body-1-strong);
}
.pds-accordion--large .pds-accordion__item[data-state=open] {
  padding-bottom: 30px;
}
.pds-accordion--small .pds-accordion__item[data-state=open] {
  padding-bottom: 18px;
}

.pds-alert {
  position: relative;
  display: inline-flex;
  gap: 20px;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  padding-inline-end: 64px;
  font: var(--pds-typography-body-2);
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-background-secondary);
  border-radius: var(--pds-radius-24);
}
.pds-alert__title {
  margin: 0 0 4px;
  font: var(--pds-typography-body-1-strong);
}
.pds-alert__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-primary);
  border-radius: var(--pds-radius-rounded);
}
.pds-alert__body-text {
  margin: 0 0 4px;
  font: var(--pds-typography-body-2);
  text-wrap: pretty;
}
.pds-alert__close {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.pds-avatar {
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: var(--pds-typography-body-4-strong);
  background: var(--pds-color-background-secondary);
  border-radius: var(--pds-radius-rounded);
}
.pds-avatar--small {
  width: 24px;
  height: 24px;
}
.pds-avatar--medium {
  width: 32px;
  height: 32px;
}
.pds-avatar--actionable {
  cursor: pointer;
}
.pds-avatar--actionable:focus-visible, .pds-avatar--actionable:hover {
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
}
.pds-avatar--actionable:focus-visible.pds-avatar--small, .pds-avatar--actionable:hover.pds-avatar--small {
  box-shadow: 0 0 0 6px var(--pds-color-element-shadow);
}
.pds-avatar--actionable:focus-visible.pds-avatar--medium, .pds-avatar--actionable:hover.pds-avatar--medium {
  box-shadow: 0 0 0 8px var(--pds-color-element-shadow);
}
.pds-avatar__fallback, .pds-avatar__initials {
  max-height: 24px;
  color: var(--pds-color-text-primary);
}
.pds-avatar__image {
  aspect-ratio: 1/1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.pds-banner {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 6px;
  font: var(--pds-typography-body-3);
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-background-secondary);
}

:root,
[dir=ltr] {
  --pds-breadcrumb-separator-rotation: 1;
}

[dir=rtl] {
  --pds-breadcrumb-separator-rotation: -1;
}

.pds-breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  align-items: center;
  margin: 0;
  padding-left: 0;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
  word-break: break-word;
}
.pds-breadcrumb__page {
  display: inline-flex;
  align-items: center;
  color: var(--pds-color-text-primary);
}
.pds-breadcrumb__item {
  display: inline-flex;
  align-items: center;
  color: var(--pds-color-text-secondary);
  text-decoration: none;
}
.pds-breadcrumb__link {
  display: inline-flex;
  align-items: center;
  color: var(--pds-color-text-secondary);
  text-decoration: none;
}
.pds-breadcrumb__link:hover {
  text-decoration: underline;
}
.pds-breadcrumb__separator {
  transform: scaleX(var(--pds-breadcrumb-separator-rotation));
  display: flex;
  align-items: center;
  color: var(--pds-color-text-secondary);
}
.pds-breadcrumb__ellipsis {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--pds-color-text-secondary);
}

.pds-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font: var(--pds-typography-body-1-strong);
  text-align: center;
  text-decoration: none;
  border-radius: var(--pds-radius-rounded);
}
.pds-button--xs {
  min-height: 32px;
  padding: 4px 12px;
  gap: 2px;
}
.pds-button--s {
  min-height: 36px;
  padding: 6px 16px;
}
.pds-button--m {
  min-height: 48px;
  padding: 12px 24px;
}
.pds-button--l {
  min-height: 60px;
  padding: 18px 24px;
}
.pds-button--full-width {
  display: flex;
  width: 100%;
}
.pds-button__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: inherit;
}
.pds-button--filled {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-primary);
  border: none;
}
.pds-button--filled:hover:not(:disabled) {
  background-color: var(--pds-color-element-hover);
}
.pds-button--filled:disabled {
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-button--outlined {
  color: var(--pds-color-text-primary);
  background: transparent;
  border: 1.5px solid var(--pds-color-border-primary);
}
.pds-button--outlined:hover:not(:disabled) {
  border-color: var(--pds-color-border-hover);
}
.pds-button--outlined:disabled {
  color: var(--pds-color-text-disabled);
  background: transparent;
  border-color: var(--pds-color-border-disabled);
}
.pds-button--transparent {
  width: auto;
  min-height: 24px;
  padding: 0;
  color: var(--pds-color-text-primary);
  background: transparent;
  border: none;
  border-radius: var(--pds-radius-0);
}
.pds-button--transparent:hover:not(:disabled) {
  color: var(--pds-color-text-hover);
}
.pds-button--transparent:disabled {
  color: var(--pds-color-text-disabled);
}
.pds-button--accent {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-accent);
  border: none;
}
.pds-button--accent:hover:not(:disabled) {
  background-color: var(--pds-color-element-hover-accent);
}
.pds-button--accent:disabled {
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-button--filled.pds-button--xs, .pds-button--outlined.pds-button--xs, .pds-button--transparent.pds-button--s {
  font: var(--pds-typography-body-3-strong);
}
.pds-button--transparent.pds-button--xs {
  font: var(--pds-typography-body-4-strong);
}
.pds-button--transparent.pds-button--m {
  font: var(--pds-typography-body-2-strong);
}
.pds-button__ripple {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1);
  display: block;
  aspect-ratio: 1/1;
  margin: 0;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.7);
  background-size: 100%;
  border-radius: var(--pds-radius-rounded);
  transition: transform 0.8s, opacity 1s;
}
.pds-button:active .pds-button__ripple {
  transform: translate3d(0%, 0%, 0) scale(0);
  opacity: 0.5;
  transition: 0s;
}
.pds-button:disabled .pds-button__ripple {
  transition: none;
}
.pds-button:focus-visible {
  box-shadow: 0 0 0 2px var(--pds-color-border-focused);
}
.pds-button:focus-visible.pds-button--transparent {
  box-shadow: none;
}
.pds-button:disabled {
  cursor: not-allowed;
}

.pds-carousel {
  --pds-carousel-gap: 12px;
  --pds-carousel-peek-width: 48px;
  --pds-carousel-scroll-behavior: smooth;
  --pds-carousel-transition-duration: var(--pds-motion-duration-250);
  position: relative;
  width: 100%;
}
.pds-carousel__viewport {
  scroll-behavior: var(--pds-carousel-scroll-behavior);
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  overflow: auto hidden;
  overscroll-behavior-x: contain;
  -ms-overflow-style: none;
}
.pds-carousel__viewport::-webkit-scrollbar {
  display: none;
}
.pds-carousel__viewport--start {
  scroll-padding-inline-start: 0;
}
.pds-carousel__viewport--center {
  scroll-padding-inline: 50%;
}
.pds-carousel__viewport--end {
  scroll-padding-inline-end: 0;
}
.pds-carousel__viewport--peek {
  padding-inline-end: var(--pds-carousel-peek-width);
  -webkit-mask-image: linear-gradient(to right, black calc(100% - var(--pds-carousel-peek-width)), transparent 100%);
          mask-image: linear-gradient(to right, black calc(100% - var(--pds-carousel-peek-width)), transparent 100%);
}
.pds-carousel__viewport--fade {
  scroll-snap-type: none;
  overflow: hidden;
}
.pds-carousel__viewport--fade .pds-carousel__container {
  display: grid;
}
.pds-carousel__viewport--fade .pds-carousel__slide {
  grid-area: 1/1;
  visibility: hidden;
  opacity: 0;
  transition: opacity var(--pds-carousel-transition-duration) var(--pds-motion-easing-functional), visibility var(--pds-carousel-transition-duration) var(--pds-motion-easing-functional);
}
.pds-carousel__viewport--fade .pds-carousel__slide[data-active=true] {
  visibility: visible;
  opacity: 1;
}
.pds-carousel__container {
  display: flex;
  gap: var(--pds-carousel-gap);
}
.pds-carousel__slide {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  flex: 0 0 calc((100% - calc((var(--pds-carousel-slides-per-view, 1) - 1) * var(--pds-carousel-gap))) / var(--pds-carousel-slides-per-view, 1));
  min-width: 0;
}
.pds-carousel__viewport--center .pds-carousel__slide {
  scroll-snap-align: center;
}
.pds-carousel__viewport--end .pds-carousel__slide {
  scroll-snap-align: end;
}
.pds-carousel__nav {
  position: relative;
  z-index: 1;
}
.pds-carousel__nav:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pds-carousel__nav--absolute {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.pds-carousel__nav--absolute.pds-carousel__nav--prev {
  left: 8px;
}
.pds-carousel__nav--absolute.pds-carousel__nav--next {
  right: 8px;
}
.pds-carousel__dots {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 12px 0;
}
.pds-carousel__dot {
  cursor: pointer;
  width: 8px;
  height: 8px;
  padding: 0;
  background-color: var(--pds-color-border-disabled);
  border: none;
  border-radius: 8px;
  transition: background-color var(--pds-carousel-transition-duration) var(--pds-motion-easing-functional);
}
.pds-carousel__dot:hover:not(.pds-carousel__dot--active) {
  background-color: var(--pds-color-border-primary);
}
.pds-carousel__dot:focus-visible {
  outline: 2px solid var(--pds-color-border-focus);
  outline-offset: 2px;
}
.pds-carousel__dot--active {
  background-color: var(--pds-color-text-primary);
}
[dir=rtl] .pds-carousel__viewport--peek {
  padding-inline: var(--pds-carousel-peek-width) 0;
  -webkit-mask-image: linear-gradient(to left, black calc(100% - var(--pds-carousel-peek-width)), transparent 100%);
          mask-image: linear-gradient(to left, black calc(100% - var(--pds-carousel-peek-width)), transparent 100%);
}
[dir=rtl] .pds-carousel__nav svg {
  transform: scaleX(-1);
}
.pds-carousel__sr-only {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
@media (prefers-reduced-motion: reduce) {
  .pds-carousel {
    --pds-carousel-scroll-behavior: auto;
    --pds-carousel-transition-duration: 0ms;
  }
  .pds-carousel__viewport {
    scroll-behavior: auto;
  }
  .pds-carousel__dot {
    transition: none;
  }
}

.pds-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.pds-checkbox-group--horizontal {
  flex-flow: row wrap;
}
.pds-checkbox-group .pds-checkbox-group {
  margin-inline-start: 34px;
}
.pds-checkbox-group--indent {
  margin-inline-start: 32px;
}

.pds-checkbox {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
}
[dir=rtl] .pds-checkbox {
  margin-inline-end: 8px;
}
.pds-checkbox svg {
  pointer-events: none;
  position: relative;
}
.pds-checkbox input {
  cursor: pointer;
  position: absolute;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
}
.pds-checkbox input ~ .pds-checkbox__animation {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: transparent;
  border-radius: var(--pds-radius-rounded);
}
[dir=rtl] .pds-checkbox input ~ .pds-checkbox__animation {
  right: 3px;
  left: auto;
}
.pds-checkbox input ~ .pds-checkbox__icon-container {
  pointer-events: none;
  flex-shrink: 0;
  height: 24px;
}
.pds-checkbox input ~ .pds-checkbox__box {
  pointer-events: none;
  position: absolute;
  top: 2px;
  left: 2px;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 1.5px solid var(--pds-color-border-inactive);
  border-radius: var(--pds-radius-4);
}
[dir=rtl] .pds-checkbox input ~ .pds-checkbox__box {
  right: 2px;
  left: unset;
}
.pds-checkbox input ~ .pds-checkbox__box.circle {
  pointer-events: none;
  opacity: 0;
  border-radius: var(--pds-radius-rounded);
}
.pds-checkbox input:not(:checked) ~ .pds-checkbox__icon-container {
  fill: var(--pds-color-text-primary);
}
.pds-checkbox input:not(:checked) ~ .pds-checkbox__icon-container .checkicon-check {
  stroke: var(--pds-color-text-primary);
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: stroke-dashoffset;
}
.pds-checkbox input:not(:checked) ~ .pds-checkbox__icon-container .checkicon-fill {
  opacity: 0;
  fill: var(--pds-color-text-primary);
  transition: opacity var(--pds-motion-duration-150) var(--pds-motion-easing-expressive) var(--pds-motion-duration-150);
}
.pds-checkbox input:checked ~ .pds-checkbox__icon-container .checkicon-check, .pds-checkbox input[aria-checked=mixed] ~ .pds-checkbox__icon-container .checkicon-check {
  stroke: var(--pds-color-text-primary-inverse);
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: 5000ms;
  transition-property: stroke-dashoffset;
}
.pds-checkbox input:checked ~ .pds-checkbox__icon-container .checkicon-fill, .pds-checkbox input[aria-checked=mixed] ~ .pds-checkbox__icon-container .checkicon-fill {
  opacity: 1;
  fill: var(--pds-color-element-accent);
}
.pds-checkbox input:checked ~ .pds-checkbox__icon-container .checkbox-indeterminate, .pds-checkbox input[aria-checked=mixed] ~ .pds-checkbox__icon-container .checkbox-indeterminate {
  opacity: 1;
  fill: var(--pds-color-text-secondary);
}
.pds-checkbox input:focus-visible:not(:disabled) ~ .pds-checkbox__animation, .pds-checkbox input:hover:not(:disabled) ~ .pds-checkbox__animation {
  background: var(--pds-color-element-shadow);
  box-shadow: 0 0 0 12px var(--pds-color-element-shadow);
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
}
.pds-checkbox input:not(:hover, :focus) ~ .pds-checkbox__animation {
  box-shadow: none;
  transition-timing-function: var(--pds-motion-easing-expressive);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
}
.pds-checkbox input:focus-visible ~ svg {
  border-radius: 2px;
  outline: solid 2px var(--pds-color-border-focused);
}
.pds-checkbox input:disabled ~ svg {
  cursor: not-allowed;
  color: var(--pds-color-text-primary-inverse);
}
.pds-checkbox input:disabled ~ .pds-checkbox__icon-container .checkicon-fill {
  fill: var(--pds-color-element-disabled);
}
.pds-checkbox:has(input:disabled) {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}
.pds-checkbox:has(input:disabled) .pds-checkbox__box {
  border: 1.5px solid var(--pds-color-element-disabled);
}
.pds-checkbox:has(input:disabled) input {
  cursor: not-allowed;
}

.pds-divider {
  width: 100%;
  height: 1px;
  margin: 0;
  background-color: var(--pds-color-border-tertiary);
  border: none;
}
.pds-divider--vertical {
  width: 1px;
  height: 100%;
}

:where(.pds-dropdown-menu__trigger) {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.pds-dropdown-menu__content {
  scrollbar-color: var(--pds-color-border-secondary) transparent;
  scrollbar-width: thin;
  z-index: 50;
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  overflow: hidden auto;
  box-sizing: border-box;
  width: 20rem;
  max-height: var(--radix-dropdown-menu-content-available-height);
  padding: 0 6px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-secondary);
  background-color: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
}
.pds-dropdown-menu__content::-webkit-scrollbar-track-piece:start {
  background-color: transparent;
}
.pds-dropdown-menu__content::-webkit-scrollbar-track-piece:end {
  background-color: transparent;
}
.pds-dropdown-menu__content[data-state=open] {
  animation: pds-fade-in var(--pds-motion-duration-250) ease-in, pds-zoom-in var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__content[data-state=closed] {
  animation: pds-zoom-out var(--pds-motion-duration-250) ease-out, pds-fade-out var(--pds-motion-duration-250) ease-out;
}
.pds-dropdown-menu__content[data-side=bottom] {
  animation: pds-slide-in-from-top var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__content[data-side=left] {
  animation: pds-slide-in-from-right var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__content[data-side=right] {
  animation: pds-slide-in-from-left var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__content[data-side=top] {
  animation: pds-slide-in-from-bottom var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__item {
  margin: 6px 0;
  padding: 6px 6px 6px 10px;
  cursor: pointer;
  border-radius: var(--pds-radius-8);
  outline: none;
  cursor: default;
  position: relative;
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.pds-dropdown-menu__item:hover:not([data-disabled]), .pds-dropdown-menu__item[data-highlighted] {
  background-color: var(--pds-color-element-shadow);
}
.pds-dropdown-menu__item:active {
  font: var(--pds-typography-body-1-strong);
  color: var(--pds-color-text-primary);
}
.pds-dropdown-menu__item[data-disabled] {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-dropdown-menu__item[data-inset] {
  padding-left: 2rem;
}
.pds-dropdown-menu__item svg {
  pointer-events: none;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
}
.pds-dropdown-menu__sub-content {
  z-index: 50;
  transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  overflow: hidden;
  box-sizing: border-box;
  width: 20rem;
  margin: 0 0.25rem;
  padding: 0 6px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-secondary);
  background-color: var(--pds-color-background-overlay);
  box-shadow: var(--pds-shadow-primary);
}
.pds-dropdown-menu__sub-content[data-state=open] {
  animation: pds-fade-in var(--pds-motion-duration-250) ease-in, pds-zoom-in var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__sub-content[data-state=closed] {
  animation: pds-fade-out var(--pds-motion-duration-250) ease-out, pds-zoom-out var(--pds-motion-duration-250) ease-out;
}
.pds-dropdown-menu__sub-content[data-side=bottom] {
  animation: pds-slide-in-from-top var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__sub-content[data-side=left] {
  border-radius: var(--pds-radius-8) 0 var(--pds-radius-8) var(--pds-radius-8);
  animation: pds-slide-in-from-right var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__sub-content[data-side=right] {
  border-radius: 0 var(--pds-radius-8) var(--pds-radius-8);
  animation: pds-slide-in-from-left var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__sub-content[data-side=top] {
  animation: pds-slide-in-from-bottom var(--pds-motion-duration-250) ease-in;
}
.pds-dropdown-menu__sub-trigger {
  margin: 6px 0;
  padding: 6px 6px 6px 10px;
  cursor: pointer;
  border-radius: var(--pds-radius-8);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}
.pds-dropdown-menu__sub-trigger:hover:not([data-disabled]), .pds-dropdown-menu__sub-trigger[data-highlighted], .pds-dropdown-menu__sub-trigger[data-state=open] {
  background-color: var(--pds-color-element-shadow);
}
.pds-dropdown-menu__sub-trigger[data-disabled] {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-dropdown-menu__sub-trigger[data-disabled] .pds-dropdown-menu__caret {
  color: var(--pds-color-text-disabled);
}
.pds-dropdown-menu__sub-trigger[data-inset] {
  padding-left: 2rem;
}
.pds-dropdown-menu__sub-trigger .pds-dropdown-menu__caret {
  flex-shrink: 0;
  color: var(--pds-color-text-primary);
}
.pds-dropdown-menu__sub-trigger .pds-dropdown-menu__caret--right {
  display: inline-flex;
}
.pds-dropdown-menu__sub-trigger .pds-dropdown-menu__caret--left {
  display: none;
}
[dir=rtl] .pds-dropdown-menu__sub-trigger .pds-dropdown-menu__caret--right {
  display: none;
}
[dir=rtl] .pds-dropdown-menu__sub-trigger .pds-dropdown-menu__caret--left {
  display: inline-flex;
}
.pds-dropdown-menu__checkbox-item {
  margin: 6px 0;
  padding: 6px 6px 6px 10px;
  cursor: pointer;
  border-radius: var(--pds-radius-8);
  outline: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
}
.pds-dropdown-menu__checkbox-item .pds-dropdown-menu__indicator {
  display: inline-flex;
}
.pds-dropdown-menu__checkbox-item:hover:not([data-disabled]), .pds-dropdown-menu__checkbox-item[data-highlighted] {
  background-color: var(--pds-color-element-shadow);
}
.pds-dropdown-menu__checkbox-item:active {
  font: var(--pds-typography-body-1-strong);
  color: var(--pds-color-text-primary);
}
.pds-dropdown-menu__checkbox-item[data-disabled] {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-dropdown-menu__separator {
  height: 1px;
  margin: 0 -6px;
  background-color: var(--pds-color-border-tertiary);
}
.pds-dropdown-menu__label {
  margin: 6px 0;
  padding: 6px 6px 6px 10px;
  font: var(--pds-typography-body-2);
  color: var(--pds-color-text-primary);
}
.pds-dropdown-menu__label[data-inset] {
  padding-left: 2rem;
}

.pds-form-field-messages {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.pds-form-field-messages__error-message {
  color: var(--pds-color-text-critical);
}
.pds-form-field-messages__wrapper {
  display: flex;
  gap: 8px;
  margin: 0 12px;
}
.pds-form-field-messages__start-slot {
  flex-grow: 1;
}
.pds-form-field-messages__start-slot, .pds-form-field-messages__end-slot {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font: var(--pds-typography-body-3);
  color: var(--pds-color-text-secondary);
}

.pds-icon-button {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: 0;
}
.pds-icon-button--filled {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-primary);
  border-radius: var(--pds-radius-rounded);
}
.pds-icon-button--filled:hover, .pds-icon-button--filled:active {
  background-color: var(--pds-color-element-hover);
}
.pds-icon-button--filled:disabled {
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}
.pds-icon-button--outlined {
  color: var(--pds-color-text-primary);
  border: 1px solid var(--pds-color-border-primary);
  border-radius: var(--pds-radius-rounded);
}
.pds-icon-button--outlined:hover, .pds-icon-button--outlined:active {
  border-color: var(--pds-color-border-hover);
}
.pds-icon-button--outlined:disabled {
  color: var(--pds-color-text-disabled);
  border-color: var(--pds-color-border-disabled);
}
.pds-icon-button--outlined:not(:disabled) .pds-icon-button__ripple {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1);
  display: block;
  aspect-ratio: 1/1;
  margin: 0;
  opacity: 0;
  background-color: rgba(17, 17, 17, 0.7);
  background-size: 100%;
  border-radius: var(--pds-radius-rounded);
  transition: transform 0.8s, opacity 1s;
}
.pds-icon-button--transparent {
  color: var(--pds-color-text-primary);
}
.pds-icon-button--transparent:hover, .pds-icon-button--transparent:active {
  color: var(--pds-color-text-hover);
}
.pds-icon-button--transparent:disabled {
  color: var(--pds-color-text-disabled);
}
.pds-icon-button--transparent:not(:disabled) .pds-icon-button__ripple {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1);
  display: block;
  aspect-ratio: 1/1;
  margin: 0;
  opacity: 0;
  background-color: rgba(17, 17, 17, 0.7);
  background-size: 100%;
  border-radius: var(--pds-radius-rounded);
  transition: transform 0.8s, opacity 1s;
}
.pds-icon-button--xs {
  width: 32px;
  height: 32px;
}
.pds-icon-button--s {
  width: 36px;
  height: 36px;
}
.pds-icon-button--m {
  width: 48px;
  height: 48px;
}
.pds-icon-button--l {
  width: 60px;
  height: 60px;
}
.pds-icon-button:not(:disabled) .pds-icon-button__ripple {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform-origin: center center;
  transform: translate3d(0, 0, 0) scale(1);
  display: block;
  aspect-ratio: 1/1;
  margin: 0;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.7);
  background-size: 100%;
  border-radius: var(--pds-radius-rounded);
  transition: transform 0.8s, opacity 1s;
  pointer-events: none;
}
.pds-icon-button:active .pds-icon-button__ripple {
  transform: translate3d(0, 0, 0) scale(0);
  opacity: 0.5;
  transition: 0s;
}
.pds-icon-button:disabled {
  cursor: not-allowed;
}

.pds-link {
  text-decoration: none;
}
:where(.pds-link) {
  margin: 0;
  background-color: transparent;
  border: none;
}
.pds-link--underline {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.pds-modal {
  position: fixed;
  z-index: 50;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  flex-direction: column;
  box-sizing: border-box;
  max-width: calc(100% - 48px);
  max-height: 100vh;
  padding: 48px;
  font: var(--pds-typography-body-2);
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-background-primary);
  border-radius: var(--pds-radius-24);
  transition-duration: var(--pds-motion-duration-250);
}
.pds-modal[data-state=open] {
  animation: pds-zoom-in;
}
.pds-modal[data-state=closed] {
  animation: pds-zoom-out;
}
.pds-modal__content {
  overflow-y: auto;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
}
:where(.pds-modal__title) {
  margin: 0 0 24px;
  font: var(--pds-typography-title-3);
  text-wrap: pretty;
}
:where(.pds-modal__trigger) {
  cursor: pointer;
  margin: 0;
  border: none;
}
.pds-modal__close {
  float: inline-end;
}
:where(.pds-modal__close) {
  cursor: pointer;
  margin: 0;
  border: none;
}
.pds-modal__close:focus-visible {
  outline: solid 2px var(--pds-color-border-focused);
  outline-offset: -2px;
}
.pds-modal__footer {
  display: flex;
  justify-content: flex-end;
  padding-top: 24px;
}
.pds-modal--small {
  width: 33%;
  min-width: min(360px, 100vw - 48px);
  max-width: 700px;
}
.pds-modal--medium {
  width: 50%;
  min-width: min(640px, 100vw - 48px);
  max-width: 1000px;
}
.pds-modal--full {
  width: calc(100vw - 48px);
  max-width: calc(100vw - 48px);
}

.pds-scrim {
  position: absolute;
  z-index: 50;
  inset: 0;
  overflow-y: auto;
  display: grid;
  place-items: center;
  width: 100vw;
  background-color: var(--pds-color-background-scrim);
  animation: pds-fade-in var(--pds-motion-duration-250) ease-in-out;
}

.pds-popover {
  z-index: 50;
  transform-origin: var(--radix-tooltip-content-transform-origin);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 450px;
  padding: 20px;
  font: var(--pds-typography-body-2);
  color: var(--pds-color-text-primary);
  text-wrap: pretty;
  background-color: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
  animation: pds-fade-in var(--pds-motion-duration-250) ease-in, pds-zoom-in var(--pds-motion-duration-250) ease-in;
}
:where(.pds-popover__trigger) {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.pds-popover[data-state=closed] {
  animation: pds-fade-out var(--pds-motion-duration-250) ease-out, pds-zoom-out var(--pds-motion-duration-250) ease-out;
}
.pds-popover[data-side=bottom] {
  animation: pds-slide-in-from-top var(--pds-motion-duration-250) ease-in;
}
.pds-popover[data-side=left] {
  animation: pds-slide-in-from-right var(--pds-motion-duration-250) ease-in;
}
.pds-popover[data-side=right] {
  animation: pds-slide-in-from-left var(--pds-motion-duration-250) ease-in;
}
.pds-popover[data-side=top] {
  animation: pds-slide-in-from-bottom var(--pds-motion-duration-250) ease-in;
}
.pds-popover__header {
  display: flex;
  gap: 8px;
}
.pds-popover__title {
  flex: 1;
  margin: 0 0 4px;
  font: var(--pds-typography-body-1-strong);
  text-wrap: pretty;
}
.pds-popover__body-text {
  margin: 0 0 4px;
  font: var(--pds-typography-body-2);
  text-wrap: pretty;
}
.pds-popover__footer {
  margin-top: 12px;
}
.pds-popover__close {
  transform: translateY(-6px);
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
:where(.pds-popover__close) {
  cursor: pointer;
  margin: 0;
  border: none;
}
.pds-popover__arrow {
  display: none;
}

.pds-radio-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.pds-radio-group--horizontal {
  flex-flow: row wrap;
}

.pds-radio {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
}
[dir=rtl] .pds-radio {
  margin-inline-end: 8px;
}
.pds-radio svg {
  pointer-events: none;
  position: relative;
  flex-shrink: 0;
  color: var(--pds-color-border-inactive);
  border-radius: var(--pds-radius-rounded);
}
.pds-radio svg .radio-fill {
  transform-origin: 42% 42%;
  transform: scale(0);
  transition-timing-function: var(--pds-motion-easing-expressive);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: transform;
}
.pds-radio input {
  cursor: pointer;
  position: absolute;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin: 0;
  opacity: 0;
}
.pds-radio input ~ .pds-radio__animation {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 3px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: transparent;
  border-radius: var(--pds-radius-rounded);
}
[dir=rtl] .pds-radio input ~ .pds-radio__animation {
  right: 3px;
  left: auto;
}
.pds-radio input:checked ~ svg {
  color: var(--pds-color-text-primary);
}
.pds-radio input:checked ~ svg .radio-fill {
  transform: scale(1);
}
.pds-radio input:focus-visible:not(:disabled) ~ .pds-radio__animation, .pds-radio input:focus:not(:disabled) ~ .pds-radio__animation, .pds-radio input:hover:not(:disabled) ~ .pds-radio__animation {
  background: var(--pds-color-element-shadow);
  box-shadow: 0 0 0 12px var(--pds-color-element-shadow);
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
}
.pds-radio input:not(:hover) ~ .pds-radio__animation, .pds-radio input:not(:focus) ~ .pds-radio__animation {
  box-shadow: none;
  transition-timing-function: var(--pds-motion-easing-expressive);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
}
.pds-radio input:disabled {
  cursor: not-allowed;
}
.pds-radio input:disabled ~ svg {
  color: var(--pds-color-border-disabled);
}
.pds-radio:has(input:disabled) {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}
.pds-radio:has(input:disabled) input {
  cursor: not-allowed;
}

.pds-search {
  position: relative;
  display: flex;
  flex-grow: 1;
  gap: 6px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding-inline: 12px 8px;
  background-color: var(--pds-color-element-secondary);
  border-radius: var(--pds-radius-24);
}
.pds-search:hover:not(.pds-search:focus-within) {
  background-color: var(--pds-color-element-secondary-hover);
}
.pds-search__input {
  width: 100%;
  padding: 6px 0;
  font: var(--pds-typography-body-1-strong);
  color: var(--pds-color-text-primary);
  background-color: transparent;
  border: none;
  outline: none;
}
.pds-search__input::-moz-placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-search__input::placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-search__input:hover, .pds-search__input:focus {
  border-color: transparent;
}
.pds-search__before, .pds-search__after {
  flex-shrink: 0;
  font-size: 16px;
  color: var(--pds-color-text-primary);
}
.pds-search__after svg {
  width: 100%;
  height: 100%;
}

/* ===========================================
   Floating-label Select (TextField parity)
   =========================================== */
.pds-select {
  position: relative;
  box-sizing: border-box;
  width: 280px; /* Fixed width to prevent layout shifts */
  margin: 6px 0 0;
  padding: 0 12px;
}
.pds-select__label {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font: var(--pds-typography-body-1);
  line-height: 1.2;
  color: var(--pds-color-text-secondary);
  text-wrap: nowrap;
  transition: all var(--pds-motion-duration-250) ease;
}
.pds-select__border {
  pointer-events: none;
  position: absolute;
  z-index: 0;
  inset: 0;
  display: grid;
  grid-template-columns: 10px minmax(auto, max-content) minmax(10px, 1fr);
  grid-template-rows: 1fr;
  border-color: var(--pds-color-border-primary);
  transition: border var(--pds-motion-duration-250) ease;
}
.pds-select__border::after {
  content: attr(data-label) " ";
  grid-column: 2;
  grid-row: 1;
  padding: 0 2px;
  font-size: 12px;
  white-space: pre-wrap;
  visibility: hidden; /* reserves notch space */
}
.pds-select__border:has(~ input:focus), .pds-select__border:hover {
  border-color: var(--pds-color-border-active);
}
.pds-select__border-left {
  grid-column: 1;
  grid-row: 1;
  border: 1px solid;
  border-color: inherit;
  border-right: none;
  border-radius: var(--pds-radius-8) 0 0 var(--pds-radius-8);
}
.pds-select__border-center {
  grid-column: 2;
  grid-row: 1;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  transition: border-top-color var(--pds-motion-duration-250) ease;
}
.pds-select__border-right {
  grid-column: 3;
  grid-row: 1;
  min-width: 10px; /* Ensure right border is always visible */
  border: 1px solid;
  border-color: inherit;
  border-left: none;
  border-radius: 0 var(--pds-radius-8) var(--pds-radius-8) 0;
}
.pds-select__trigger {
  cursor: pointer;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 56px;
  padding: 8px 0;
  font-size: 1rem;
  color: var(--pds-color-text-primary);
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
}
.pds-select__trigger:focus-visible {
  outline: none;
}
.pds-select__trigger {
  /* Hide placeholder until label is raised/focused */
}
.pds-select__trigger .pds-select__placeholder {
  color: transparent;
}
.pds-select__trigger[data-disabled] {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}
.pds-select__value {
  overflow: hidden; /* Prevent overflow */
  display: inline-flex;
  flex-wrap: nowrap; /* Prevent wrapping */
  gap: 6px;
  align-items: center;
  min-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pds-select.pds-select--multi .pds-select__trigger {
  overflow: hidden; /* Hide overflow content */
  max-height: 56px; /* Match min-height to prevent growth */
}
.pds-select__icons {
  pointer-events: none;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  transition: transform var(--pds-motion-duration-250) ease-in-out;
}
.pds-select__icons button {
  pointer-events: auto;
}
.pds-select__trigger[data-state=open] .pds-select__icons {
  transform: rotate(180deg);
}
.pds-select__clear {
  pointer-events: auto;
  cursor: pointer;
  padding: 4px;
  color: var(--pds-color-text-primary);
  background: none;
  border: none;
  border-radius: 6px;
}
.pds-select__clear:hover {
  background: none;
}
.pds-select__chevron, .pds-select__icon, .pds-select__caret {
  pointer-events: none;
  display: flex;
  opacity: 0.7;
}
.pds-select:hover .pds-select__border {
  border-color: var(--pds-color-border-active);
}
.pds-select:has(.pds-select__trigger:focus-visible):not(.pds-select.is-invalid) .pds-select__border {
  border-color: var(--pds-color-border-focused);
}
.pds-select.pds-select--focused .pds-select__placeholder, .pds-select.pds-select--raised-label .pds-select__placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-select.pds-select--focused .pds-select__label, .pds-select.pds-select--raised-label .pds-select__label {
  top: 0;
  inset-inline-start: 12px;
  /* Pin bottom to border, then move down by half a line.
  Ensures multi-line labels stack up */
  transform: translateY(calc(-92% + 0.5lh + var(--label-nudge, 0px)));
  /* Prevent text overflow when label is raised */
  max-width: calc(100% - 24px); /* Account for left/right padding */
  padding: 2px 0;
  font-size: 12px;
  line-height: 1.1;
  /* Ensure proper spacing for multi-line labels */
  hyphens: auto;
  text-wrap: wrap;
  word-break: break-word;
  vertical-align: bottom;
}
.pds-select.pds-select--focused .pds-select__border-center, .pds-select.pds-select--raised-label .pds-select__border-center, .pds-select.pds-select--raised-label.is-invalid .pds-select__border-center {
  border-top-color: transparent; /* creates the notch */
}
.pds-select {
  /* Disabled state on multi-select */
}
.pds-select.is-disabled {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
  /* Ensures the options are cursor none */
}
.pds-select.is-disabled .pds-select__trigger {
  cursor: not-allowed;
}
.pds-select.is-disabled .pds-select__label {
  color: var(--pds-color-text-disabled);
}
.pds-select.is-disabled .pds-select__icons,
.pds-select.is-disabled .pds-select__chevron,
.pds-select.is-disabled .pds-select__icon,
.pds-select.is-disabled .pds-select__caret {
  color: var(--pds-color-text-disabled);
  opacity: 0.5;
}
.pds-select.is-disabled .pds-select__border {
  border-color: var(--pds-color-border-disabled);
}
.pds-select.is-disabled .pds-tag {
  color: var(--pds-color-text-disabled);
  background: var(--pds-color-element-disabled);
}
.pds-select.is-disabled .pds-tag__remove {
  pointer-events: none;
  color: var(--pds-color-text-disabled);
}
.pds-select.is-invalid .pds-select__label {
  color: var(--pds-color-text-critical);
}
.pds-select.is-invalid .pds-select__border, .pds-select.is-invalid:hover .pds-select__border, .pds-select.is-invalid .pds-select__border-center {
  border-color: var(--pds-color-border-critical);
}
.pds-select.is-invalid .pds-select__icons {
  color: var(--pds-color-text-critical);
}
.pds-select.pds-select--fluid {
  width: 100%;
  min-width: 280px; /* Use the same base width as minimum */
}
.pds-select.pds-select--fluid .pds-select__content {
  width: var(--radix-select-trigger-width);
  min-width: var(--radix-select-trigger-width, 280px);
}
.pds-select.pds-select--fluid .pds-multiselect__content {
  width: var(--radix-popover-trigger-width);
  min-width: var(--radix-popover-trigger-width, 280px);
}

/* ===========================================
   Dropdown panel (Radix Single-Select)
   =========================================== */
.pds-select__content {
  position: absolute;
  z-index: 1000;
  left: -10px;
  display: flex;
  flex-direction: column;
  width: 280px; /* Match the fixed container width exactly */
  max-height: 336px; /* Set overall max height */
  background: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
}

.pds-select__scrollable-content {
  overflow: hidden auto; /* Only vertical scrolling */
  flex: 1; /* Takes up available space */
  min-height: 0; /* Allow flex shrinking */
  /* Ensure viewport doesn't exceed container minus clear section */
  max-height: 286px; /* Account for clear section + padding */
  padding: 6px 6px 0; /* Padding for dropdown items, no bottom padding */
}

.pds-select__group-label {
  padding: 6px 6px 6px 10px;
  font: var(--pds-typography-body-1);
  font-size: 14px;
  color: var(--pds-color-text-secondary);
}

.pds-select__item {
  cursor: pointer;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: center;
  margin: 6px 0;
  padding: 6px 6px 6px 10px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-secondary);
  border-radius: var(--pds-radius-8);
}
.pds-select__item[data-state=checked] {
  color: var(--pds-color-text-primary);
}
.pds-select__item[data-highlighted] {
  padding: 6px 6px 6px 10px;
  background: var(--pds-color-element-shadow);
  outline: none;
  /* Override clear button hover for single select */
}
.pds-select__item[data-highlighted] .pds-select__clear-button {
  background: none;
}
.pds-select__item--clear:focus-visible {
  background: var(--pds-color-element-shadow);
  border-radius: var(--pds-radius-8);
  outline: none;
  /* Override clear button focus-visible for single select */
}
.pds-select__item--clear:focus-visible .pds-select__clear-button {
  background: none;
}
.pds-select__item[data-disabled] {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
  background-color: var(--pds-color-element-disabled);
}

.pds-select__item-text {
  display: inline;
  font: var(--pds-typography-body-1);
}

.pds-select__indicator {
  display: inline-flex;
}

/* ===========================================
   Dropdown panel (Multi-Select)
   =========================================== */
.pds-multiselect__content {
  position: absolute;
  z-index: 1000;
  left: -10px;
  display: flex;
  flex-direction: column;
  width: 280px; /* Match the fixed container width exactly */
  max-height: 336px; /* Set overall max height */
  background: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
}

.pds-multiselect__list {
  overflow: hidden auto; /* Only vertical scrolling within viewport */
  flex: 1; /* Takes up available space */
  min-height: 0; /* Allow flex shrinking */
  /* Ensure viewport doesn't exceed container minus clear section */
  max-height: 286px; /* Account for clear section + padding */
  /* Add padding for dropdown items */
  padding: 6px 6px 0;
  outline: none;
}

.pds-multiselect__group-label {
  padding: 6px 6px 6px 10px;
  font: var(--pds-typography-body-1);
  font-size: 14px;
  color: var(--pds-color-text-secondary);
}

/* ===========================================
   Clear Selection
   =========================================== */
/* Clear Selection option at bottom of dropdown */
.pds-select__clear-option {
  /* Sticky positioning at the bottom */
  position: sticky;
  z-index: 1000; /* Ensure it stays above scrolling content */
  bottom: 0;
  flex-shrink: 0; /* Don't allow this section to shrink */
  padding: 6px;
  background: var(--pds-color-background-overlay);
  border-top: 1px solid var(--pds-color-border-tertiary);
  border-radius: 0 0 var(--pds-radius-8) var(--pds-radius-8); /* Round bottom corners */
}

.pds-select__clear-button {
  cursor: pointer;
  width: 100%;
  padding: 6px 6px 6px 10px;
  font: var(--pds-typography-body-2-strong);
  color: var(--pds-color-text-primary);
  text-align: left;
  background: transparent;
  border: none;
}
.pds-select__clear-button:hover, .pds-select__clear-button:focus-visible {
  padding: 6px 6px 6px 10px;
  background: var(--pds-color-element-shadow);
  border-radius: var(--pds-radius-8);
  outline: none;
}

/* ===========================================
   RTL support
   =========================================== */
*:where([dir=rtl]) .pds-select__border-right {
  grid-column: 1;
}
*:where([dir=rtl]) .pds-select__border-left {
  grid-column: 3;
}
*:where([dir=rtl]) .pds-select__border-center {
  grid-column: 2;
}
*:where([dir=rtl]) .pds-select__label {
  right: 12px;
  left: unset;
}
*:where([dir=rtl]) .pds-select.pds-select--focused .pds-select__label, *:where([dir=rtl]) .pds-select.pds-select--raised-label .pds-select__label {
  right: 12px;
  left: unset;
  max-width: calc(100% - 24px); /* Same overflow protection for RTL */
}
*:where([dir=rtl]) .pds-select__trigger {
  grid-template-columns: auto 1fr; /* Swap: icons first, then text */
  text-align: right; /* Right-align text for RTL */
}
*:where([dir=rtl]) .pds-select__content {
  right: -10px;
  left: unset;
}
*:where([dir=rtl]) .pds-multiselect__content {
  right: -10px;
  left: unset;
}

/* ===========================================
   Tags inside the Select
   =========================================== */
/* chips inside the trigger */
.pds-select__tags {
  /* Hide scrollbar while maintaining scroll functionality */
  scrollbar-width: none; /* Firefox */
  overflow: auto hidden; /* Allow horizontal scrolling */ /* Prevent vertical scrolling */
  display: inline-flex;
  flex-wrap: nowrap; /* Prevent wrapping to keep single row */
  gap: 6px;
  align-items: center;
  max-width: 100%;
  -ms-overflow-style: none; /* Internet Explorer 10+ */
}
.pds-select__tags::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

.pds-tag {
  overflow: hidden;
  display: inline-flex;
  flex-shrink: 0; /* Prevent tags from shrinking */
  gap: 6px;
  align-items: center;
  max-width: 140px;
  height: 20px;
  padding: 6px 8px 6px 12px;
  font-size: 1rem;
  line-height: 1;
  color: var(--pds-color-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--pds-color-element-shadow);
  border-radius: var(--pds-radius-rounded);
}

.pds-tag--overflow {
  color: var(--pds-color-text-primary);
}

.pds-tag__remove {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--pds-color-text-secondary);
  background: transparent;
  border: 0;
}
.pds-tag__remove:hover {
  opacity: 0.8;
}
.pds-tag__remove:focus-visible, .pds-tag__remove:focus {
  outline: solid 2px var(--pds-color-border-focused);
  border-radius: 2px;
  outline-offset: 2px;
}

.pds-sheet {
  position: fixed;
  z-index: 50;
  inset: auto 0 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  max-width: 959px;
  max-height: 90vh;
  margin: 0 auto;
  padding: 24px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-background-primary);
  border: 1px solid var(--pds-color-border-tertiary);
  border-bottom: none;
  border-inline: none;
  border-radius: var(--pds-radius-24) var(--pds-radius-24) 0 0;
  transition: none;
}
.pds-sheet::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 99% 0 auto;
  height: 100vh;
  background-color: var(--pds-color-background-primary);
}
.pds-sheet__drag-handle {
  position: absolute;
  inset: 12px auto auto 50%;
  transform: translateX(-50%);
  width: 36px;
  height: 4px;
  background-color: var(--pds-color-border-secondary);
  border-radius: var(--pds-radius-rounded);
  transition: opacity var(--pds-motion-duration-250) ease;
}
.pds-sheet__drag-handle:hover {
  cursor: pointer;
}
:where(.pds-sheet__title) {
  margin: 0;
  font: var(--pds-typography-title-3);
  text-wrap: pretty;
}
.pds-sheet--dragging {
  transition: none !important;
}
.pds-sheet--dragging * {
  pointer-events: none;
}
.pds-sheet--dragging .pds-sheet__drag-handle {
  opacity: 1;
}
.pds-sheet--full-height {
  height: 100vh;
  max-height: 100vh;
  border-radius: 0;
}
.pds-sheet__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}
.pds-sheet__drag-handle ~ .pds-sheet__content {
  padding-top: 12px;
}
.pds-sheet__header {
  position: relative;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pds-sheet__body {
  scrollbar-color: var(--pds-color-border-secondary) transparent;
  scrollbar-width: thin;
  overflow: hidden auto;
  flex: 1;
}
.pds-sheet__body::-webkit-scrollbar {
  width: 6px;
}
.pds-sheet__body::-webkit-scrollbar-track {
  background: transparent;
}
.pds-sheet__body::-webkit-scrollbar-thumb {
  background-color: var(--pds-color-border-secondary);
  border-radius: var(--pds-radius-3);
}
.pds-sheet__body::-webkit-scrollbar-thumb:hover {
  background-color: var(--pds-color-border-primary);
}
.pds-sheet__footer {
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: flex-end;
  margin-top: 12px;
  padding-top: 12px;
}
.pds-sheet__scrim {
  z-index: 49;
  background-color: rgba(0, 0, 0, 0.5);
  transition: opacity var(--pds-motion-duration-300) ease-out;
}
.pds-sheet__scrim--closing {
  opacity: 0;
  transition: opacity var(--pds-motion-duration-400) var(--pds-motion-easing-functional);
}

.pds-drawer {
  position: fixed;
  z-index: 50;
  top: 0;
  display: flex;
  flex-direction: column;
  width: var(--pds-drawer-width, 360px);
  max-width: 100vw;
  height: 100vh;
  background-color: var(--pds-color-background-primary);
}
.pds-drawer--right {
  right: 0;
}
.pds-drawer--right[data-state=open] {
  animation: pds-slide-in-from-right-full var(--pds-motion-duration-300) var(--pds-motion-easing-functional);
}
.pds-drawer--right[data-state=closed] {
  animation: pds-slide-out-to-right-full var(--pds-motion-duration-250) var(--pds-motion-easing-functional);
}
.pds-drawer--left {
  left: 0;
}
.pds-drawer--left[data-state=open] {
  animation: pds-slide-in-from-left-full var(--pds-motion-duration-300) var(--pds-motion-easing-functional);
}
.pds-drawer--left[data-state=closed] {
  animation: pds-slide-out-to-left-full var(--pds-motion-duration-250) var(--pds-motion-easing-functional);
}
.pds-drawer--persistent {
  box-shadow: var(--pds-shadow-primary);
}
.pds-drawer__content {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.pds-drawer__header {
  position: relative;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: space-between;
  padding: 36px 24px 0 36px;
}
.pds-drawer__close {
  flex-shrink: 0;
}
:where(.pds-drawer__close) {
  cursor: pointer;
  margin: 0;
  border: none;
}
:where(.pds-drawer__title) {
  margin: 0;
  padding-right: 8px;
  font: var(--pds-typography-title-3);
  color: var(--pds-color-text-primary);
  text-wrap: pretty;
}
.pds-drawer__body {
  overflow-y: auto;
  flex: 1;
  padding: 36px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
}
.pds-drawer__footer {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
  padding: 24px 36px;
}
:where(.pds-drawer__trigger) {
  cursor: pointer;
  margin: 0;
  border: none;
}
.pds-drawer__scrim[data-state=open] {
  animation: pds-fade-in var(--pds-motion-duration-250) ease-out;
}
.pds-drawer__scrim[data-state=closed] {
  animation: pds-fade-out var(--pds-motion-duration-250) ease-in;
}
@media (width < 600px) {
  .pds-drawer {
    width: 100vw;
    max-width: calc(100vw - 48px);
  }
}

.pds-skeleton {
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--pds-color-gray-500);
  animation: pds-pulse 1500ms ease-in-out infinite;
}

.pds-skip-link {
  position: absolute;
}
.pds-skip-link:not(:focus, :active) {
  overflow: hidden;
  width: 1px;
  height: 1px;
}
.pds-skip-link:focus,
.pds-skip-link :active {
  cursor: pointer;
  z-index: 10;
  left: 0;
  min-height: 26px;
  margin: 5px 0 0 10px;
  padding: 0 10px;
  font: var(--pds-typography-body-1-strong);
  line-height: 26px;
  color: var(--pds-color-text-primary);
  text-decoration: none;
  background-color: var(--pds-color-background-primary);
}

.pds-spinner {
  cursor: wait;
  border: 2px solid var(--pds-color-border-disabled);
  border-left: 2px solid var(--pds-color-element-accent);
  border-radius: var(--pds-radius-rounded);
  animation: pds-spin var(--pds-motion-duration-400) linear infinite;
}
.pds-spinner--small {
  width: 24px;
  height: 24px;
}
.pds-spinner--medium {
  width: 32px;
  height: 32px;
}
.pds-spinner--large {
  width: 48px;
  height: 48px;
}

.pds-stack {
  display: flex;
  flex-direction: column;
}
.pds-stack--inline {
  display: inline-flex;
}
.pds-stack--horizontal {
  flex-direction: row;
}
.pds-stack--horizontal:has(> .pds-divider) {
  height: 100%;
}
.pds-stack--wrap {
  flex-wrap: wrap;
}
.pds-stack--gap-xs {
  gap: var(--pds-space-4);
}
.pds-stack--gap-s {
  gap: var(--pds-space-8);
}
.pds-stack--gap-m {
  gap: var(--pds-space-16);
}
.pds-stack--gap-l {
  gap: var(--pds-space-24);
}
.pds-stack--gap-xl {
  gap: var(--pds-space-32);
}
.pds-stack--align-start {
  align-items: flex-start;
}
.pds-stack--align-center {
  align-items: center;
}
.pds-stack--align-end {
  align-items: flex-end;
}
.pds-stack--align-stretch {
  align-items: stretch;
}
.pds-stack--align-baseline {
  align-items: baseline;
}
.pds-stack--justify-start {
  justify-content: flex-start;
}
.pds-stack--justify-center {
  justify-content: center;
}
.pds-stack--justify-end {
  justify-content: flex-end;
}
.pds-stack--justify-between {
  justify-content: space-between;
}
.pds-stack--justify-around {
  justify-content: space-around;
}
.pds-stack--justify-evenly {
  justify-content: space-evenly;
}
.pds-stack--justify-stretch {
  justify-content: stretch;
}
.pds-stack--justify-normal {
  justify-content: normal;
}
.pds-stack__spacer {
  flex: 1;
  width: 100%;
  height: 100%;
}

.pds-tabs {
  display: flex;
  flex-direction: column;
  gap: 8px;
  justify-content: start;
}
.pds-tabs__list {
  display: inline-flex;
  flex-wrap: wrap;
  align-self: start;
}
.pds-tabs__list--overlay {
  background-color: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
}
.pds-tabs__trigger {
  cursor: pointer;
  padding: 7px 16px 9px;
  font: var(--pds-typography-body-1-strong);
  color: var(--pds-color-text-secondary);
  background-color: transparent;
  border: none;
}
.pds-tabs__trigger:hover {
  color: var(--pds-color-text-primary);
}
.pds-tabs__trigger[data-state=active]:not(.pds-tabs__trigger--overlay) {
  position: relative;
  color: var(--pds-color-text-primary);
}
.pds-tabs__trigger[data-state=active]:not(.pds-tabs__trigger--overlay)::before {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 3px;
  left: 16px;
  height: 3px;
  background-color: var(--pds-color-border-active);
}
.pds-tabs__trigger:focus-visible {
  outline: solid 2px var(--pds-color-border-focused);
}
.pds-tabs__trigger:disabled {
  pointer-events: none;
  color: var(--pds-color-text-disabled);
}
.pds-tabs__trigger--overlay {
  padding: 9px 16px 10px;
  font: var(--pds-typography-body-2-strong);
}
.pds-tabs__trigger--overlay[data-state=active] {
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-element-shadow);
  border-radius: var(--pds-radius-8);
}
.pds-tabs__content {
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
}

.pds-text-area {
  position: relative;
  box-sizing: border-box;
  margin: 6px 0 0;
  line-height: 0;
  border-radius: var(--pds-radius-8);
}
.pds-text-area__label {
  pointer-events: none;
  position: absolute;
  top: 16px;
  left: 12px;
  transform: translateY(0);
  font: var(--pds-typography-body-1);
  line-height: 1;
  color: var(--pds-color-text-secondary);
  text-wrap: nowrap;
  transition: all var(--pds-motion-duration-250) ease;
}
.pds-text-area__label :where(*) {
  color: var(--pds-color-text-secondary);
}
.pds-text-area__border {
  pointer-events: none;
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 10px auto 1fr;
  grid-template-rows: 1fr;
  border-color: var(--pds-color-border-primary);
  transition: border var(--pds-motion-duration-250) ease;
}
.pds-text-area__border::after {
  content: attr(data-label) " ";
  grid-column: 2;
  grid-row: 1;
  padding: 0 2px;
  font-size: 12px;
  white-space: pre-wrap;
  visibility: hidden;
}
.pds-text-area__border-right {
  grid-column: 3;
  grid-row: 1;
  border: solid 1px;
  border-color: inherit;
  border-left: none;
  border-radius: 0 var(--pds-radius-8) var(--pds-radius-8) 0;
}
.pds-text-area__border-left {
  grid-column: 1;
  grid-row: 1;
  border: solid 1px;
  border-color: inherit;
  border-right: none;
  border-radius: var(--pds-radius-8) 0 0 var(--pds-radius-8);
}
.pds-text-area__border-center {
  grid-column: 2;
  grid-row: 1;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.pds-text-area__input {
  resize: none;
  scrollbar-color: var(--pds-color-border-secondary) transparent;
  scrollbar-width: thin;
  box-sizing: border-box;
  width: 100%;
  margin-block: 12px;
  padding-block: 4px;
  padding-inline: 12px;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
  background-color: transparent;
  border: 1px transparent solid;
  outline: none;
}
.pds-text-area__input::-moz-placeholder {
  color: transparent;
}
.pds-text-area__input::placeholder {
  color: transparent;
}
.pds-text-area--auto-resize .pds-text-area__input {
  overflow-y: auto;
  height: auto;
  min-height: calc(var(--min-rows) * 1.5em + 32px);
  max-height: calc(var(--max-rows) * 1.5em + 32px);
  field-sizing: content;
}
@supports not (field-sizing: content) {
  .pds-text-area--auto-resize .pds-text-area__input {
    resize: vertical;
  }
}
.pds-text-area--focused .pds-text-area__input::-moz-placeholder, .pds-text-area--raised-label .pds-text-area__input::-moz-placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-text-area--focused .pds-text-area__input::placeholder, .pds-text-area--raised-label .pds-text-area__input::placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-text-area--focused .pds-text-area__label, .pds-text-area--raised-label .pds-text-area__label {
  position: absolute;
  top: 0;
  left: 12px;
  transform: translateY(-50%);
  font-size: 12px;
}
.pds-text-area--focused .pds-text-area__border-center, .pds-text-area--raised-label .pds-text-area__border-center {
  border-top: solid 1px transparent;
}
.pds-text-area:hover .pds-text-area__border {
  border-color: var(--pds-color-border-active);
}
.pds-text-area:has(.pds-text-area__input:focus-visible):not(.pds-text-area--error) .pds-text-area__border {
  border-color: var(--pds-color-border-focused);
}
.pds-text-area--disabled {
  cursor: not-allowed;
}
.pds-text-area--disabled .pds-text-area__border, .pds-text-area--disabled:hover .pds-text-area__border {
  border-color: var(--pds-color-border-disabled);
}
.pds-text-area--disabled .pds-text-area__input {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}
.pds-text-area--error .pds-text-area__label {
  color: var(--pds-color-border-critical);
}
.pds-text-area--error .pds-text-area__border, .pds-text-area--error:hover .pds-text-area__border {
  border-color: var(--pds-color-border-critical);
}

*:where([dir=rtl]) .pds-text-area__border-right {
  grid-column: 1;
}
*:where([dir=rtl]) .pds-text-area__border-left {
  grid-column: 3;
}
*:where([dir=rtl]) .pds-text-area__border-center {
  grid-column: 2;
}
*:where([dir=rtl]) .pds-text-area__label {
  right: 12px;
  left: unset;
}
*:where([dir=rtl]) .pds-text-area--focused .pds-text-area__label, *:where([dir=rtl]) .pds-text-area--raised-label .pds-text-area__label {
  right: 12px;
  left: unset;
}

.pds-text-field {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  box-sizing: border-box;
  margin: 6px 0 0;
  padding: 0 12px;
}
.pds-text-field__prefix {
  margin-right: -6px;
  font: var(--pds-typography-body-1);
  line-height: 1;
  color: var(--pds-color-text-secondary);
  text-wrap: nowrap;
}
.pds-text-field__suffix {
  font: var(--pds-typography-body-1);
  line-height: 1;
  color: var(--pds-color-text-secondary);
  text-wrap: nowrap;
}
.pds-text-field__icon {
  line-height: 0;
}
.pds-text-field__icon > .pds-icon-button--transparent {
  width: unset;
}
.pds-text-field__label {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  font: var(--pds-typography-body-1);
  line-height: 1;
  color: var(--pds-color-text-secondary);
  text-wrap: nowrap;
  transition: all var(--pds-motion-duration-250) ease;
}
.pds-text-field__label :where(*) {
  color: var(--pds-color-text-secondary);
}
.pds-text-field__border {
  pointer-events: none;
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 10px auto 1fr;
  grid-template-rows: 1fr;
  border-color: var(--pds-color-border-primary);
  transition: border var(--pds-motion-duration-250) ease;
}
.pds-text-field__border::after {
  content: attr(data-label) " ";
  grid-column: 2;
  grid-row: 1;
  padding: 0 2px;
  font-size: 12px;
  white-space: pre-wrap;
  visibility: hidden;
}
.pds-text-field__border:has(~ input:focus), .pds-text-field__border:hover {
  border-color: var(--pds-color-border-active);
}
.pds-text-field__border-right {
  grid-column: 3;
  grid-row: 1;
  border: solid 1px;
  border-color: inherit;
  border-left: none;
  border-radius: 0 var(--pds-radius-8) var(--pds-radius-8) 0;
}
.pds-text-field__border-left {
  grid-column: 1;
  grid-row: 1;
  border: solid 1px;
  border-color: inherit;
  border-right: none;
  border-radius: var(--pds-radius-8) 0 0 var(--pds-radius-8);
}
.pds-text-field__border-center {
  grid-column: 2;
  grid-row: 1;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 1px;
  border-bottom-color: inherit;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.pds-text-field__input {
  box-sizing: border-box;
  width: 100%;
  padding: 16px 0;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
  color-scheme: var(--pds-color-scheme);
  background-color: transparent;
  border: 1px transparent solid;
  outline: none;
}
.pds-text-field__input::-moz-placeholder {
  color: transparent;
}
.pds-text-field__input::placeholder {
  color: transparent;
}
.pds-text-field__input::-webkit-datetime-edit-fields-wrapper, .pds-text-field__input::-webkit-datetime-edit-text, .pds-text-field__input::-webkit-datetime-edit-month-field, .pds-text-field__input::-webkit-datetime-edit-day-field, .pds-text-field__input::-webkit-datetime-edit-year-field, .pds-text-field__input::-webkit-datetime-edit-hour-field, .pds-text-field__input::-webkit-datetime-edit-minute-field, .pds-text-field__input::-webkit-datetime-edit-second-field, .pds-text-field__input::-webkit-datetime-edit-millisecond-field, .pds-text-field__input::-webkit-datetime-edit-meridiem-field {
  cursor: pointer;
}
.pds-text-field--focused .pds-text-field__input::-moz-placeholder, .pds-text-field--raised-label .pds-text-field__input::-moz-placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-text-field--focused .pds-text-field__input::placeholder, .pds-text-field--raised-label .pds-text-field__input::placeholder {
  color: var(--pds-color-text-secondary);
}
.pds-text-field--focused .pds-text-field__label, .pds-text-field--raised-label .pds-text-field__label {
  position: absolute;
  top: 0;
  left: 12px;
  transform: translateY(-50%);
  font-size: 12px;
}
.pds-text-field--focused .pds-text-field__border-center, .pds-text-field--raised-label .pds-text-field__border-center {
  border-top: solid 1px transparent;
}
.pds-text-field:hover .pds-text-field__border {
  border-color: var(--pds-color-border-active);
}
.pds-text-field:has(.pds-text-field__input:focus-visible):not(.pds-text-field--error) .pds-text-field__border {
  border-color: var(--pds-color-border-focused);
}
.pds-text-field--disabled {
  cursor: not-allowed;
}
.pds-text-field:disabled .pds-text-field__icon {
  color: var(--pds-color-text-disabled);
}
.pds-text-field--disabled .pds-text-field__border, .pds-text-field--disabled:hover .pds-text-field__border {
  border-color: var(--pds-color-border-disabled);
}
.pds-text-field--disabled .pds-text-field__input {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}
.pds-text-field--error .pds-text-field__label {
  color: var(--pds-color-border-critical);
}
.pds-text-field--error .pds-text-field__border, .pds-text-field--error:hover .pds-text-field__border {
  border-color: var(--pds-color-border-critical);
}

*:where([dir=rtl]) .pds-text-field__border-right {
  grid-column: 1;
}
*:where([dir=rtl]) .pds-text-field__border-left {
  grid-column: 3;
}
*:where([dir=rtl]) .pds-text-field__border-center {
  grid-column: 2;
}
*:where([dir=rtl]) .pds-text-field__label {
  right: 12px;
  left: unset;
}
*:where([dir=rtl]) .pds-text-field--focused .pds-text-field__label, *:where([dir=rtl]) .pds-text-field--raised-label .pds-text-field__label {
  right: 12px;
  left: unset;
}

.pds-text-oversize-1 {
  font: var(--pds-typography-oversize-1);
}
.pds-text-oversize-2 {
  font: var(--pds-typography-oversize-2);
}
.pds-text-oversize-3 {
  font: var(--pds-typography-oversize-3);
}
.pds-text-brand-display-1 {
  font: var(--pds-typography-brand-display-1);
}
.pds-text-brand-display-2 {
  font: var(--pds-typography-brand-display-2);
}
.pds-text-brand-display-3 {
  font: var(--pds-typography-brand-display-3);
}
.pds-text-brand-display-4 {
  font: var(--pds-typography-brand-display-4);
}
.pds-text-brand-display-5 {
  font: var(--pds-typography-brand-display-5);
}
.pds-text-display-1 {
  font: var(--pds-typography-display-1);
}
.pds-text-display-2 {
  font: var(--pds-typography-display-2);
}
.pds-text-display-3 {
  font: var(--pds-typography-display-3);
}
.pds-text-display-4 {
  font: var(--pds-typography-display-4);
}
.pds-text-display-5 {
  font: var(--pds-typography-display-5);
}
.pds-text-conversation-1 {
  font: var(--pds-typography-conversation-1);
}
.pds-text-conversation-2 {
  font: var(--pds-typography-conversation-2);
}
.pds-text-conversation-3 {
  font: var(--pds-typography-conversation-3);
}
.pds-text-conversation-4 {
  font: var(--pds-typography-conversation-4);
}
.pds-text-editorial-body-1 {
  font: var(--pds-typography-editorial-body-1);
}
.pds-text-editorial-body-1-strong {
  font: var(--pds-typography-editorial-body-1-strong);
}
.pds-text-title-1 {
  font: var(--pds-typography-title-1);
}
.pds-text-title-2 {
  font: var(--pds-typography-title-2);
}
.pds-text-title-3 {
  font: var(--pds-typography-title-3);
}
.pds-text-title-4 {
  font: var(--pds-typography-title-4);
}
.pds-text-body-1 {
  font: var(--pds-typography-body-1);
}
.pds-text-body-1-strong {
  font: var(--pds-typography-body-1-strong);
}
.pds-text-body-2 {
  font: var(--pds-typography-body-2);
}
.pds-text-body-2-strong {
  font: var(--pds-typography-body-2-strong);
}
.pds-text-body-3 {
  font: var(--pds-typography-body-3);
}
.pds-text-body-3-strong {
  font: var(--pds-typography-body-3-strong);
}
.pds-text-body-4 {
  font: var(--pds-typography-body-4);
}
.pds-text-body-4-strong {
  font: var(--pds-typography-body-4-strong);
}
.pds-text-legal {
  font: var(--pds-typography-legal);
}
.pds-text--uppercase {
  text-transform: uppercase;
}
.pds-text--strikethrough {
  text-decoration: line-through;
}
.pds-text--bold {
  font-weight: 700;
}
.pds-text--medium {
  font-weight: 500;
}
.pds-text--regular {
  font-weight: 400;
}

:where([class*=pds-text]) {
  margin: 0;
}

@keyframes swipe-out {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes swipe-out-rtl {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }
  to {
    transform: translateX(-100%);
  }
}
.pds-toast {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto;
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-items: start;
  /* 132px = the horizontal margins on the viewport plus the horizontal padding on the toast root */
  width: min(324px, 100vw - 132px);
  padding: 20px;
  padding-inline-end: 64px;
  color: var(--pds-color-text-primary);
  background-color: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-24);
  box-shadow: var(--pds-shadow-primary);
}
.pds-toast[data-state=open] {
  animation: pds-slide-in-from-right-full var(--pds-motion-duration-150) var(--pds-motion-easing-functional);
}
.pds-toast[data-state=open]:dir(rtl) {
  animation: pds-slide-in-from-left-full var(--pds-motion-duration-150) var(--pds-motion-easing-functional);
}
.pds-toast[data-state=closed] {
  animation: pds-fade-out var(--pds-motion-duration-150) ease-in;
}
.pds-toast[data-swipe=move] {
  transform: translateX(var(--radix-toast-swipe-move-x));
}
.pds-toast[data-swipe=cancel] {
  transform: translateX(0);
  transition: transform var(--pds-motion-duration-250) ease-out;
}
.pds-toast[data-swipe=end] {
  animation: swipe-out var(--pds-motion-duration-150) ease-out;
}
.pds-toast[data-swipe=end]:dir(rtl) {
  animation: swipe-out-rtl var(--pds-motion-duration-150) ease-out;
}
.pds-toast__viewport {
  position: fixed;
  z-index: 50;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 24px;
  padding: 0;
}
.pds-toast__icon {
  display: flex;
  grid-column: 1;
  grid-row: span 2;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: var(--pds-radius-rounded);
}
.pds-toast__icon--info {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-info);
}
.pds-toast__icon--success {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-success);
}
.pds-toast__icon--warning {
  color: var(--pds-color-text-primary-always-dark);
  background-color: var(--pds-color-element-warning);
}
.pds-toast__icon--critical {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-critical);
}
.pds-toast__icon--neutral {
  color: var(--pds-color-text-primary-inverse);
  background-color: var(--pds-color-element-primary);
}
.pds-toast__title {
  grid-column: 2;
  margin: 0 0 4px;
  font: var(--pds-typography-body-1-strong);
}
.pds-toast__description {
  grid-column: 2;
  margin: 0 0 4px;
  font: var(--pds-typography-body-2);
  text-wrap: pretty;
}
.pds-toast__action {
  grid-column: 2;
}
.pds-toast__close {
  position: absolute;
  top: 14px;
  inset-inline-end: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}

.pds-toggle {
  cursor: pointer;
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font: var(--pds-typography-body-1);
  color: var(--pds-color-text-primary);
  position: relative;
  height: 24px;
  padding-left: 42px;
}
.pds-toggle .pds-toggle__input:checked + .pds-toggle__pill::before {
  transform: translateX(18px);
}
.pds-toggle .pds-toggle__pill {
  width: 42px;
  height: 24px;
}
.pds-toggle .pds-toggle__pill::before {
  bottom: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
}
[dir=rtl] .pds-toggle .pds-toggle__pill {
  right: 0;
}
[dir=rtl] .pds-toggle {
  padding-right: 42px;
  padding-left: 0;
}
.pds-toggle--large {
  position: relative;
  height: 36px;
  padding-left: 63px;
}
.pds-toggle--large .pds-toggle__input:checked + .pds-toggle__pill::before {
  transform: translateX(27px);
}
.pds-toggle--large .pds-toggle__pill {
  width: 63px;
  height: 36px;
}
.pds-toggle--large .pds-toggle__pill::before {
  bottom: 3px;
  left: 3px;
  width: 30px;
  height: 30px;
}
[dir=rtl] .pds-toggle--large .pds-toggle__pill {
  right: 0;
}
[dir=rtl] .pds-toggle--large {
  padding-right: 63px;
  padding-left: 0;
}
.pds-toggle__input {
  width: 0;
  opacity: 0;
}
.pds-toggle__input:checked + .pds-toggle__pill {
  background-color: var(--pds-color-element-success);
}
.pds-toggle__input:focus-visible + .pds-toggle__pill {
  outline: solid 2px var(--pds-color-border-focused);
  outline-offset: 2px;
}
.pds-toggle__input:focus-visible + .pds-toggle__pill::before {
  background: var(--pds-color-element-shadow);
  box-shadow: 0 0 0 12px var(--pds-color-element-shadow);
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
  background: var(--pds-color-white);
  transition: all var(--pds-motion-duration-400) var(--pds-motion-easing-functional);
}
.pds-toggle__input:disabled ~ .pds-toggle__pill {
  cursor: not-allowed;
  background-color: var(--pds-color-element-disabled);
}
.pds-toggle__input:disabled ~ .pds-toggle__pill:hover::before {
  box-shadow: none;
  transition-property: none;
}
.pds-toggle__input:disabled:checked ~ .pds-toggle__pill {
  opacity: 0.36;
  background-color: var(--pds-color-element-success);
}
.pds-toggle .pds-toggle__pill {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: var(--pds-color-element-disabled);
  border-radius: 100px;
  transition: transform 0.4s, background-color 0.4s;
}
.pds-toggle .pds-toggle__pill::before {
  content: "";
  position: absolute;
  background: var(--pds-color-white);
  border-radius: var(--pds-radius-rounded);
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: transform;
}
.pds-toggle .pds-toggle__pill:hover::before {
  background: var(--pds-color-element-shadow);
  box-shadow: 0 0 0 12px var(--pds-color-element-shadow);
  transition-timing-function: var(--pds-motion-easing-functional);
  transition-duration: var(--pds-motion-duration-250);
  transition-property: box-shadow;
  background: var(--pds-color-white);
  transition: all var(--pds-motion-duration-400) var(--pds-motion-easing-functional);
}
.pds-toggle:has(input:disabled) {
  cursor: not-allowed;
  color: var(--pds-color-text-disabled);
}

.pds-tooltip {
  z-index: 50;
  transform-origin: var(--radix-tooltip-content-transform-origin);
  width: -moz-fit-content;
  width: fit-content;
  max-width: 300px;
  padding: 16px 20px;
  font: var(--pds-typography-body-2);
  color: var(--pds-color-text-primary);
  text-align: justify;
  text-wrap: pretty;
  background-color: var(--pds-color-background-overlay);
  border-radius: var(--pds-radius-8);
  box-shadow: var(--pds-shadow-primary);
  animation: pds-fade-in var(--pds-motion-duration-250) ease-in, pds-zoom-in var(--pds-motion-duration-250) ease-in;
}
:where(.pds-tooltip__trigger) {
  display: inline-block;
  margin: 0;
  padding: 0;
  background-color: transparent;
  border: none;
}
.pds-tooltip--small {
  padding: 4px 6px;
}
.pds-tooltip[data-state=closed] {
  animation: pds-fade-out var(--pds-motion-duration-250) ease-out, pds-zoom-out var(--pds-motion-duration-250) ease-out;
}
.pds-tooltip[data-side=bottom] {
  animation: pds-slide-in-from-top var(--pds-motion-duration-250) ease-in;
}
.pds-tooltip[data-side=left] {
  animation: pds-slide-in-from-right var(--pds-motion-duration-250) ease-in;
}
.pds-tooltip[data-side=right] {
  animation: pds-slide-in-from-left var(--pds-motion-duration-250) ease-in;
}
.pds-tooltip[data-side=top] {
  animation: pds-slide-in-from-bottom var(--pds-motion-duration-250) ease-in;
}
.pds-tooltip__arrow {
  display: none;
}

.pds-visually-hidden {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  width: 1px;
  height: 1px;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
}
.pds-visually-hidden--all {
  display: none;
}

.pds-color-text-primary {
  color: var(--pds-color-text-primary);
}
.pds-color-text-primary-always-dark {
  color: var(--pds-color-text-primary-always-dark);
}
.pds-color-text-primary-always-light {
  color: var(--pds-color-text-primary-always-light);
}
.pds-color-text-primary-inverse {
  color: var(--pds-color-text-primary-inverse);
}
.pds-color-text-secondary {
  color: var(--pds-color-text-secondary);
}
.pds-color-text-secondary-always-dark {
  color: var(--pds-color-text-secondary-always-dark);
}
.pds-color-text-secondary-always-light {
  color: var(--pds-color-text-secondary-always-light);
}
.pds-color-text-secondary-inverse {
  color: var(--pds-color-text-secondary-inverse);
}
.pds-color-text-accent {
  color: var(--pds-color-text-accent);
}
.pds-color-text-hover {
  color: var(--pds-color-text-hover);
}
.pds-color-text-hover-always-dark {
  color: var(--pds-color-text-hover-always-dark);
}
.pds-color-text-hover-always-light {
  color: var(--pds-color-text-hover-always-light);
}
.pds-color-text-hover-inverse {
  color: var(--pds-color-text-hover-inverse);
}
.pds-color-text-disabled {
  color: var(--pds-color-text-disabled);
}
.pds-color-text-disabled-always-light {
  color: var(--pds-color-text-disabled-always-light);
}
.pds-color-text-disabled-always-dark {
  color: var(--pds-color-text-disabled-always-dark);
}
.pds-color-text-disabled-inverse {
  color: var(--pds-color-text-disabled-inverse);
}
.pds-color-text-success {
  color: var(--pds-color-text-success);
}
.pds-color-text-critical {
  color: var(--pds-color-text-critical);
}
.pds-color-text-link {
  color: var(--pds-color-text-link);
}
.pds-color-text-badge {
  color: var(--pds-color-text-badge);
}

.pds-color-background-primary {
  background-color: var(--pds-color-background-primary);
}
.pds-color-background-primary-always-dark {
  background-color: var(--pds-color-background-primary-always-dark);
}
.pds-color-background-primary-always-light {
  background-color: var(--pds-color-background-primary-always-light);
}
.pds-color-background-primary-inverse {
  background-color: var(--pds-color-background-primary-inverse);
}
.pds-color-background-secondary {
  background-color: var(--pds-color-background-secondary);
}
.pds-color-background-accent {
  background-color: var(--pds-color-background-accent);
}
.pds-color-background-overlay {
  background-color: var(--pds-color-background-overlay);
}
.pds-color-background-scrim {
  background-color: var(--pds-color-background-scrim);
}
.pds-color-background-modal {
  background-color: var(--pds-color-background-modal);
}
.pds-color-background-image {
  background-color: var(--pds-color-background-image);
}

.pds-color-border-primary {
  border-color: var(--pds-color-border-primary);
}
.pds-color-border-primary-always-dark {
  border-color: var(--pds-color-border-primary-always-dark);
}
.pds-color-border-primary-always-light {
  border-color: var(--pds-color-border-primary-always-light);
}
.pds-color-border-primary-inverse {
  border-color: var(--pds-color-border-primary-inverse);
}
.pds-color-border-secondary {
  border-color: var(--pds-color-border-secondary);
}
.pds-color-border-tertiary {
  border-color: var(--pds-color-border-tertiary);
}
.pds-color-border-accent {
  border-color: var(--pds-color-border-accent);
}
.pds-color-border-active {
  border-color: var(--pds-color-border-active);
}
.pds-color-border-inactive {
  border-color: var(--pds-color-border-inactive);
}
.pds-color-border-hover {
  border-color: var(--pds-color-border-hover);
}
.pds-color-border-hover-always-dark {
  border-color: var(--pds-color-border-hover-always-dark);
}
.pds-color-border-hover-always-light {
  border-color: var(--pds-color-border-hover-always-light);
}
.pds-color-border-disabled {
  border-color: var(--pds-color-border-disabled);
}
.pds-color-border-disabled-always-light {
  border-color: var(--pds-color-border-disabled-always-light);
}
.pds-color-border-disabled-always-dark {
  border-color: var(--pds-color-border-disabled-always-dark);
}
.pds-color-border-success {
  border-color: var(--pds-color-border-success);
}
.pds-color-border-critical {
  border-color: var(--pds-color-border-critical);
}
.pds-color-border-focused {
  border-color: var(--pds-color-border-focused);
}

.pds-color-element-primary {
  background-color: var(--pds-color-element-primary);
}
.pds-color-element-primary-always-dark {
  background-color: var(--pds-color-element-primary-always-dark);
}
.pds-color-element-primary-always-light {
  background-color: var(--pds-color-element-primary-always-light);
}
.pds-color-element-primary-inverse {
  background-color: var(--pds-color-element-primary-inverse);
}
.pds-color-element-secondary {
  background-color: var(--pds-color-element-secondary);
}
.pds-color-element-secondary-always-dark {
  background-color: var(--pds-color-element-secondary-always-dark);
}
.pds-color-element-secondary-always-light {
  background-color: var(--pds-color-element-secondary-always-light);
}
.pds-color-element-tertiary {
  background-color: var(--pds-color-element-tertiary);
}
.pds-color-element-tertiary-always-dark {
  background-color: var(--pds-color-element-tertiary-always-dark);
}
.pds-color-element-tertiary-always-light {
  background-color: var(--pds-color-element-tertiary-always-light);
}
.pds-color-element-accent {
  background-color: var(--pds-color-element-accent);
}
.pds-color-element-shadow {
  background-color: var(--pds-color-element-shadow);
}
.pds-color-element-hover {
  background-color: var(--pds-color-element-hover);
}
.pds-color-element-hover-always-dark {
  background-color: var(--pds-color-element-hover-always-dark);
}
.pds-color-element-hover-always-light {
  background-color: var(--pds-color-element-hover-always-light);
}
.pds-color-element-hover-accent {
  background-color: var(--pds-color-element-hover-accent);
}
.pds-color-element-secondary-hover {
  background-color: var(--pds-color-element-secondary-hover);
}
.pds-color-element-secondary-hover-always-dark {
  background-color: var(--pds-color-element-secondary-hover-always-dark);
}
.pds-color-element-secondary-hover-always-light {
  background-color: var(--pds-color-element-secondary-hover-always-light);
}
.pds-color-element-disabled {
  background-color: var(--pds-color-element-disabled);
}
.pds-color-element-disabled-always-light {
  background-color: var(--pds-color-element-disabled-always-light);
}
.pds-color-element-disabled-always-dark {
  background-color: var(--pds-color-element-disabled-always-dark);
}
.pds-color-element-info {
  background-color: var(--pds-color-element-info);
}
.pds-color-element-info-inverse {
  background-color: var(--pds-color-element-info-inverse);
}
.pds-color-element-success {
  background-color: var(--pds-color-element-success);
}
.pds-color-element-success-inverse {
  background-color: var(--pds-color-element-success-inverse);
}
.pds-color-element-critical {
  background-color: var(--pds-color-element-critical);
}
.pds-color-element-critical-inverse {
  background-color: var(--pds-color-element-critical-inverse);
}
.pds-color-element-warning {
  background-color: var(--pds-color-element-warning);
}
.pds-color-element-warning-inverse {
  background-color: var(--pds-color-element-warning-inverse);
}
.pds-color-element-brand-orange {
  background-color: var(--pds-color-element-brand-orange);
}

.pds-radius-0 {
  border-radius: var(--pds-radius-0);
}
.pds-radius-4 {
  border-radius: var(--pds-radius-4);
}
.pds-radius-8 {
  border-radius: var(--pds-radius-8);
}
.pds-radius-12 {
  border-radius: var(--pds-radius-12);
}
.pds-radius-24 {
  border-radius: var(--pds-radius-24);
}
.pds-radius-rounded {
  border-radius: var(--pds-radius-rounded);
}

.pds-shadow-primary {
  box-shadow: var(--pds-shadow-primary);
}