@pine-ds/core 3.8.0 → 3.8.2

package/dist/pine-core/p-D7B3vOdC.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-D7B3vOdC.system.js","sources":["src/components/pds-box/pds-box.scss?tag=pds-box","src/components/pds-box/pds-box.tsx"],"sourcesContent":["@use './pds-box.mixins' as *;\n\npds-box {\n  --border-width-default: var(--pine-border-width-thin);\n  --color-background-box: inherit;\n  --color-border-box: inherit;\n\n  display: block;\n}\n\n[class*='pds-box'] {\n  background-color: var(--color-background-box);\n  box-sizing: border-box;\n  display: inline-flex;\n\n  &[min-height] {\n    min-height: var(--sizing-min-height-box);\n  }\n\n  &[min-width] {\n    min-width: var(--sizing-min-width-box);\n  }\n\n  // The immediate child of the row will fit the width of the row\n  .pds-row > & {\n    position: relative;\n    width: 100%;\n\n    &.pds-box--auto {\n      width: auto;\n    }\n  }\n}\n\n// Spacing mixin\n$pine-spacing-tokens: (\n  xxs: 4px,\n  xs: 8px,\n  sm: 16px,\n  md: 24px,\n  lg: 36px,\n  xl: 48px,\n  xxl: 64px,\n);\n\n// Generate spacing classes\n@include generate-spacing-classes(false, $pine-spacing-tokens);\n@include generate-spacing-classes('top', $pine-spacing-tokens);\n@include generate-spacing-classes('right', $pine-spacing-tokens);\n@include generate-spacing-classes('left', $pine-spacing-tokens);\n@include generate-spacing-classes('bottom', $pine-spacing-tokens);\n\n// Base offset classes\n@include generate-column-offsets(false, 12);\n\n// Responsive offset classes\n@media (max-width: 575px) {\n  @include generate-column-offsets('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-column-offsets('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-column-offsets('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-column-offsets('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-column-offsets('xl', 12);\n}\n\n\n// Base column width classes\n@include generate-columns(false, 12);\n\n// Responsive column width classes\n@media (max-width: 575px) {\n  @include generate-columns('xs', 12);\n}\n\n@media (min-width: 576px) {\n  @include generate-columns('sm', 12);\n}\n\n@media (min-width: 768px) {\n  @include generate-columns('md', 12);\n}\n\n@media (min-width: 992px) {\n  @include generate-columns('lg', 12);\n}\n\n@media (min-width: 1200px) {\n  @include generate-columns('xl', 12);\n}\n\n.pds-box {\n  flex-basis: 0;\n  flex-grow: 1;\n}\n\n.pds-row > .pds-box[class*='pds-box-'] {\n  flex-basis: auto;\n}\n\n.pds-box--auto {\n  flex: 0 0 var(--sizing-min-width-box, fit-content);\n  min-width: auto;\n  width: auto;\n}\n\n.pds-box--fit {\n  max-width: 100%;\n  min-width: 100%;\n  width: 100%;\n}\n\n.pds-box--border {\n  border-color: var(--color-border-box, var(--pine-color-grey-300));\n  border-style: solid;\n  border-width: var(--border-width-default);\n}\n\n// Display helpers\n.pds-box--display-flex {\n  display: flex;\n}\n\n.pds-box--display-inline-flex {\n  display: inline-flex;\n}\n\n.pds-box--display-block {\n  display: block;\n}\n\n.pds-box--display-inline-block {\n  display: inline-block;\n}\n\n// Flex helpers\n.pds-box--flex-none {\n  flex: 0 0 auto;\n}\n\n.pds-box--flex-grow {\n  flex: 1 1 auto\n}\n\n.pds-box--flex-shrink {\n  flex: 0 0 auto;\n}\n\n// Border radius helpers\n.pds-border-radius-none {\n  border-radius: 0;\n}\n\n.pds-border-radius-xs {\n  border-radius: var(--pine-dimension-2xs);\n}\n\n.pds-border-radius-sm {\n  border-radius: var(--pine-dimension-xs);\n}\n\n.pds-border-radius-md {\n  border-radius: var(--pine-dimension-125);\n}\n\n.pds-border-radius-lg {\n  border-radius: var(--pine-dimension-sm);\n}\n\n.pds-border-radius-circle {\n  border-radius: var(--pine-border-radius-full);\n}\n\n// Box shadow helpers\n.pds-shadow-050 {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-100 {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-150 {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-200 {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n.pds-shadow-300 {\n  box-shadow: var(--pine-box-shadow-300);\n}\n\n.pds-shadow-400 {\n  box-shadow: var(--pine-box-shadow-400);\n}\n\n.pds-shadow-500 {\n  box-shadow: var(--pine-box-shadow-500);\n}\n\n\n.pds-shadow-xs {\n  box-shadow: var(--pine-box-shadow-050);\n}\n\n.pds-shadow-sm {\n  box-shadow: var(--pine-box-shadow-100);\n}\n\n.pds-shadow-md {\n  box-shadow: var(--pine-box-shadow-150);\n}\n\n.pds-shadow-lg {\n  box-shadow: var(--pine-box-shadow-200);\n}\n\n// Gap helpers\n.pds-box-gap-none {\n  gap: 0;\n}\n\n.pds-box-gap-xxs {\n  gap: var(--pine-dimension-2xs);\n}\n\n.pds-box-gap-xs {\n  gap: var(--pine-dimension-xs);\n}\n\n.pds-box-gap-sm {\n  gap: var(--pine-dimension-sm);\n}\n\n.pds-box-gap-md {\n  gap: var(--pine-dimension-md);\n}\n\n.pds-box-gap-lg {\n  gap: var(--pine-dimension-lg);\n}\n\n.pds-box-gap-xl {\n  gap: var(--pine-dimension-xl);\n}\n\n.pds-box-gap-xxl {\n  gap: var(--pine-dimension-2xl);\n}\n\n// Margin helpers\n.pds-margin-block-start-xxs {\n  margin-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-start-xs {\n  margin-block-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-start-sm {\n  margin-block-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-start-md {\n  margin-block-start: var(--pine-dimension-md);\n}\n\n.pds-margin-block-start-lg {\n  margin-block-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-start-xl {\n  margin-block-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-start-xxl {\n  margin-block-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-start-none {\n  margin-inline-start: 0;\n}\n\n.pds-margin-inline-start-xxs {\n  margin-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-start-xs {\n  margin-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-start-sm {\n  margin-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-start-md {\n  margin-inline-start: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-start-lg {\n  margin-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-start-xl {\n  margin-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-start-xxl {\n  margin-inline-start: var(--pine-dimension-2xl);\n}\n\n.pds-margin-inline-end-none {\n  margin-inline-end: 0;\n}\n\n.pds-margin-inline-end-xxs {\n  margin-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-inline-end-xs {\n  margin-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-inline-end-sm {\n  margin-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-inline-end-md {\n  margin-inline-end: var(--pine-dimension-md);\n}\n\n.pds-margin-inline-end-lg {\n  margin-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-inline-end-xl {\n  margin-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-inline-end-xxl {\n  margin-inline-end: var(--pine-dimension-2xl);\n}\n\n.pds-margin-block-end-none {\n  margin-block-end: 0;\n}\n\n.pds-margin-block-end-xxs {\n  margin-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-margin-block-end-xs {\n  margin-block-end: var(--pine-dimension-xs);\n}\n\n.pds-margin-block-end-sm {\n  margin-block-end: var(--pine-dimension-sm);\n}\n\n.pds-margin-block-end-md {\n  margin-block-end: var(--pine-dimension-md);\n}\n\n.pds-margin-block-end-lg {\n  margin-block-end: var(--pine-dimension-lg);\n}\n\n.pds-margin-block-end-xl {\n  margin-block-end: var(--pine-dimension-xl);\n}\n\n.pds-margin-block-end-xxl {\n  margin-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding helpers\n.pds-padding-none {\n  padding: 0;\n}\n\n.pds-padding-xxs {\n  padding: var(--pine-dimension-2xs);\n}\n\n.pds-padding-xs {\n  padding: var(--pine-dimension-xs);\n}\n\n.pds-padding-sm {\n  padding: var(--pine-dimension-sm);\n}\n\n.pds-padding-md {\n  padding: var(--pine-dimension-md);\n}\n\n.pds-padding-lg {\n  padding: var(--pine-dimension-lg);\n}\n\n.pds-padding-xl {\n  padding: var(--pine-dimension-xl);\n}\n\n.pds-padding-xxl {\n  padding: var(--pine-dimension-2xl);\n}\n\n// Padding block start helpers\n.pds-padding-block-start-none {\n  padding-block-start: var(--pine-dimension-none);\n}\n\n.pds-padding-block-start-xxs {\n  padding-block-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-start-xs {\n  padding-block-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-start-sm {\n  padding-block-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-start-md {\n  padding-block-start: var(--pine-dimension-md);\n}\n\n.pds-padding-block-start-lg {\n  padding-block-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-start-xl {\n  padding-block-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-start-xxl {\n  padding-block-start: var(--pine-dimension-2xl);\n}\n\n// Padding block end helpers\n.pds-padding-block-end-none {\n  padding-block-end: var(--pine-dimension-none);\n}\n\n.pds-padding-block-end-xxs {\n  padding-block-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-block-end-xs {\n  padding-block-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-block-end-sm {\n  padding-block-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-block-end-md {\n  padding-block-end: var(--pine-dimension-md);\n}\n\n.pds-padding-block-end-lg {\n  padding-block-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-block-end-xl {\n  padding-block-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-block-end-xxl {\n  padding-block-end: var(--pine-dimension-2xl);\n}\n\n// Padding inline start helpers\n.pds-padding-inline-start-none {\n  padding-inline-start: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-start-xxs {\n  padding-inline-start: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-start-xs {\n  padding-inline-start: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-start-sm {\n  padding-inline-start: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-start-md {\n  padding-inline-start: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-start-lg {\n  padding-inline-start: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-start-xl {\n  padding-inline-start: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-start-xxl {\n  padding-inline-start: var(--pine-dimension-2xl);\n}\n\n// Padding inline end helpers\n.pds-padding-inline-end-none {\n  padding-inline-end: var(--pine-dimension-none);\n}\n\n.pds-padding-inline-end-xxs {\n  padding-inline-end: var(--pine-dimension-2xs);\n}\n\n.pds-padding-inline-end-xs {\n  padding-inline-end: var(--pine-dimension-xs);\n}\n\n.pds-padding-inline-end-sm {\n  padding-inline-end: var(--pine-dimension-sm);\n}\n\n.pds-padding-inline-end-md {\n  padding-inline-end: var(--pine-dimension-md);\n}\n\n.pds-padding-inline-end-lg {\n  padding-inline-end: var(--pine-dimension-lg);\n}\n\n.pds-padding-inline-end-xl {\n  padding-inline-end: var(--pine-dimension-xl);\n}\n\n.pds-padding-inline-end-xxl {\n  padding-inline-end: var(--pine-dimension-2xl);\n}\n\n\n// Display helpers\n.pds-box-display-block {\n  display: block;\n}\n\n.pds-box-display-inline-block {\n  display: inline-block;\n}\n\n.pds-box-display-flex {\n  display: flex;\n}\n\n.pds-box-display-inline-flex {\n  display: inline-flex;\n}\n\n// Flex Direction helpers\n.pds-box-direction-row {\n  flex-direction: row;\n}\n\n.pds-box-direction-column {\n  flex-direction: column;\n}\n\n// Flex Wrap helpers\n.pds-box--wrap {\n  flex-wrap: wrap;\n}\n\n// Maps for flex properties\n$justify-content-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'space-between': space-between,\n  'space-around': space-around,\n  'space-evenly': space-evenly\n);\n\n$align-items-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$align-self-values: (\n  'start': start,\n  'center': center,\n  'end': end,\n  'baseline': baseline,\n  'stretch': stretch\n);\n\n$breakpoints: (\n  'xs': '(max-width: 575px)',\n  'sm': '(min-width: 576px)',\n  'md': '(min-width: 768px)',\n  'lg': '(min-width: 992px)',\n  'xl': '(min-width: 1200px)'\n);\n\n// Justify Content helpers\n@each $name, $value in $justify-content-values {\n  .pds-justify-content-#{$name} {\n    justify-content: $value;\n  }\n}\n\n// Responsive Justify Content helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $justify-content-values {\n      .pds-justify-content-#{$breakpoint-name}-#{$name} {\n        justify-content: $value;\n      }\n    }\n  }\n}\n\n// Align Items helpers\n@each $name, $value in $align-items-values {\n  .pds-align-items-#{$name} {\n    align-items: $value;\n  }\n}\n\n// Responsive Align Items helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-items-values {\n      .pds-align-items-#{$breakpoint-name}-#{$name} {\n        align-items: $value;\n      }\n    }\n  }\n}\n\n// Align Self helpers\n@each $name, $value in $align-self-values {\n  .pds-align-self-#{$name} {\n    align-self: $value;\n  }\n}\n\n// Responsive Align Self helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $align-self-values {\n      .pds-align-self-#{$breakpoint-name}-#{$name} {\n        align-self: $value;\n      }\n    }\n  }\n}\n\n// Responsive Flex Wrap helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--wrap-#{$breakpoint-name} {\n      flex-wrap: wrap;\n    }\n  }\n}\n\n// Responsive Auto helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--auto-#{$breakpoint-name} {\n      flex: 0 0 var(--sizing-min-width-box, fit-content);\n      min-width: auto;\n      width: auto;\n    }\n  }\n}\n\n// Responsive Fit helpers\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    .pds-box--fit-#{$breakpoint-name} {\n      max-width: 100%;\n      min-width: 100%;\n      width: 100%;\n    }\n  }\n}\n\n// Responsive Gap helpers\n$gap-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $gap-values {\n      .pds-box-gap-#{$breakpoint-name}-#{$name} {\n        gap: $value;\n      }\n    }\n  }\n}\n\n// Responsive Margin helpers\n$margin-values: (\n  'none': 0,\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $margin-values {\n      .pds-margin-block-start-#{$breakpoint-name}-#{$name} {\n        margin-block-start: $value;\n      }\n\n      .pds-margin-inline-start-#{$breakpoint-name}-#{$name} {\n        margin-inline-start: $value;\n      }\n\n      .pds-margin-inline-end-#{$breakpoint-name}-#{$name} {\n        margin-inline-end: $value;\n      }\n\n      .pds-margin-block-end-#{$breakpoint-name}-#{$name} {\n        margin-block-end: $value;\n      }\n    }\n  }\n}\n\n// Responsive Padding helpers\n$padding-values: (\n  'none': var(--pine-dimension-none),\n  'xxs': var(--pine-dimension-2xs),\n  'xs': var(--pine-dimension-xs),\n  'sm': var(--pine-dimension-sm),\n  'md': var(--pine-dimension-md),\n  'lg': var(--pine-dimension-lg),\n  'xl': var(--pine-dimension-xl),\n  'xxl': var(--pine-dimension-2xl)\n);\n\n@each $breakpoint-name, $breakpoint-value in $breakpoints {\n  @media #{$breakpoint-value} {\n    @each $name, $value in $padding-values {\n      .pds-padding-#{$breakpoint-name}-#{$name} {\n        padding: $value;\n      }\n\n      .pds-padding-block-start-#{$breakpoint-name}-#{$name} {\n        padding-block-start: $value;\n      }\n\n      .pds-padding-block-end-#{$breakpoint-name}-#{$name} {\n        padding-block-end: $value;\n      }\n\n      .pds-padding-inline-start-#{$breakpoint-name}-#{$name} {\n        padding-inline-start: $value;\n      }\n\n      .pds-padding-inline-end-#{$breakpoint-name}-#{$name} {\n        padding-inline-end: $value;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nimport { BoxColumnType, BoxTShirtSizeType, BoxShadowSizeType } from '../../utils/types';\nimport { normalizeColorValue } from '../../utils/utils';\n\n@Component({\n  tag: 'pds-box',\n  styleUrl: 'pds-box.scss',\n})\nexport class PdsBox {\n  /**\n   * Defines how items within the box are aligned.\n   * @defaultValue stretch\n  */\n  @Prop() alignItems?: `start` | `center` | `end` | `baseline` | `stretch` ;\n\n  /**\n   * Defines how items within the box are aligned at the XS breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the SM breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the MD breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the LG breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how items within the box are aligned at the XL breakpoint.\n   * @defaultValue stretch\n  */\n  @Prop() alignItemsXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container.\n   * @defaultValue stretch\n  */\n  @Prop() alignSelf?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XS breakpoint.\n   *\n  */\n  @Prop() alignSelfXs?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the SM breakpoint.\n   *\n  */\n  @Prop() alignSelfSm?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the MD breakpoint.\n   *\n  */\n  @Prop() alignSelfMd?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the LG breakpoint.\n   *\n  */\n  @Prop() alignSelfLg?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * Defines how the box is aligned within its container at the XL breakpoint.\n   *\n  */\n  @Prop() alignSelfXl?: `start` | `center` | `end` | `baseline` | `stretch`;\n\n  /**\n   * If `true`, the box will be sized to fit its contents.\n   */\n  @Prop() auto?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XS breakpoint.\n   */\n  @Prop() autoXs?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the SM breakpoint.\n   */\n  @Prop() autoSm?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the MD breakpoint.\n   */\n  @Prop() autoMd?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the LG breakpoint.\n   */\n  @Prop() autoLg?: boolean;\n\n  /**\n   * If `true`, the box will be sized to fit its contents at the XL breakpoint.\n   */\n  @Prop() autoXl?: boolean;\n\n  /**\n   *  Defines the background-color of the box.\n   */\n  @Prop() backgroundColor?: string;\n\n  /**\n   * If `true`, the box will have a border.\n   */\n  @Prop() border? = false;\n\n  /**\n   *  Defines the border color of the box.\n   */\n  @Prop() borderColor?: string;\n\n  /**\n   * Defines how rounded the box corners are.\n   * @defaultValue none\n   */\n  @Prop() borderRadius?: `none` | `xs`| `sm` | `md` | `lg` | `circle`;\n\n  /**\n   * Defines the orientation of the box items.\n   * @defaultValue row\n   */\n  @Prop() direction?: `row` | `column`;\n\n  /**\n   * Defines the display style of the box.\n   * @defaultValue flex\n  */\n  @Prop() display?: `flex` | `inline-flex` | `block` | `inline-block`;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%`.\n   */\n  @Prop() fit?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.\n   */\n  @Prop() fitXs?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.\n   */\n  @Prop() fitSm?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.\n   */\n  @Prop() fitMd?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.\n   */\n  @Prop() fitLg?: boolean;\n\n  /**\n   * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.\n   */\n  @Prop() fitXl?: boolean;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() gap?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() gapXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines whether flex items are forced onto one line or can wrap onto multiple lines.\n   * @defaultValue false\n   */\n  @Prop() wrap?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXs?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapSm?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapMd?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapLg?: boolean;\n\n  /**\n   * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.\n   * @defaultValue false\n   */\n  @Prop() wrapXl?: boolean;\n\n  /**\n   * Defines how a box will grow or shrink to fit the space available in its container.\n   * Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').\n   * @defaultValue none\n   */\n  @Prop() flex?: `none` | `grow` | `shrink` | string;\n\n  /**\n   * Defines the horizontal alignment of the box items.\n   * @defaultValue start\n  */\n  @Prop() justifyContent?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XS breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXs?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the SM breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentSm?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the MD breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentMd?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the LG breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentLg?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the horizontal alignment of the box items at the XL breakpoint.\n   * @defaultValue start\n  */\n  @Prop() justifyContentXl?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;\n\n  /**\n   * Defines the box's outer top spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginInlineEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box's outer bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() marginBlockEndXl?: BoxTShirtSizeType;\n\n  /**\n   * The minimum height of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minHeight?: string;\n\n  /**\n   * The minimum width of the row. Used in conjunction with alignment props\n   */\n  @Prop({ reflect: true }) minWidth?: string;\n\n  /**\n   * Move columns to the end direction of the row for all screen sizes. Increases the starting margin of a column by specified number of columns.\n   */\n  @Prop() offset?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XS` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXs?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `SM` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetSm?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `MD` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetMd?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `LG` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetLg?: BoxColumnType;\n\n  /**\n   * Move columns to the end direction of the row for `XL` screen sizes. Increases the starting margin of a column by specified number of columns.\n  */\n  @Prop() offsetXl?: BoxColumnType;\n\n  /**\n   * Defines the spacing between the box items.\n   * @defaultValue none\n  */\n  @Prop() padding?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the spacing between the box items at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingXl?: BoxTShirtSizeType;\n\n\n  /**\n   * Defines the top spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the top spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the bottom spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingBlockEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStart?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the left spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineStartXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEnd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the XS breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXs?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the SM breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndSm?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the MD breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndMd?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the LG breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndLg?: BoxTShirtSizeType;\n\n  /**\n   * Defines the right spacing at the XL breakpoint.\n   * @defaultValue none\n  */\n  @Prop() paddingInlineEndXl?: BoxTShirtSizeType;\n\n  /**\n   * Defines the box shadow.\n   * @defaultValue none\n  */\n  @Prop() shadow?: BoxShadowSizeType;\n\n  /**\n   * Sets the default column width for the component. This value applies from the smallest screen size (XS) upwards, unless overridden by a breakpoint-specific size prop at that breakpoint or larger.\n   */\n  @Prop() size?: BoxColumnType;\n\n  /**\n   * At the XS breakpoint, this prop will take the number of columns specified. This overrides the base size prop for this specific range.\n   */\n  @Prop() sizeXs?: BoxColumnType;\n\n  /**\n   * At screen sizes from the SM breakpoint and larger (576px and up), this will take the specified number of columns. This overrides any value set by size or sizeXs.\n   */\n  @Prop() sizeSm?: BoxColumnType;\n\n  /**\n   * At screen sizes from the MD breakpoint and larger (768px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeMd?: BoxColumnType;\n\n  /**\n   * At screen sizes from the LG breakpoint and larger (992px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeLg?: BoxColumnType;\n\n  /**\n   * At screen sizes from the XL breakpoint and larger (1200px and up), this will take the specified number of columns. This overrides any value set by size, sizeXs, and up.\n   */\n  @Prop() sizeXl?: BoxColumnType;\n\n\n\n  render() {\n    const boxClasses = `\n    ${this.alignItems !== undefined && this.alignItems.trim() !== '' ? `pds-align-items-${this.alignItems}` : ''}\n    ${this.alignItemsXs !== undefined && this.alignItemsXs.trim() !== '' ? `pds-align-items-xs-${this.alignItemsXs}` : ''}\n    ${this.alignItemsSm !== undefined && this.alignItemsSm.trim() !== '' ? `pds-align-items-sm-${this.alignItemsSm}` : ''}\n    ${this.alignItemsMd !== undefined && this.alignItemsMd.trim() !== '' ? `pds-align-items-md-${this.alignItemsMd}` : ''}\n    ${this.alignItemsLg !== undefined && this.alignItemsLg.trim() !== '' ? `pds-align-items-lg-${this.alignItemsLg}` : ''}\n    ${this.alignItemsXl !== undefined && this.alignItemsXl.trim() !== '' ? `pds-align-items-xl-${this.alignItemsXl}` : ''}\n    ${this.alignSelf !== undefined && this.alignSelf.trim() !== '' ? `pds-align-self-${this.alignSelf}` : ''}\n    ${this.alignSelfXs !== undefined && this.alignSelfXs.trim() !== '' ? `pds-align-self-xs-${this.alignSelfXs}` : ''}\n    ${this.alignSelfSm !== undefined && this.alignSelfSm.trim() !== '' ? `pds-align-self-sm-${this.alignSelfSm}` : ''}\n    ${this.alignSelfMd !== undefined && this.alignSelfMd.trim() !== '' ? `pds-align-self-md-${this.alignSelfMd}` : ''}\n    ${this.alignSelfLg !== undefined && this.alignSelfLg.trim() !== '' ? `pds-align-self-lg-${this.alignSelfLg}` : ''}\n    ${this.alignSelfXl !== undefined && this.alignSelfXl.trim() !== '' ? `pds-align-self-xl-${this.alignSelfXl}` : ''}\n    ${this.auto ? 'pds-box--auto' : ''}\n    ${this.autoXs ? 'pds-box--auto-xs' : ''}\n    ${this.autoSm ? 'pds-box--auto-sm' : ''}\n    ${this.autoMd ? 'pds-box--auto-md' : ''}\n    ${this.autoLg ? 'pds-box--auto-lg' : ''}\n    ${this.autoXl ? 'pds-box--auto-xl' : ''}\n    ${this.border ? 'pds-box--border' : ''}\n    ${this.borderRadius !== undefined && this.borderRadius.trim() !== '' ? `pds-border-radius-${this.borderRadius}` : ''}\n    ${this.direction !== undefined && this.direction.trim() !== '' ? `pds-box-direction-${this.direction}` : ''}\n    ${this.display !== undefined && this.display.trim() !== '' ? `pds-box--display-${this.display}` : ''}\n    ${this.fit ? 'pds-box--fit' : ''}\n    ${this.fitXs ? 'pds-box--fit-xs' : ''}\n    ${this.fitSm ? 'pds-box--fit-sm' : ''}\n    ${this.fitMd ? 'pds-box--fit-md' : ''}\n    ${this.fitLg ? 'pds-box--fit-lg' : ''}\n    ${this.fitXl ? 'pds-box--fit-xl' : ''}\n    ${this.gap !== undefined && this.gap.trim() !== '' ? `pds-box-gap-${this.gap}` : ''}\n    ${this.gapXs !== undefined && this.gapXs.trim() !== '' ? `pds-box-gap-xs-${this.gapXs}` : ''}\n    ${this.gapSm !== undefined && this.gapSm.trim() !== '' ? `pds-box-gap-sm-${this.gapSm}` : ''}\n    ${this.gapMd !== undefined && this.gapMd.trim() !== '' ? `pds-box-gap-md-${this.gapMd}` : ''}\n    ${this.gapLg !== undefined && this.gapLg.trim() !== '' ? `pds-box-gap-lg-${this.gapLg}` : ''}\n    ${this.gapXl !== undefined && this.gapXl.trim() !== '' ? `pds-box-gap-xl-${this.gapXl}` : ''}\n    ${this.wrap ? 'pds-box--wrap' : ''}\n    ${this.wrapXs ? 'pds-box--wrap-xs' : ''}\n    ${this.wrapSm ? 'pds-box--wrap-sm' : ''}\n    ${this.wrapMd ? 'pds-box--wrap-md' : ''}\n    ${this.wrapLg ? 'pds-box--wrap-lg' : ''}\n    ${this.wrapXl ? 'pds-box--wrap-xl' : ''}\n    ${this.flex !== undefined && this.flex.trim() !== '' && ['none', 'grow', 'shrink'].includes(this.flex) ? `pds-box--flex-${this.flex}` : ''}\n    ${this.justifyContent !== undefined && this.justifyContent.trim() !== '' ? `pds-justify-content-${this.justifyContent}` : ''}\n    ${this.justifyContentXs !== undefined && this.justifyContentXs.trim() !== '' ? `pds-justify-content-xs-${this.justifyContentXs}` : ''}\n    ${this.justifyContentSm !== undefined && this.justifyContentSm.trim() !== '' ? `pds-justify-content-sm-${this.justifyContentSm}` : ''}\n    ${this.justifyContentMd !== undefined && this.justifyContentMd.trim() !== '' ? `pds-justify-content-md-${this.justifyContentMd}` : ''}\n    ${this.justifyContentLg !== undefined && this.justifyContentLg.trim() !== '' ? `pds-justify-content-lg-${this.justifyContentLg}` : ''}\n    ${this.justifyContentXl !== undefined && this.justifyContentXl.trim() !== '' ? `pds-justify-content-xl-${this.justifyContentXl}` : ''}\n    ${this.marginBlockStart !== undefined && this.marginBlockStart.trim() !== '' ? `pds-margin-block-start-${this.marginBlockStart}` : ''}\n    ${this.marginBlockStartXs !== undefined && this.marginBlockStartXs.trim() !== '' ? `pds-margin-block-start-xs-${this.marginBlockStartXs}` : ''}\n    ${this.marginBlockStartSm !== undefined && this.marginBlockStartSm.trim() !== '' ? `pds-margin-block-start-sm-${this.marginBlockStartSm}` : ''}\n    ${this.marginBlockStartMd !== undefined && this.marginBlockStartMd.trim() !== '' ? `pds-margin-block-start-md-${this.marginBlockStartMd}` : ''}\n    ${this.marginBlockStartLg !== undefined && this.marginBlockStartLg.trim() !== '' ? `pds-margin-block-start-lg-${this.marginBlockStartLg}` : ''}\n    ${this.marginBlockStartXl !== undefined && this.marginBlockStartXl.trim() !== '' ? `pds-margin-block-start-xl-${this.marginBlockStartXl}` : ''}\n    ${this.marginInlineStart !== undefined && this.marginInlineStart.trim() !== '' ? `pds-margin-inline-start-${this.marginInlineStart}` : ''}\n    ${this.marginInlineStartXs !== undefined && this.marginInlineStartXs.trim() !== '' ? `pds-margin-inline-start-xs-${this.marginInlineStartXs}` : ''}\n    ${this.marginInlineStartSm !== undefined && this.marginInlineStartSm.trim() !== '' ? `pds-margin-inline-start-sm-${this.marginInlineStartSm}` : ''}\n    ${this.marginInlineStartMd !== undefined && this.marginInlineStartMd.trim() !== '' ? `pds-margin-inline-start-md-${this.marginInlineStartMd}` : ''}\n    ${this.marginInlineStartLg !== undefined && this.marginInlineStartLg.trim() !== '' ? `pds-margin-inline-start-lg-${this.marginInlineStartLg}` : ''}\n    ${this.marginInlineStartXl !== undefined && this.marginInlineStartXl.trim() !== '' ? `pds-margin-inline-start-xl-${this.marginInlineStartXl}` : ''}\n    ${this.marginInlineEnd !== undefined && this.marginInlineEnd.trim() !== '' ? `pds-margin-inline-end-${this.marginInlineEnd}` : ''}\n    ${this.marginInlineEndXs !== undefined && this.marginInlineEndXs.trim() !== '' ? `pds-margin-inline-end-xs-${this.marginInlineEndXs}` : ''}\n    ${this.marginInlineEndSm !== undefined && this.marginInlineEndSm.trim() !== '' ? `pds-margin-inline-end-sm-${this.marginInlineEndSm}` : ''}\n    ${this.marginInlineEndMd !== undefined && this.marginInlineEndMd.trim() !== '' ? `pds-margin-inline-end-md-${this.marginInlineEndMd}` : ''}\n    ${this.marginInlineEndLg !== undefined && this.marginInlineEndLg.trim() !== '' ? `pds-margin-inline-end-lg-${this.marginInlineEndLg}` : ''}\n    ${this.marginInlineEndXl !== undefined && this.marginInlineEndXl.trim() !== '' ? `pds-margin-inline-end-xl-${this.marginInlineEndXl}` : ''}\n    ${this.marginBlockEnd !== undefined && this.marginBlockEnd.trim() !== '' ? `pds-margin-block-end-${this.marginBlockEnd}` : ''}\n    ${this.marginBlockEndXs !== undefined && this.marginBlockEndXs.trim() !== '' ? `pds-margin-block-end-xs-${this.marginBlockEndXs}` : ''}\n    ${this.marginBlockEndSm !== undefined && this.marginBlockEndSm.trim() !== '' ? `pds-margin-block-end-sm-${this.marginBlockEndSm}` : ''}\n    ${this.marginBlockEndMd !== undefined && this.marginBlockEndMd.trim() !== '' ? `pds-margin-block-end-md-${this.marginBlockEndMd}` : ''}\n    ${this.marginBlockEndLg !== undefined && this.marginBlockEndLg.trim() !== '' ? `pds-margin-block-end-lg-${this.marginBlockEndLg}` : ''}\n    ${this.marginBlockEndXl !== undefined && this.marginBlockEndXl.trim() !== '' ? `pds-margin-block-end-xl-${this.marginBlockEndXl}` : ''}\n    ${this.offset !== undefined && this.offset.trim() !== '' ? `pds-box-offset-${this.offset}` : ''}\n    ${this.offsetXs !== undefined && this.offsetXs.trim() !== '' ? `pds-box-offset-xs-${this.offsetXs}` : ''}\n    ${this.offsetSm !== undefined && this.offsetSm.trim() !== '' ? `pds-box-offset-sm-${this.offsetSm}` : ''}\n    ${this.offsetMd !== undefined && this.offsetMd.trim() !== '' ? `pds-box-offset-md-${this.offsetMd}` : ''}\n    ${this.offsetLg !== undefined && this.offsetLg.trim() !== '' ? `pds-box-offset-lg-${this.offsetLg}` : ''}\n    ${this.offsetXl !== undefined && this.offsetXl.trim() !== '' ? `pds-box-offset-xl-${this.offsetXl}` : ''}\n    ${this.padding !== undefined && this.padding.trim() !== '' ? `pds-padding-${this.padding}` : ''}\n    ${this.paddingXs !== undefined && this.paddingXs.trim() !== '' ? `pds-padding-xs-${this.paddingXs}` : ''}\n    ${this.paddingSm !== undefined && this.paddingSm.trim() !== '' ? `pds-padding-sm-${this.paddingSm}` : ''}\n    ${this.paddingMd !== undefined && this.paddingMd.trim() !== '' ? `pds-padding-md-${this.paddingMd}` : ''}\n    ${this.paddingLg !== undefined && this.paddingLg.trim() !== '' ? `pds-padding-lg-${this.paddingLg}` : ''}\n    ${this.paddingXl !== undefined && this.paddingXl.trim() !== '' ? `pds-padding-xl-${this.paddingXl}` : ''}\n    ${this.paddingBlockStart !== undefined && this.paddingBlockStart.trim() !== '' ? `pds-padding-block-start-${this.paddingBlockStart}` : ''}\n    ${this.paddingBlockStartXs !== undefined && this.paddingBlockStartXs.trim() !== '' ? `pds-padding-block-start-xs-${this.paddingBlockStartXs}` : ''}\n    ${this.paddingBlockStartSm !== undefined && this.paddingBlockStartSm.trim() !== '' ? `pds-padding-block-start-sm-${this.paddingBlockStartSm}` : ''}\n    ${this.paddingBlockStartMd !== undefined && this.paddingBlockStartMd.trim() !== '' ? `pds-padding-block-start-md-${this.paddingBlockStartMd}` : ''}\n    ${this.paddingBlockStartLg !== undefined && this.paddingBlockStartLg.trim() !== '' ? `pds-padding-block-start-lg-${this.paddingBlockStartLg}` : ''}\n    ${this.paddingBlockStartXl !== undefined && this.paddingBlockStartXl.trim() !== '' ? `pds-padding-block-start-xl-${this.paddingBlockStartXl}` : ''}\n    ${this.paddingBlockEnd !== undefined && this.paddingBlockEnd.trim() !== '' ? `pds-padding-block-end-${this.paddingBlockEnd}` : ''}\n    ${this.paddingBlockEndXs !== undefined && this.paddingBlockEndXs.trim() !== '' ? `pds-padding-block-end-xs-${this.paddingBlockEndXs}` : ''}\n    ${this.paddingBlockEndSm !== undefined && this.paddingBlockEndSm.trim() !== '' ? `pds-padding-block-end-sm-${this.paddingBlockEndSm}` : ''}\n    ${this.paddingBlockEndMd !== undefined && this.paddingBlockEndMd.trim() !== '' ? `pds-padding-block-end-md-${this.paddingBlockEndMd}` : ''}\n    ${this.paddingBlockEndLg !== undefined && this.paddingBlockEndLg.trim() !== '' ? `pds-padding-block-end-lg-${this.paddingBlockEndLg}` : ''}\n    ${this.paddingBlockEndXl !== undefined && this.paddingBlockEndXl.trim() !== '' ? `pds-padding-block-end-xl-${this.paddingBlockEndXl}` : ''}\n    ${this.paddingInlineStart !== undefined && this.paddingInlineStart.trim() !== '' ? `pds-padding-inline-start-${this.paddingInlineStart}` : ''}\n    ${this.paddingInlineStartXs !== undefined && this.paddingInlineStartXs.trim() !== '' ? `pds-padding-inline-start-xs-${this.paddingInlineStartXs}` : ''}\n    ${this.paddingInlineStartSm !== undefined && this.paddingInlineStartSm.trim() !== '' ? `pds-padding-inline-start-sm-${this.paddingInlineStartSm}` : ''}\n    ${this.paddingInlineStartMd !== undefined && this.paddingInlineStartMd.trim() !== '' ? `pds-padding-inline-start-md-${this.paddingInlineStartMd}` : ''}\n    ${this.paddingInlineStartLg !== undefined && this.paddingInlineStartLg.trim() !== '' ? `pds-padding-inline-start-lg-${this.paddingInlineStartLg}` : ''}\n    ${this.paddingInlineStartXl !== undefined && this.paddingInlineStartXl.trim() !== '' ? `pds-padding-inline-start-xl-${this.paddingInlineStartXl}` : ''}\n    ${this.paddingInlineEnd !== undefined && this.paddingInlineEnd.trim() !== '' ? `pds-padding-inline-end-${this.paddingInlineEnd}` : ''}\n    ${this.paddingInlineEndXs !== undefined && this.paddingInlineEndXs.trim() !== '' ? `pds-padding-inline-end-xs-${this.paddingInlineEndXs}` : ''}\n    ${this.paddingInlineEndSm !== undefined && this.paddingInlineEndSm.trim() !== '' ? `pds-padding-inline-end-sm-${this.paddingInlineEndSm}` : ''}\n    ${this.paddingInlineEndMd !== undefined && this.paddingInlineEndMd.trim() !== '' ? `pds-padding-inline-end-md-${this.paddingInlineEndMd}` : ''}\n    ${this.paddingInlineEndLg !== undefined && this.paddingInlineEndLg.trim() !== '' ? `pds-padding-inline-end-lg-${this.paddingInlineEndLg}` : ''}\n    ${this.paddingInlineEndXl !== undefined && this.paddingInlineEndXl.trim() !== '' ? `pds-padding-inline-end-xl-${this.paddingInlineEndXl}` : ''}\n    ${this.shadow !== undefined && this.shadow.trim() !== '' ? `pds-shadow-${this.shadow}` : ''}\n    ${this.size !== undefined && this.size.trim() !== '' ? `pds-box pds-box-${this.size}` : ''}\n    ${this.sizeXs !== undefined && this.sizeXs.trim() !== '' ? `pds-box-xs-${this.sizeXs}` : ''}\n    ${this.sizeSm !== undefined && this.sizeSm.trim() !== '' ? `pds-box-sm-${this.sizeSm}` : ''}\n    ${this.sizeMd !== undefined && this.sizeMd.trim() !== '' ? `pds-box-md-${this.sizeMd}` : ''}\n    ${this.sizeLg !== undefined && this.sizeLg.trim() !== '' ? `pds-box-lg-${this.sizeLg}` : ''}\n    ${this.sizeXl !== undefined && this.sizeXl.trim() !== '' ? `pds-box-xl-${this.sizeXl}` : ''}\n    ${this.size == undefined &&\n      this.sizeSm == undefined &&\n      this.sizeMd == undefined &&\n      this.sizeLg == undefined &&\n      this.sizeXl == undefined ? 'pds-box' : ''}\n    `;\n\n    // Normalize so pds-box accepts --token, var(--token), or literals (no semantic names)\n    const normalizedBackground = normalizeColorValue(this.backgroundColor);\n    const normalizedBorder = normalizeColorValue(this.borderColor);\n\n    const boxInlineStyles = {\n      ...(normalizedBackground && { '--color-background-box': normalizedBackground }),\n      ...(normalizedBorder && { '--color-border-box': normalizedBorder }),\n      ...(this.minHeight && { '--sizing-min-height-box': this.minHeight }),\n      ...(this.minWidth && { '--sizing-min-width-box': this.minWidth }),\n      ...(this.flex && !['none', 'grow', 'shrink'].includes(this.flex) && { 'flex': this.flex }),\n    };\n\n    return (\n      <Host class={boxClasses} style={boxInlineStyles}>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;MAAA,MAAM,SAAS,GAAG,8/8EAA8/8E;;YCSng9E,MAAM,sBAAA,MAAA;MAJnB,IAAA,WAAA,CAAA,OAAA,EAAA;;MAgHE;;MAEG;MACK,QAAA,IAAM,CAAA,MAAA,GAAI,KAAK;MAysBxB;UA5IC,MAAM,GAAA;MACJ,QAAA,MAAM,UAAU,GAAG;MACjB,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,UAAU,CAAE,CAAA,GAAG,EAAE;MAC1G,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,mBAAA,EAAsB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MACnH,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,WAAW,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,EAAE;MAC/G,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,iBAAiB,GAAG,EAAE;MACpC,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,YAAY,CAAE,CAAA,GAAG,EAAE;MAClH,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACzG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,iBAAA,EAAoB,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,EAAE;MAClG,IAAI,CAAC,GAAG,GAAG,cAAc,GAAG,EAAE;MAC9B,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,KAAK,GAAG,iBAAiB,GAAG,EAAE;MACnC,IAAI,CAAC,GAAG,KAAK,SAAS,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,GAAG,CAAE,CAAA,GAAG,EAAE;MACjF,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,EAAE;MAC1F,IAAI,CAAC,IAAI,GAAG,eAAe,GAAG,EAAE;MAChC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;MACrC,IAAI,CAAC,MAAM,GAAG,kBAAkB,GAAG,EAAE;AACrC,IAAA,EAAA,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE;MACxI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,oBAAA,EAAuB,IAAI,CAAC,cAAc,CAAE,CAAA,GAAG,EAAE;MAC1H,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACvI,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,sBAAA,EAAyB,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG,EAAE;MAC/H,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,qBAAA,EAAwB,IAAI,CAAC,cAAc,CAAE,CAAA,GAAG,EAAE;MAC3H,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACpI,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MAC7F,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,OAAO,KAAK,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,YAAA,EAAe,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,EAAE;MAC7F,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,eAAA,EAAkB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,EAAE;MACtG,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,wBAAA,EAA2B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACvI,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,mBAAmB,KAAK,SAAS,IAAI,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,2BAAA,EAA8B,IAAI,CAAC,mBAAmB,CAAE,CAAA,GAAG,EAAE;MAChJ,IAAI,CAAC,eAAe,KAAK,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,sBAAA,EAAyB,IAAI,CAAC,eAAe,CAAE,CAAA,GAAG,EAAE;MAC/H,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,iBAAiB,KAAK,SAAS,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,iBAAiB,CAAE,CAAA,GAAG,EAAE;MACxI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,yBAAA,EAA4B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC3I,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,oBAAoB,KAAK,SAAS,IAAI,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,4BAAA,EAA+B,IAAI,CAAC,oBAAoB,CAAE,CAAA,GAAG,EAAE;MACpJ,IAAI,CAAC,gBAAgB,KAAK,SAAS,IAAI,IAAI,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,uBAAA,EAA0B,IAAI,CAAC,gBAAgB,CAAE,CAAA,GAAG,EAAE;MACnI,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,kBAAkB,KAAK,SAAS,IAAI,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,0BAAA,EAA6B,IAAI,CAAC,kBAAkB,CAAE,CAAA,GAAG,EAAE;MAC5I,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,IAAI,KAAK,SAAS,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,gBAAA,EAAmB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,EAAE;MACxF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAA,WAAA,EAAc,IAAI,CAAC,MAAM,CAAE,CAAA,GAAG,EAAE;MACzF,IAAI,CAAC,IAAI,IAAI,SAAS;YACtB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS;YACxB,IAAI,CAAC,MAAM,IAAI,SAAS,GAAG,SAAS,GAAG,EAAE;KAC1C;;cAGD,MAAM,oBAAoB,GAAG,mBAAmB,CAAC,IAAI,CAAC,eAAe,CAAC;cACtE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC;cAE9D,MAAM,eAAe,GAChB,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,GAAC,oBAAoB,IAAI,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,EAC3E,GAAC,gBAAgB,IAAI,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,KAC9D,IAAI,CAAC,SAAS,IAAI,EAAE,yBAAyB,EAAE,IAAI,CAAC,SAAS,EAAE,EAChE,GAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,wBAAwB,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAC,GAC7D,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,EAC1F;cAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAA,CACxC;;;;;;;;;;;"}

package/dist/pine-core/p-HHZU8rBT.system.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-HHZU8rBT.system.js","sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--pine-color-border-danger);\n\n    &:checked {\n      background: var(--pine-color-border-danger);\n\n      &:hover {\n        background: var(--pine-color-border-danger-hover);\n        border-color: var(--pine-color-border-danger-hover);\n      }\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      background: var(--pine-color-background-container);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    + label {\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--pine-color-text-message-disabled);\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--sizing-margin-block-start);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  font-size: var(--pine-font-size-body-sm);\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <label htmlFor={this.componentId}>\n          <input\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            type=\"radio\"\n            id={this.componentId}\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleRadioChange}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;MAAA,MAAM,QAAQ,GAAG,qXAAqX;;MCAtY,MAAM,WAAW,GAAG,u4GAAu4G;;YCS94G,QAAQ,wBAAA,MAAA;MALrB,IAAA,WAAA,CAAA,OAAA,EAAA;;;MAMmB,QAAA,IAAK,CAAA,KAAA,GAAG,OAAgB;MAIzC;;;MAGG;MACK,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MAOvB;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAYtB;;;MAGC;MACO,QAAA,IAAO,CAAA,OAAA,GAAG,KAAK;MAiBzB;;;MAGG;MACK,QAAA,IAAQ,CAAA,QAAA,GAAG,KAAK;MAahB,QAAA,IAAA,CAAA,iBAAiB,GAAG,CAAC,CAAQ,KAAI;MACvC,YAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;sBACjB;;MAGF,YAAA,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B;MAC3C,YAAA,MAAM,SAAS,GAAG,MAAM,CAAC,OAAO;MAEhC,YAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC;MACrC,SAAC;MA6DF;UA3DS,UAAU,GAAA;cAChB,MAAM,UAAU,GAAG,EAAE;MAErB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;MAChB,YAAA,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;;MAE/B,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,YAAA,UAAU,CAAC,IAAI,CAAC,aAAa,CAAC;;MAGhC,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;;UAG9B,iBAAiB,GAAA;;MAEf,QAAA,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC;;UAG/C,MAAM,GAAA;MACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAC5B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAO,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC9B,CAAA,CAAA,OAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,kBAAA,EACoB,iBAAiB,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,aAAa,CAAC,kBACzE,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS,EAC/C,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,CAAC,WAAW,EACpB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,CAAA,EACF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAE,IAAI,CAAC,SAAS,GAAG,iBAAiB,GAAG,EAAE,EAAA,EACjD,IAAI,CAAC,KAAK,CACN,CACD,EACP,IAAI,CAAC,aAAa;MACjB,YAAA,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,oBAAoB,EAC3B,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC,IAExC,IAAI,CAAC,aAAa,CACf,EAEP,IAAI,CAAC,YAAY;kBAChB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAE,CAA8C,4CAAA,CAAA,EACrD,EAAE,EAAE,SAAS,CAAC,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,eAC9B,WAAW,EAAA,EAErB,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAU,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,OAAO,EAAG,CAAA,EACtC,IAAI,CAAC,YAAY,CACd,CAEH;;;;;;;;;;;;"}

package/dist/pine-core/p-a2708028.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as e,h as t,H as s,g as r}from"./p-Bf1dou5H.js";import{e as n,m as o,a}from"./p-DwjNklzi.js";import{i as l}from"./p-D4zJBIgl.js";import{i as d}from"./p-C0M1gTKv.js";const c=":host{display:inline-block}:host([aria-disabled=true]) label{color:var(--pine-color-text-label-disabled)}:host([aria-readonly=true]) label{color:var(--pine-color-text-label-readonly)}label{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const p=':host{--sizing-input-toggle-size:calc(var(--pine-dimension-250) - (var(--pine-dimension-025) * 2));--pine-dimension-025:2px;--spacing-message-inline:calc(var(--pine-dimension-450) + var(--pine-dimension-150));--number-transition-timing:0.15s ease-out;-ms-flex-align:start;align-items:flex-start;color:var(--pine-color-text);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-flow:row wrap;flex-flow:row wrap;position:relative}:host(.pds-switch--error){color:var(--pine-color-text-message-danger)}:host(.pds-switch--error) input,:host(.pds-switch--error) input:checked,:host(.pds-switch--error) input:hover:not(:disabled):not(:checked){background-color:var(--pine-color-danger)}:host(.pds-switch--error) input:focus-visible:not(:disabled):not(:checked){outline-color:var(--pine-color-focus-ring-danger)}:host(.pds-switch--error) label{color:var(--color-text-error)}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-neutral);border:0;border-radius:var(--pine-dimension-sm);cursor:pointer;display:inline-block;-ms-flex-negative:0;flex-shrink:0;height:var(--pine-dimension-250);margin:0;padding:0;position:relative;-webkit-transition:var(--number-transition-timing);transition:var(--number-transition-timing);-webkit-transition-property:background, border, color;transition-property:background, border, color;width:var(--pine-dimension-450)}input::after{background:var(--pine-color-secondary);border-radius:var(--pine-border-radius-full);-webkit-box-shadow:var(--pine-box-shadow);box-shadow:var(--pine-box-shadow);content:"";display:block;height:var(--sizing-input-toggle-size);inset-block-start:50%;inset-inline-start:50%;position:absolute;-webkit-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:-webkit-transform var(--number-transition-timing);transition:-webkit-transform var(--number-transition-timing);transition:transform var(--number-transition-timing);transition:transform var(--number-transition-timing), -webkit-transform var(--number-transition-timing);width:var(--sizing-input-toggle-size)}label{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-150)}.pds-switch--error label{color:inherit}.visually-hidden{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-switch__message{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs);-webkit-margin-start:var(--spacing-message-inline);margin-inline-start:var(--spacing-message-inline);width:100%}.pds-switch__message+.pds-switch__message{-webkit-margin-before:var(--spacing-message-inline);margin-block-start:var(--spacing-message-inline)}.pds-switch__message--error{color:inherit;display:-ms-flexbox;display:flex;gap:var(--pine-dimension-2xs)}.pds-switch__message--error pds-icon{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}input:disabled{background-color:var(--pine-color-neutral-disabled);cursor:not-allowed}input:disabled~label{cursor:initial}input:disabled:hover::after{background-color:var(--pine-color-background-container-disabled)}input:disabled .pds-switch__message{color:initial}input:hover:not(:disabled){background-color:var(--pine-color-neutral-hover)}input:focus-visible:not(:disabled){outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}input:checked::after{-webkit-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}input:checked:not(:disabled){background-color:currentColor;color:var(--pine-color-accent)}input:checked:not(:disabled):hover{border-color:currentColor;color:var(--pine-color-accent-hover)}';const h=class{constructor(t){i(this,t);this.pdsSwitchChange=e(this,"pdsSwitchChange");this.inheritedAttributes={};this._type="checkbox";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.onSwitchUpdate=i=>{if(this.disabled)return;const e=i.target;this.checked=e.checked;this.updateFormValue();this.pdsSwitchChange.emit(i)};this.switchClassNames=()=>{let i=`pds-switch`;if(this.invalid===true){i+=" pds-switch--error"}if(this.helperMessage!==undefined){i+=" pds-switch--message"}return i}}connectedCallback(){if(this.el.attachInternals){this.internals=this.el.attachInternals()}n(this.el,(()=>this._type))}componentDidLoad(){this.updateFormValue()}checkedChanged(){this.updateFormValue()}updateFormValue(){var i;if(typeof jest!=="undefined"||typeof process!=="undefined"&&((i=process.env)===null||i===void 0?void 0:i.NODE_ENV)==="test"){return}if(this.internals&&this.internals.setFormValue){const i=this.checked?this.value||"on":null;this.internals.setFormValue(i)}if(this.internals&&this.internals.setValidity){this.internals.setValidity({})}}formStateRestoreCallback(i){if(i instanceof FormData){const e=this.value||"on";this.checked=i.get(this.name||this.componentId)===e}else if(typeof i==="string"){this.checked=i===(this.value||"on")}}componentWillLoad(){this.inheritedAttributes=Object.assign({},d(this.el))}render(){return t(s,{key:"bc66c138352b3de0330f5b725e043b4055bec2d6",class:this.switchClassNames(),"aria-disabled":this.disabled?"true":null},t("label",{key:"c4e400efb2dd2701217bb1044f036d1a281d0001",htmlFor:this.componentId},t("input",Object.assign({key:"7b80961fb73cd330088f2c93d46475c1d1853da7","aria-describedby":a(this.componentId,this.invalid,this.errorMessage||this.helperMessage),"aria-invalid":this.invalid?"true":undefined,checked:this.checked,class:"pds-switch__input",disabled:this.disabled,id:this.componentId,name:this.name?this.name:this.componentId,onChange:this.onSwitchUpdate,required:this.required,type:"checkbox",value:this.value},this.inheritedAttributes)),t("span",{key:"318e23af1f6126302b8bb0bb8b9f12a0dc7f71b5",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&t("div",{key:"d16fc523de5eacdd14dc4edce347e3be63edeb3e",class:`pds-switch__message`,id:o(this.componentId,"helper")},this.helperMessage),this.errorMessage&&t("div",{key:"3c4ecef3cdb08568b0f52ed4af58a60c5f6ace62",class:`pds-switch__message pds-switch__message--error`,id:o(this.componentId,"error"),"aria-live":"assertive"},t("pds-icon",{key:"ef58ca016b5e0cf63cb43591ec7b50e84b19595d",icon:l,size:"small"}),this.errorMessage))}static get formAssociated(){return true}get el(){return r(this)}static get watchers(){return{checked:["checkedChanged"]}}};h.style=c+p;export{h as pds_switch};
-//# sourceMappingURL=p-a2708028.entry.js.map

package/dist/pine-core/p-a645818a.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as s,H as e,g as t}from"./p-Bf1dou5H.js";const i=":host{display:block}.pds-tabpanel{display:none;margin-top:var(--tabs-dimension-panel-margin-top);padding:var(--tabs-dimension-panel-padding)}.pds-tabpanel:focus-visible{outline:var(--pine-outline-focus);outline-offset:var(--pine-border-width)}.pds-tabpanel.is-active{display:block}";const n=class{constructor(s){a(this,s);this.selected=false}render(){return s(e,{key:"84aa81506200fd7f06a94a4c7570b2702b36d9e8",slot:"tabpanels"},s("div",{key:"0e890243eb41ebda64183cc4fd559abf38f5dfdc",role:"tabpanel",id:this.parentComponentId+"__"+this.name+"-panel",tabindex:"0","aria-labelledby":this.parentComponentId+"__"+this.name,class:this.selected?"pds-tabpanel is-active":"pds-tabpanel"},s("slot",{key:"aaabfd72a45f6cd52c9c279bf0c014315a659959"})))}get el(){return t(this)}};n.style=i;export{n as pds_tabpanel};
-//# sourceMappingURL=p-a645818a.entry.js.map

package/dist/pine-core/p-acd87a10.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as r,h as e,H as a,g as s}from"./p-Bf1dou5H.js";import{e as o,m as d,a as n}from"./p-DwjNklzi.js";import{i as c}from"./p-D4zJBIgl.js";const t=".sc-pds-radio-h{display:inline-block}[aria-disabled=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-disabled)}[aria-readonly=true].sc-pds-radio-h label.sc-pds-radio{color:var(--pine-color-text-label-readonly)}label.sc-pds-radio{color:var(--pine-color-text-label);font:var(--pine-typography-body-medium);letter-spacing:var(--pine-letter-spacing)}";const l='.sc-pds-radio-h{--sizing-check-size:6px;--sizing-input-size:var(--pine-dimension-sm);--sizing-margin-block-start:6px;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.is-invalid.sc-pds-radio-h input.sc-pds-radio{border-color:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked{background:var(--pine-color-border-danger)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:checked:hover{background:var(--pine-color-border-danger-hover);border-color:var(--pine-color-border-danger-hover)}.is-invalid.sc-pds-radio-h input.sc-pds-radio:focus-visible{outline-color:var(--pine-color-focus-ring-danger)}.is-invalid.sc-pds-radio-h label.sc-pds-radio,.is-invalid.sc-pds-radio-h .pds-radio__message--error.sc-pds-radio{color:var(--pine-color-text-message-danger)}input.sc-pds-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--pine-color-background-container);border:var(--pine-border);border-radius:var(--pine-border-radius-full);-ms-flex:none;flex:none;height:var(--sizing-input-size);margin:0;-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025);position:relative;width:var(--sizing-input-size)}input.sc-pds-radio:hover{background:var(--pine-color-background-container-hover);border:var(--pine-border-hover)}input.sc-pds-radio:checked{background:var(--pine-color-accent);border-color:var(--pine-color-accent)}input.sc-pds-radio:checked:hover{background:var(--pine-color-accent-hover);border-color:var(--pine-color-accent-hover)}input.sc-pds-radio:checked::after{background:var(--pine-color-background-container);border-radius:var(--pine-border-radius-full);content:"";display:block;height:var(--sizing-check-size);left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:var(--sizing-check-size)}input.sc-pds-radio:disabled{background:var(--pine-color-background-container-disabled);border-color:var(--pine-color-border-disabled);cursor:not-allowed}input.sc-pds-radio:disabled:checked{background-color:var(--pine-color-accent-disabled);border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled:checked::after{border-color:var(--pine-color-border-disabled)}input.sc-pds-radio:disabled+label.sc-pds-radio{cursor:not-allowed}input.sc-pds-radio:disabled~.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message-disabled)}input.sc-pds-radio:focus-visible{outline:var(--pine-outline-focus)}label.sc-pds-radio{display:-ms-flexbox;display:flex;gap:var(--pine-dimension-xs)}.visually-hidden.sc-pds-radio{border:0;clip:rect(0 0 0 0);-webkit-clip-path:polygon(0 0, 0 0, 0 0);clip-path:polygon(0 0, 0 0, 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pds-radio__message.sc-pds-radio{color:var(--pine-color-text-message);font:var(--pine-typography-body-sm-medium);-webkit-margin-before:var(--sizing-margin-block-start);margin-block-start:var(--sizing-margin-block-start);-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md);width:100%}.pds-radio__message--error.sc-pds-radio{display:-ms-flexbox;display:flex;font-size:var(--pine-font-size-body-sm);gap:var(--pine-dimension-2xs)}.pds-radio__message--error.sc-pds-radio pds-icon.sc-pds-radio{-webkit-margin-before:var(--pine-dimension-025);margin-block-start:var(--pine-dimension-025)}';const p=class{constructor(e){i(this,e);this.pdsRadioChange=r(this,"pdsRadioChange");this._type="radio";this.checked=false;this.disabled=false;this.invalid=false;this.required=false;this.handleRadioChange=i=>{if(this.disabled){return}const r=i.target;const e=r.checked;this.pdsRadioChange.emit(e)}}classNames(){const i=[];if(this.invalid){i.push("is-invalid")}if(this.disabled){i.push("is-disabled")}return i.join("  ")}connectedCallback(){o(this.el,(()=>this._type))}render(){return e(a,{key:"06e5b348a9fe664ac157f0383dab869885644f28",class:this.classNames()},e("label",{key:"12d203aa9a181de09a4323b0644905f308209e10",htmlFor:this.componentId},e("input",{key:"693af2832937dfa368859bc5d34e33813093bd19","aria-describedby":n(this.componentId,this.invalid,this.helperMessage),"aria-invalid":this.invalid?"true":undefined,type:"radio",id:this.componentId,name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,onChange:this.handleRadioChange}),e("span",{key:"12cbafe6f967b0336e12083e506d0347fd60bb1a",class:this.hideLabel?"visually-hidden":""},this.label)),this.helperMessage&&e("div",{key:"d4c416a2c24331bb23c6bd829aff51dfe142ac4a",class:"pds-radio__message",id:d(this.componentId,"helper")},this.helperMessage),this.errorMessage&&e("div",{key:"8b973854356bdf1d36401bb7f818bacf573da010",class:`pds-radio__message pds-radio__message--error`,id:d(this.componentId,"error"),"aria-live":"assertive"},e("pds-icon",{key:"85abae586504b4d64a19bf078ddd5fab099e4e06",icon:c,size:"small"}),this.errorMessage))}get el(){return s(this)}};p.style=t+l;export{p as pds_radio};
-//# sourceMappingURL=p-acd87a10.entry.js.map

package/dist/pine-core/p-acd87a10.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["labelCss","pdsRadioCss","PdsRadio","constructor","hostRef","this","_type","checked","disabled","invalid","required","handleRadioChange","e","target","isChecked","pdsRadioChange","emit","classNames","push","join","connectedCallback","exposeTypeProperty","el","render","h","Host","key","class","htmlFor","componentId","assignDescription","helperMessage","undefined","type","id","name","value","onChange","hideLabel","label","messageId","errorMessage","icon","danger","size"],"sources":["src/global/styles/utils/label.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.scss?tag=pds-radio&encapsulation=scoped","src/components/pds-radio/pds-radio.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([aria-disabled=\"true\"]) label {\n  color: var(--pine-color-text-label-disabled);\n}\n\n:host([aria-readonly=\"true\"]) {\n  label {\n    color: var(--pine-color-text-label-readonly);\n  }\n}\n\nlabel {\n  color: var(--pine-color-text-label);\n  font: var(--pine-typography-body-medium);\n  letter-spacing: var(--pine-letter-spacing);\n}\n",":host {\n  --sizing-check-size: 6px;\n  --sizing-input-size: var(--pine-dimension-sm);\n  --sizing-margin-block-start: 6px;\n\n  align-items: center;\n  display: flex;\n  flex-flow: row wrap;\n}\n\n:host(.is-invalid) {\n  input {\n    border-color: var(--pine-color-border-danger);\n\n    &:checked {\n      background: var(--pine-color-border-danger);\n\n      &:hover {\n        background: var(--pine-color-border-danger-hover);\n        border-color: var(--pine-color-border-danger-hover);\n      }\n    }\n\n    &:focus-visible {\n      outline-color: var(--pine-color-focus-ring-danger);\n    }\n  }\n\n  label,\n  .pds-radio__message--error {\n    color: var(--pine-color-text-message-danger);\n  }\n}\n\ninput {\n  appearance: none;\n  background: var(--pine-color-background-container);\n  border: var(--pine-border);\n  border-radius: var(--pine-border-radius-full);\n  flex: none;\n  height: var(--sizing-input-size);\n  margin: 0;\n  margin-block-start: var(--pine-dimension-025);\n  position: relative;\n  width: var(--sizing-input-size);\n\n  &:hover {\n    background: var(--pine-color-background-container-hover);\n    border: var(--pine-border-hover);\n  }\n\n  &:checked {\n    background: var(--pine-color-accent);\n    border-color: var(--pine-color-accent);\n\n    &:hover {\n      background: var(--pine-color-accent-hover);\n      border-color: var(--pine-color-accent-hover);\n    }\n\n    &::after {\n      background: var(--pine-color-background-container);\n      border-radius: var(--pine-border-radius-full);\n      content: \"\";\n      display: block;\n      height: var(--sizing-check-size);\n      left: 50%;\n      position: absolute;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      width: var(--sizing-check-size);\n    }\n  }\n\n  &:disabled {\n    background: var(--pine-color-background-container-disabled);\n    border-color: var(--pine-color-border-disabled);\n    cursor: not-allowed;\n\n    &:checked {\n      background-color: var(--pine-color-accent-disabled);\n      border-color: var(--pine-color-border-disabled);\n\n      &::after {\n        border-color: var(--pine-color-border-disabled);\n      }\n    }\n\n    + label {\n      cursor: not-allowed;\n    }\n\n    ~ .pds-radio__message {\n      color: var(--pine-color-text-message-disabled);\n    }\n  }\n\n  &:focus-visible {\n    outline: var(--pine-outline-focus);\n  }\n\n}\n\nlabel {\n  display: flex;\n  gap: var(--pine-dimension-xs);\n}\n\n.visually-hidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: polygon(0 0, 0 0, 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.pds-radio__message {\n  color: var(--pine-color-text-message);\n  font: var(--pine-typography-body-sm-medium);\n  margin-block-start: var(--sizing-margin-block-start);\n  margin-inline-start: var(--pine-dimension-md);\n  width: 100%;\n}\n\n.pds-radio__message--error {\n  display: flex;\n  font-size: var(--pine-font-size-body-sm);\n  gap: var(--pine-dimension-2xs);\n\n  pds-icon {\n    margin-block-start: var(--pine-dimension-025);\n  }\n}\n","import { Component, Host, h, Prop, Event, EventEmitter, Element } from '@stencil/core';\nimport { assignDescription, messageId, exposeTypeProperty } from '../../utils/form';\nimport { danger } from '@pine-ds/icons/icons';\n\n@Component({\n  tag: 'pds-radio',\n  styleUrls: ['../../global/styles/utils/label.scss', 'pds-radio.scss'],\n  scoped: true,\n})\nexport class PdsRadio {\n  private readonly _type = 'radio' as const;\n\n  @Element() el: HTMLPdsRadioElement;\n\n  /**\n   * Determines whether or not the radio is checked.\n   * @defaultValue false\n   */\n  @Prop() checked = false;\n\n  /**\n   * A unique identifier used for the underlying component `id` attribute and the label `for` attribute.\n   */\n  @Prop() componentId!: string;\n\n  /**\n   * Determines whether or not the radio is disabled.\n   * @defaultValue false\n   */\n  @Prop() disabled = false;\n\n  /**\n   * Displays error message text describing an invalid state.\n   */\n  @Prop() errorMessage: string;\n\n  /**\n   * Displays helper message text below radio.\n   */\n  @Prop() helperMessage: string;\n\n    /**\n   * Determines whether or not the radio is invalid.\n   * @defaultValue false\n   */\n    @Prop() invalid = false;\n\n  /**\n   * String used for label text next to radio.\n   */\n  @Prop() label: string;\n\n  /**\n   * Visually hides the label text for instances where only the radio should be displayed. Label remains accessible to assistive technology such as screen readers.\n   */\n  @Prop() hideLabel: boolean;\n\n  /**\n   * String used for radio `name` attribute.\n   */\n  @Prop() name: string;\n\n  /**\n   * Determines whether or not the radio is required.\n   * @defaultValue false\n   */\n  @Prop() required = false;\n\n  /**\n   * The value of the radio that is submitted with a form.\n   */\n  @Prop() value: string;\n\n\n  /**\n   * Emits a boolean indicating whether the checkbox is currently checked or unchecked.\n   */\n  @Event() pdsRadioChange: EventEmitter<boolean>;\n\n  private handleRadioChange = (e: Event) => {\n    if (this.disabled) {\n      return;\n    }\n\n    const target = e.target as HTMLInputElement;\n    const isChecked = target.checked;\n\n    this.pdsRadioChange.emit(isChecked);\n  }\n\n  private classNames() {\n    const classNames = [];\n\n    if (this.invalid) {\n      classNames.push('is-invalid');\n    }\n    if (this.disabled) {\n      classNames.push('is-disabled');\n    }\n\n    return classNames.join('  ');\n  }\n\n  connectedCallback() {\n    // Expose type property on the element instance to match native form element behavior\n    exposeTypeProperty(this.el, () => this._type);\n  }\n\n  render() {\n    return (\n      <Host class={this.classNames()}>\n        <label htmlFor={this.componentId}>\n          <input\n            aria-describedby={assignDescription(this.componentId, this.invalid, this.helperMessage)}\n            aria-invalid={this.invalid ? \"true\" : undefined}\n            type=\"radio\"\n            id={this.componentId}\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            onChange={this.handleRadioChange}\n          />\n          <span class={this.hideLabel ? 'visually-hidden' : ''}>\n            {this.label}\n          </span>\n        </label>\n        {this.helperMessage &&\n          <div\n            class={'pds-radio__message'}\n            id={messageId(this.componentId, 'helper')}\n          >\n            {this.helperMessage}\n          </div>\n        }\n        {this.errorMessage &&\n          <div\n            class={`pds-radio__message pds-radio__message--error`}\n            id={messageId(this.componentId, 'error')}\n            aria-live=\"assertive\"\n          >\n            <pds-icon icon={danger} size=\"small\" />\n            {this.errorMessage}\n          </div>\n        }\n      </Host>\n    );\n  }\n}\n"],"mappings":"sJAAA,MAAMA,EAAW,sXCAjB,MAAMC,EAAc,s4G,MCSPC,EAAQ,MALrB,WAAAC,CAAAC,G,uDAMmBC,KAAKC,MAAG,QAQjBD,KAAOE,QAAG,MAWVF,KAAQG,SAAG,MAgBTH,KAAOI,QAAG,MAqBZJ,KAAQK,SAAG,MAaXL,KAAAM,kBAAqBC,IAC3B,GAAIP,KAAKG,SAAU,CACjB,M,CAGF,MAAMK,EAASD,EAAEC,OACjB,MAAMC,EAAYD,EAAON,QAEzBF,KAAKU,eAAeC,KAAKF,EAAU,CA8DtC,CA3DS,UAAAG,GACN,MAAMA,EAAa,GAEnB,GAAIZ,KAAKI,QAAS,CAChBQ,EAAWC,KAAK,a,CAElB,GAAIb,KAAKG,SAAU,CACjBS,EAAWC,KAAK,c,CAGlB,OAAOD,EAAWE,KAAK,K,CAGzB,iBAAAC,GAEEC,EAAmBhB,KAAKiB,IAAI,IAAMjB,KAAKC,O,CAGzC,MAAAiB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,MAAOtB,KAAKY,cAChBO,EAAA,SAAAE,IAAA,2CAAOE,QAASvB,KAAKwB,aACnBL,EAAA,SAAAE,IAAA,8DACoBI,EAAkBzB,KAAKwB,YAAaxB,KAAKI,QAASJ,KAAK0B,eAAc,eACzE1B,KAAKI,QAAU,OAASuB,UACtCC,KAAK,QACLC,GAAI7B,KAAKwB,YACTM,KAAM9B,KAAK8B,KACXC,MAAO/B,KAAK+B,MACZ7B,QAASF,KAAKE,QACdG,SAAUL,KAAKK,SACfF,SAAUH,KAAKG,SACf6B,SAAUhC,KAAKM,oBAEjBa,EAAA,QAAAE,IAAA,2CAAMC,MAAOtB,KAAKiC,UAAY,kBAAoB,IAC/CjC,KAAKkC,QAGTlC,KAAK0B,eACJP,EAAA,OAAAE,IAAA,2CACEC,MAAO,qBACPO,GAAIM,EAAUnC,KAAKwB,YAAa,WAE/BxB,KAAK0B,eAGT1B,KAAKoC,cACJjB,EAAA,OAAAE,IAAA,2CACEC,MAAO,+CACPO,GAAIM,EAAUnC,KAAKwB,YAAa,SAAQ,YAC9B,aAEVL,EAAA,YAAAE,IAAA,2CAAUgB,KAAMC,EAAQC,KAAK,UAC5BvC,KAAKoC,c","ignoreList":[]}

package/dist/pine-core/p-bc2fecd4.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-Cxvdulqq.system.js","./p-BG6uGRQj.system.js"],(function(i){"use strict";var n,e,d,s;return{setters:[function(i){n=i.r;e=i.h;d=i.H},function(i){s=i.n}],execute:function(){var a="pds-box{--border-width-default:var(--pine-border-width-thin);--color-background-box:inherit;--color-border-box:inherit;display:block}[class*=pds-box]{background-color:var(--color-background-box);-webkit-box-sizing:border-box;box-sizing:border-box;display:-ms-inline-flexbox;display:inline-flex}[class*=pds-box][min-height]{min-height:var(--sizing-min-height-box)}[class*=pds-box][min-width]{min-width:var(--sizing-min-width-box)}.pds-row>[class*=pds-box]{position:relative;width:100%}.pds-row>[class*=pds-box].pds-box--auto{width:auto}.pds-spacing-xxs{margin:4px}.pds-spacing-xs{margin:8px}.pds-spacing-sm{margin:16px}.pds-spacing-md{margin:24px}.pds-spacing-lg{margin:36px}.pds-spacing-xl{margin:48px}.pds-spacing-xxl{margin:64px}.pds-spacing-top-xxs{-webkit-margin-before:4px;margin-block-start:4px}.pds-spacing-top-xs{-webkit-margin-before:8px;margin-block-start:8px}.pds-spacing-top-sm{-webkit-margin-before:16px;margin-block-start:16px}.pds-spacing-top-md{-webkit-margin-before:24px;margin-block-start:24px}.pds-spacing-top-lg{-webkit-margin-before:36px;margin-block-start:36px}.pds-spacing-top-xl{-webkit-margin-before:48px;margin-block-start:48px}.pds-spacing-top-xxl{-webkit-margin-before:64px;margin-block-start:64px}.pds-spacing-right-xxs{-webkit-margin-end:4px;margin-inline-end:4px}.pds-spacing-right-xs{-webkit-margin-end:8px;margin-inline-end:8px}.pds-spacing-right-sm{-webkit-margin-end:16px;margin-inline-end:16px}.pds-spacing-right-md{-webkit-margin-end:24px;margin-inline-end:24px}.pds-spacing-right-lg{-webkit-margin-end:36px;margin-inline-end:36px}.pds-spacing-right-xl{-webkit-margin-end:48px;margin-inline-end:48px}.pds-spacing-right-xxl{-webkit-margin-end:64px;margin-inline-end:64px}.pds-spacing-left-xxs{-webkit-margin-start:4px;margin-inline-start:4px}.pds-spacing-left-xs{-webkit-margin-start:8px;margin-inline-start:8px}.pds-spacing-left-sm{-webkit-margin-start:16px;margin-inline-start:16px}.pds-spacing-left-md{-webkit-margin-start:24px;margin-inline-start:24px}.pds-spacing-left-lg{-webkit-margin-start:36px;margin-inline-start:36px}.pds-spacing-left-xl{-webkit-margin-start:48px;margin-inline-start:48px}.pds-spacing-left-xxl{-webkit-margin-start:64px;margin-inline-start:64px}.pds-spacing-bottom-xxs{-webkit-margin-after:4px;margin-block-end:4px}.pds-spacing-bottom-xs{-webkit-margin-after:8px;margin-block-end:8px}.pds-spacing-bottom-sm{-webkit-margin-after:16px;margin-block-end:16px}.pds-spacing-bottom-md{-webkit-margin-after:24px;margin-block-end:24px}.pds-spacing-bottom-lg{-webkit-margin-after:36px;margin-block-end:36px}.pds-spacing-bottom-xl{-webkit-margin-after:48px;margin-block-end:48px}.pds-spacing-bottom-xxl{-webkit-margin-after:64px;margin-block-end:64px}.pds-box-offset-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-12{-webkit-margin-start:100%;margin-inline-start:100%}@media (max-width: 575px){.pds-box-offset-xs-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xs-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xs-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xs-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xs-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xs-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xs-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xs-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xs-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xs-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xs-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xs-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xs-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 576px){.pds-box-offset-sm-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-sm-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-sm-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-sm-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-sm-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-sm-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-sm-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-sm-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-sm-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-sm-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-sm-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-sm-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-sm-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 768px){.pds-box-offset-md-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-md-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-md-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-md-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-md-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-md-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-md-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-md-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-md-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-md-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-md-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-md-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-md-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 992px){.pds-box-offset-lg-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-lg-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-lg-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-lg-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-lg-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-lg-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-lg-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-lg-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-lg-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-lg-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-lg-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-lg-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-lg-12{-webkit-margin-start:100%;margin-inline-start:100%}}@media (min-width: 1200px){.pds-box-offset-xl-0{-webkit-margin-start:0;margin-inline-start:0}.pds-box-offset-xl-1{-webkit-margin-start:8.3333333333%;margin-inline-start:8.3333333333%}.pds-box-offset-xl-2{-webkit-margin-start:16.6666666667%;margin-inline-start:16.6666666667%}.pds-box-offset-xl-3{-webkit-margin-start:25%;margin-inline-start:25%}.pds-box-offset-xl-4{-webkit-margin-start:33.3333333333%;margin-inline-start:33.3333333333%}.pds-box-offset-xl-5{-webkit-margin-start:41.6666666667%;margin-inline-start:41.6666666667%}.pds-box-offset-xl-6{-webkit-margin-start:50%;margin-inline-start:50%}.pds-box-offset-xl-7{-webkit-margin-start:58.3333333333%;margin-inline-start:58.3333333333%}.pds-box-offset-xl-8{-webkit-margin-start:66.6666666667%;margin-inline-start:66.6666666667%}.pds-box-offset-xl-9{-webkit-margin-start:75%;margin-inline-start:75%}.pds-box-offset-xl-10{-webkit-margin-start:83.3333333333%;margin-inline-start:83.3333333333%}.pds-box-offset-xl-11{-webkit-margin-start:91.6666666667%;margin-inline-start:91.6666666667%}.pds-box-offset-xl-12{-webkit-margin-start:100%;margin-inline-start:100%}}.pds-box-0{display:none}.pds-box-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}@media (max-width: 575px){.pds-box-xs-0{display:none}.pds-box-xs-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xs-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xs-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xs-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xs-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xs-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xs-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xs-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xs-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xs-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xs-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xs-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 576px){.pds-box-sm-0{display:none}.pds-box-sm-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-sm-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-sm-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-sm-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-sm-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-sm-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-sm-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-sm-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-sm-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-sm-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-sm-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-sm-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 768px){.pds-box-md-0{display:none}.pds-box-md-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-md-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-md-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-md-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-md-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-md-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-md-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-md-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-md-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-md-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-md-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-md-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 992px){.pds-box-lg-0{display:none}.pds-box-lg-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-lg-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-lg-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-lg-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-lg-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-lg-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-lg-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-lg-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-lg-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-lg-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-lg-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-lg-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}@media (min-width: 1200px){.pds-box-xl-0{display:none}.pds-box-xl-1{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:8.3333333333%;flex:8.3333333333%;max-width:8.3333333333%}.pds-box-xl-2{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:16.6666666667%;flex:16.6666666667%;max-width:16.6666666667%}.pds-box-xl-3{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:25%;flex:25%;max-width:25%}.pds-box-xl-4{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:33.3333333333%;flex:33.3333333333%;max-width:33.3333333333%}.pds-box-xl-5{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:41.6666666667%;flex:41.6666666667%;max-width:41.6666666667%}.pds-box-xl-6{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:50%;flex:50%;max-width:50%}.pds-box-xl-7{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:58.3333333333%;flex:58.3333333333%;max-width:58.3333333333%}.pds-box-xl-8{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:66.6666666667%;flex:66.6666666667%;max-width:66.6666666667%}.pds-box-xl-9{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:75%;flex:75%;max-width:75%}.pds-box-xl-10{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:83.3333333333%;flex:83.3333333333%;max-width:83.3333333333%}.pds-box-xl-11{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:91.6666666667%;flex:91.6666666667%;max-width:91.6666666667%}.pds-box-xl-12{display:-ms-inline-flexbox;display:inline-flex;-ms-flex:100%;flex:100%;max-width:100%}}.pds-box{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1}.pds-row>.pds-box[class*=pds-box-]{-ms-flex-preferred-size:auto;flex-basis:auto}.pds-box--auto{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}.pds-box--fit{max-width:100%;min-width:100%;width:100%}.pds-box--border{border-color:var(--color-border-box, var(--pine-color-grey-300));border-style:solid;border-width:var(--border-width-default)}.pds-box--display-flex{display:-ms-flexbox;display:flex}.pds-box--display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box--display-block{display:block}.pds-box--display-inline-block{display:inline-block}.pds-box--flex-none{-ms-flex:0 0 auto;flex:0 0 auto}.pds-box--flex-grow{-ms-flex:1 1 auto;flex:1 1 auto}.pds-box--flex-shrink{-ms-flex:0 0 auto;flex:0 0 auto}.pds-border-radius-none{border-radius:0}.pds-border-radius-xs{border-radius:var(--pine-dimension-2xs)}.pds-border-radius-sm{border-radius:var(--pine-dimension-xs)}.pds-border-radius-md{border-radius:var(--pine-dimension-125)}.pds-border-radius-lg{border-radius:var(--pine-dimension-sm)}.pds-border-radius-circle{border-radius:var(--pine-border-radius-full)}.pds-shadow-050{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-100{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-150{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-200{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-shadow-300{-webkit-box-shadow:var(--pine-box-shadow-300);box-shadow:var(--pine-box-shadow-300)}.pds-shadow-400{-webkit-box-shadow:var(--pine-box-shadow-400);box-shadow:var(--pine-box-shadow-400)}.pds-shadow-500{-webkit-box-shadow:var(--pine-box-shadow-500);box-shadow:var(--pine-box-shadow-500)}.pds-shadow-xs{-webkit-box-shadow:var(--pine-box-shadow-050);box-shadow:var(--pine-box-shadow-050)}.pds-shadow-sm{-webkit-box-shadow:var(--pine-box-shadow-100);box-shadow:var(--pine-box-shadow-100)}.pds-shadow-md{-webkit-box-shadow:var(--pine-box-shadow-150);box-shadow:var(--pine-box-shadow-150)}.pds-shadow-lg{-webkit-box-shadow:var(--pine-box-shadow-200);box-shadow:var(--pine-box-shadow-200)}.pds-box-gap-none{gap:0}.pds-box-gap-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xxl{gap:var(--pine-dimension-2xl)}.pds-margin-block-start-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-block-start-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-block-start-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-block-start-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-block-start-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-block-start-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-block-start-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-start-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-inline-end-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-inline-end-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-inline-end-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-inline-end-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-inline-end-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-inline-end-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-end-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-end-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-end-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-end-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}.pds-padding-none{padding:0}.pds-padding-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-xs{padding:var(--pine-dimension-xs)}.pds-padding-sm{padding:var(--pine-dimension-sm)}.pds-padding-md{padding:var(--pine-dimension-md)}.pds-padding-lg{padding:var(--pine-dimension-lg)}.pds-padding-xl{padding:var(--pine-dimension-xl)}.pds-padding-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-start-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-start-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-start-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-start-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-start-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-start-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-start-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-block-end-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-block-end-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-block-end-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-block-end-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-block-end-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-block-end-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-block-end-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-start-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-start-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-start-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-start-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-start-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-start-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-inline-end-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-inline-end-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-inline-end-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-inline-end-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-inline-end-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-inline-end-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}.pds-box-display-block{display:block}.pds-box-display-inline-block{display:inline-block}.pds-box-display-flex{display:-ms-flexbox;display:flex}.pds-box-display-inline-flex{display:-ms-inline-flexbox;display:inline-flex}.pds-box-direction-row{-ms-flex-direction:row;flex-direction:row}.pds-box-direction-column{-ms-flex-direction:column;flex-direction:column}.pds-box--wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.pds-justify-content-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}@media (max-width: 575px){.pds-justify-content-xs-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xs-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xs-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xs-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xs-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xs-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 576px){.pds-justify-content-sm-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-sm-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-sm-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-sm-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-sm-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-sm-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 768px){.pds-justify-content-md-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-md-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-md-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-md-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-md-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-md-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 992px){.pds-justify-content-lg-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-lg-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-lg-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-lg-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-lg-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-lg-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}@media (min-width: 1200px){.pds-justify-content-xl-start{-ms-flex-pack:start;justify-content:start}.pds-justify-content-xl-center{-ms-flex-pack:center;justify-content:center}.pds-justify-content-xl-end{-ms-flex-pack:end;justify-content:end}.pds-justify-content-xl-space-between{-ms-flex-pack:justify;justify-content:space-between}.pds-justify-content-xl-space-around{-ms-flex-pack:distribute;justify-content:space-around}.pds-justify-content-xl-space-evenly{-ms-flex-pack:space-evenly;justify-content:space-evenly}}.pds-align-items-start{-ms-flex-align:start;align-items:start}.pds-align-items-center{-ms-flex-align:center;align-items:center}.pds-align-items-end{-ms-flex-align:end;align-items:end}.pds-align-items-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-stretch{-ms-flex-align:stretch;align-items:stretch}@media (max-width: 575px){.pds-align-items-xs-start{-ms-flex-align:start;align-items:start}.pds-align-items-xs-center{-ms-flex-align:center;align-items:center}.pds-align-items-xs-end{-ms-flex-align:end;align-items:end}.pds-align-items-xs-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xs-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 576px){.pds-align-items-sm-start{-ms-flex-align:start;align-items:start}.pds-align-items-sm-center{-ms-flex-align:center;align-items:center}.pds-align-items-sm-end{-ms-flex-align:end;align-items:end}.pds-align-items-sm-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-sm-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 768px){.pds-align-items-md-start{-ms-flex-align:start;align-items:start}.pds-align-items-md-center{-ms-flex-align:center;align-items:center}.pds-align-items-md-end{-ms-flex-align:end;align-items:end}.pds-align-items-md-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-md-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 992px){.pds-align-items-lg-start{-ms-flex-align:start;align-items:start}.pds-align-items-lg-center{-ms-flex-align:center;align-items:center}.pds-align-items-lg-end{-ms-flex-align:end;align-items:end}.pds-align-items-lg-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-lg-stretch{-ms-flex-align:stretch;align-items:stretch}}@media (min-width: 1200px){.pds-align-items-xl-start{-ms-flex-align:start;align-items:start}.pds-align-items-xl-center{-ms-flex-align:center;align-items:center}.pds-align-items-xl-end{-ms-flex-align:end;align-items:end}.pds-align-items-xl-baseline{-ms-flex-align:baseline;align-items:baseline}.pds-align-items-xl-stretch{-ms-flex-align:stretch;align-items:stretch}}.pds-align-self-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-stretch{-ms-flex-item-align:stretch;align-self:stretch}@media (max-width: 575px){.pds-align-self-xs-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xs-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xs-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xs-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xs-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 576px){.pds-align-self-sm-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-sm-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-sm-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-sm-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-sm-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 768px){.pds-align-self-md-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-md-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-md-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-md-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-md-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 992px){.pds-align-self-lg-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-lg-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-lg-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-lg-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-lg-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (min-width: 1200px){.pds-align-self-xl-start{-ms-flex-item-align:start;align-self:start}.pds-align-self-xl-center{-ms-flex-item-align:center;align-self:center}.pds-align-self-xl-end{-ms-flex-item-align:end;align-self:end}.pds-align-self-xl-baseline{-ms-flex-item-align:baseline;align-self:baseline}.pds-align-self-xl-stretch{-ms-flex-item-align:stretch;align-self:stretch}}@media (max-width: 575px){.pds-box--wrap-xs{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 576px){.pds-box--wrap-sm{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 768px){.pds-box--wrap-md{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 992px){.pds-box--wrap-lg{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (min-width: 1200px){.pds-box--wrap-xl{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 575px){.pds-box--auto-xs{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 576px){.pds-box--auto-sm{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 768px){.pds-box--auto-md{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 992px){.pds-box--auto-lg{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (min-width: 1200px){.pds-box--auto-xl{-ms-flex:0 0 var(--sizing-min-width-box, fit-content);flex:0 0 var(--sizing-min-width-box, fit-content);min-width:auto;width:auto}}@media (max-width: 575px){.pds-box--fit-xs{max-width:100%;min-width:100%;width:100%}}@media (min-width: 576px){.pds-box--fit-sm{max-width:100%;min-width:100%;width:100%}}@media (min-width: 768px){.pds-box--fit-md{max-width:100%;min-width:100%;width:100%}}@media (min-width: 992px){.pds-box--fit-lg{max-width:100%;min-width:100%;width:100%}}@media (min-width: 1200px){.pds-box--fit-xl{max-width:100%;min-width:100%;width:100%}}@media (max-width: 575px){.pds-box-gap-xs-none{gap:0}.pds-box-gap-xs-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xs-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xs-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xs-md{gap:var(--pine-dimension-md)}.pds-box-gap-xs-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xs-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xs-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-box-gap-sm-none{gap:0}.pds-box-gap-sm-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-sm-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-sm-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-sm-md{gap:var(--pine-dimension-md)}.pds-box-gap-sm-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-sm-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-sm-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-box-gap-md-none{gap:0}.pds-box-gap-md-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-md-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-md-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-md-md{gap:var(--pine-dimension-md)}.pds-box-gap-md-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-md-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-md-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-box-gap-lg-none{gap:0}.pds-box-gap-lg-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-lg-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-lg-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-lg-md{gap:var(--pine-dimension-md)}.pds-box-gap-lg-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-lg-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-lg-xxl{gap:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-box-gap-xl-none{gap:0}.pds-box-gap-xl-xxs{gap:var(--pine-dimension-2xs)}.pds-box-gap-xl-xs{gap:var(--pine-dimension-xs)}.pds-box-gap-xl-sm{gap:var(--pine-dimension-sm)}.pds-box-gap-xl-md{gap:var(--pine-dimension-md)}.pds-box-gap-xl-lg{gap:var(--pine-dimension-lg)}.pds-box-gap-xl-xl{gap:var(--pine-dimension-xl)}.pds-box-gap-xl-xxl{gap:var(--pine-dimension-2xl)}}@media (max-width: 575px){.pds-margin-block-start-xs-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xs-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xs-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xs-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xs-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xs-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xs-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xs-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xs-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xs-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xs-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xs-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xs-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xs-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xs-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xs-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xs-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xs-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xs-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xs-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xs-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xs-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xs-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xs-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xs-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xs-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xs-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xs-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xs-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xs-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xs-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xs-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-margin-block-start-sm-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-sm-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-sm-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-sm-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-sm-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-sm-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-sm-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-sm-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-sm-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-sm-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-sm-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-sm-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-sm-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-sm-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-sm-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-sm-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-sm-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-sm-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-sm-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-sm-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-sm-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-sm-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-sm-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-sm-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-sm-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-sm-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-sm-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-sm-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-sm-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-sm-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-sm-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-sm-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-margin-block-start-md-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-md-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-md-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-md-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-md-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-md-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-md-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-md-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-md-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-md-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-md-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-md-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-md-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-md-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-md-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-md-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-md-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-md-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-md-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-md-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-md-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-md-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-md-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-md-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-md-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-md-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-md-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-md-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-md-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-md-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-md-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-md-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-margin-block-start-lg-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-lg-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-lg-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-lg-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-lg-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-lg-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-lg-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-lg-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-lg-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-lg-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-lg-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-lg-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-lg-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-lg-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-lg-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-lg-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-lg-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-lg-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-lg-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-lg-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-lg-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-lg-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-lg-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-lg-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-lg-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-lg-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-lg-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-lg-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-lg-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-lg-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-lg-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-lg-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-margin-block-start-xl-none{-webkit-margin-before:0;margin-block-start:0}.pds-margin-inline-start-xl-none{-webkit-margin-start:0;margin-inline-start:0}.pds-margin-inline-end-xl-none{-webkit-margin-end:0;margin-inline-end:0}.pds-margin-block-end-xl-none{-webkit-margin-after:0;margin-block-end:0}.pds-margin-block-start-xl-xxs{-webkit-margin-before:var(--pine-dimension-2xs);margin-block-start:var(--pine-dimension-2xs)}.pds-margin-inline-start-xl-xxs{-webkit-margin-start:var(--pine-dimension-2xs);margin-inline-start:var(--pine-dimension-2xs)}.pds-margin-inline-end-xl-xxs{-webkit-margin-end:var(--pine-dimension-2xs);margin-inline-end:var(--pine-dimension-2xs)}.pds-margin-block-end-xl-xxs{-webkit-margin-after:var(--pine-dimension-2xs);margin-block-end:var(--pine-dimension-2xs)}.pds-margin-block-start-xl-xs{-webkit-margin-before:var(--pine-dimension-xs);margin-block-start:var(--pine-dimension-xs)}.pds-margin-inline-start-xl-xs{-webkit-margin-start:var(--pine-dimension-xs);margin-inline-start:var(--pine-dimension-xs)}.pds-margin-inline-end-xl-xs{-webkit-margin-end:var(--pine-dimension-xs);margin-inline-end:var(--pine-dimension-xs)}.pds-margin-block-end-xl-xs{-webkit-margin-after:var(--pine-dimension-xs);margin-block-end:var(--pine-dimension-xs)}.pds-margin-block-start-xl-sm{-webkit-margin-before:var(--pine-dimension-sm);margin-block-start:var(--pine-dimension-sm)}.pds-margin-inline-start-xl-sm{-webkit-margin-start:var(--pine-dimension-sm);margin-inline-start:var(--pine-dimension-sm)}.pds-margin-inline-end-xl-sm{-webkit-margin-end:var(--pine-dimension-sm);margin-inline-end:var(--pine-dimension-sm)}.pds-margin-block-end-xl-sm{-webkit-margin-after:var(--pine-dimension-sm);margin-block-end:var(--pine-dimension-sm)}.pds-margin-block-start-xl-md{-webkit-margin-before:var(--pine-dimension-md);margin-block-start:var(--pine-dimension-md)}.pds-margin-inline-start-xl-md{-webkit-margin-start:var(--pine-dimension-md);margin-inline-start:var(--pine-dimension-md)}.pds-margin-inline-end-xl-md{-webkit-margin-end:var(--pine-dimension-md);margin-inline-end:var(--pine-dimension-md)}.pds-margin-block-end-xl-md{-webkit-margin-after:var(--pine-dimension-md);margin-block-end:var(--pine-dimension-md)}.pds-margin-block-start-xl-lg{-webkit-margin-before:var(--pine-dimension-lg);margin-block-start:var(--pine-dimension-lg)}.pds-margin-inline-start-xl-lg{-webkit-margin-start:var(--pine-dimension-lg);margin-inline-start:var(--pine-dimension-lg)}.pds-margin-inline-end-xl-lg{-webkit-margin-end:var(--pine-dimension-lg);margin-inline-end:var(--pine-dimension-lg)}.pds-margin-block-end-xl-lg{-webkit-margin-after:var(--pine-dimension-lg);margin-block-end:var(--pine-dimension-lg)}.pds-margin-block-start-xl-xl{-webkit-margin-before:var(--pine-dimension-xl);margin-block-start:var(--pine-dimension-xl)}.pds-margin-inline-start-xl-xl{-webkit-margin-start:var(--pine-dimension-xl);margin-inline-start:var(--pine-dimension-xl)}.pds-margin-inline-end-xl-xl{-webkit-margin-end:var(--pine-dimension-xl);margin-inline-end:var(--pine-dimension-xl)}.pds-margin-block-end-xl-xl{-webkit-margin-after:var(--pine-dimension-xl);margin-block-end:var(--pine-dimension-xl)}.pds-margin-block-start-xl-xxl{-webkit-margin-before:var(--pine-dimension-2xl);margin-block-start:var(--pine-dimension-2xl)}.pds-margin-inline-start-xl-xxl{-webkit-margin-start:var(--pine-dimension-2xl);margin-inline-start:var(--pine-dimension-2xl)}.pds-margin-inline-end-xl-xxl{-webkit-margin-end:var(--pine-dimension-2xl);margin-inline-end:var(--pine-dimension-2xl)}.pds-margin-block-end-xl-xxl{-webkit-margin-after:var(--pine-dimension-2xl);margin-block-end:var(--pine-dimension-2xl)}}@media (max-width: 575px){.pds-padding-xs-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-xs-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-xs-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-xs-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-xs-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-xs-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xs-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xs-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xs-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xs-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xs-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xs-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xs-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xs-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xs-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xs-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xs-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xs-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xs-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xs-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xs-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xs-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xs-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xs-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xs-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xs-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xs-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xs-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xs-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xs-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xs-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xs-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xs-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xs-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xs-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xs-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xs-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xs-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xs-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xs-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 576px){.pds-padding-sm-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-sm-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-sm-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-sm-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-sm-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-sm-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-sm-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-sm-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-sm-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-sm-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-sm-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-sm-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-sm-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-sm-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-sm-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-sm-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-sm-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-sm-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-sm-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-sm-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-sm-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-sm-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-sm-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-sm-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-sm-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-sm-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-sm-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-sm-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-sm-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-sm-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-sm-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-sm-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-sm-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-sm-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-sm-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-sm-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-sm-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-sm-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-sm-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-sm-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 768px){.pds-padding-md-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-md-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-md-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-md-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-md-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-md-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-md-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-md-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-md-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-md-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-md-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-md-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-md-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-md-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-md-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-md-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-md-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-md-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-md-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-md-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-md-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-md-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-md-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-md-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-md-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-md-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-md-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-md-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-md-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-md-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-md-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-md-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-md-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-md-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-md-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-md-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-md-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-md-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-md-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-md-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 992px){.pds-padding-lg-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-lg-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-lg-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-lg-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-lg-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-lg-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-lg-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-lg-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-lg-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-lg-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-lg-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-lg-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-lg-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-lg-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-lg-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-lg-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-lg-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-lg-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-lg-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-lg-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-lg-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-lg-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-lg-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-lg-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-lg-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-lg-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-lg-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-lg-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-lg-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-lg-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-lg-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-lg-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-lg-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-lg-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-lg-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-lg-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-lg-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-lg-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-lg-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-lg-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}@media (min-width: 1200px){.pds-padding-xl-none{padding:var(--pine-dimension-none)}.pds-padding-block-start-xl-none{-webkit-padding-before:var(--pine-dimension-none);padding-block-start:var(--pine-dimension-none)}.pds-padding-block-end-xl-none{-webkit-padding-after:var(--pine-dimension-none);padding-block-end:var(--pine-dimension-none)}.pds-padding-inline-start-xl-none{-webkit-padding-start:var(--pine-dimension-none);padding-inline-start:var(--pine-dimension-none)}.pds-padding-inline-end-xl-none{-webkit-padding-end:var(--pine-dimension-none);padding-inline-end:var(--pine-dimension-none)}.pds-padding-xl-xxs{padding:var(--pine-dimension-2xs)}.pds-padding-block-start-xl-xxs{-webkit-padding-before:var(--pine-dimension-2xs);padding-block-start:var(--pine-dimension-2xs)}.pds-padding-block-end-xl-xxs{-webkit-padding-after:var(--pine-dimension-2xs);padding-block-end:var(--pine-dimension-2xs)}.pds-padding-inline-start-xl-xxs{-webkit-padding-start:var(--pine-dimension-2xs);padding-inline-start:var(--pine-dimension-2xs)}.pds-padding-inline-end-xl-xxs{-webkit-padding-end:var(--pine-dimension-2xs);padding-inline-end:var(--pine-dimension-2xs)}.pds-padding-xl-xs{padding:var(--pine-dimension-xs)}.pds-padding-block-start-xl-xs{-webkit-padding-before:var(--pine-dimension-xs);padding-block-start:var(--pine-dimension-xs)}.pds-padding-block-end-xl-xs{-webkit-padding-after:var(--pine-dimension-xs);padding-block-end:var(--pine-dimension-xs)}.pds-padding-inline-start-xl-xs{-webkit-padding-start:var(--pine-dimension-xs);padding-inline-start:var(--pine-dimension-xs)}.pds-padding-inline-end-xl-xs{-webkit-padding-end:var(--pine-dimension-xs);padding-inline-end:var(--pine-dimension-xs)}.pds-padding-xl-sm{padding:var(--pine-dimension-sm)}.pds-padding-block-start-xl-sm{-webkit-padding-before:var(--pine-dimension-sm);padding-block-start:var(--pine-dimension-sm)}.pds-padding-block-end-xl-sm{-webkit-padding-after:var(--pine-dimension-sm);padding-block-end:var(--pine-dimension-sm)}.pds-padding-inline-start-xl-sm{-webkit-padding-start:var(--pine-dimension-sm);padding-inline-start:var(--pine-dimension-sm)}.pds-padding-inline-end-xl-sm{-webkit-padding-end:var(--pine-dimension-sm);padding-inline-end:var(--pine-dimension-sm)}.pds-padding-xl-md{padding:var(--pine-dimension-md)}.pds-padding-block-start-xl-md{-webkit-padding-before:var(--pine-dimension-md);padding-block-start:var(--pine-dimension-md)}.pds-padding-block-end-xl-md{-webkit-padding-after:var(--pine-dimension-md);padding-block-end:var(--pine-dimension-md)}.pds-padding-inline-start-xl-md{-webkit-padding-start:var(--pine-dimension-md);padding-inline-start:var(--pine-dimension-md)}.pds-padding-inline-end-xl-md{-webkit-padding-end:var(--pine-dimension-md);padding-inline-end:var(--pine-dimension-md)}.pds-padding-xl-lg{padding:var(--pine-dimension-lg)}.pds-padding-block-start-xl-lg{-webkit-padding-before:var(--pine-dimension-lg);padding-block-start:var(--pine-dimension-lg)}.pds-padding-block-end-xl-lg{-webkit-padding-after:var(--pine-dimension-lg);padding-block-end:var(--pine-dimension-lg)}.pds-padding-inline-start-xl-lg{-webkit-padding-start:var(--pine-dimension-lg);padding-inline-start:var(--pine-dimension-lg)}.pds-padding-inline-end-xl-lg{-webkit-padding-end:var(--pine-dimension-lg);padding-inline-end:var(--pine-dimension-lg)}.pds-padding-xl-xl{padding:var(--pine-dimension-xl)}.pds-padding-block-start-xl-xl{-webkit-padding-before:var(--pine-dimension-xl);padding-block-start:var(--pine-dimension-xl)}.pds-padding-block-end-xl-xl{-webkit-padding-after:var(--pine-dimension-xl);padding-block-end:var(--pine-dimension-xl)}.pds-padding-inline-start-xl-xl{-webkit-padding-start:var(--pine-dimension-xl);padding-inline-start:var(--pine-dimension-xl)}.pds-padding-inline-end-xl-xl{-webkit-padding-end:var(--pine-dimension-xl);padding-inline-end:var(--pine-dimension-xl)}.pds-padding-xl-xxl{padding:var(--pine-dimension-2xl)}.pds-padding-block-start-xl-xxl{-webkit-padding-before:var(--pine-dimension-2xl);padding-block-start:var(--pine-dimension-2xl)}.pds-padding-block-end-xl-xxl{-webkit-padding-after:var(--pine-dimension-2xl);padding-block-end:var(--pine-dimension-2xl)}.pds-padding-inline-start-xl-xxl{-webkit-padding-start:var(--pine-dimension-2xl);padding-inline-start:var(--pine-dimension-2xl)}.pds-padding-inline-end-xl-xxl{-webkit-padding-end:var(--pine-dimension-2xl);padding-inline-end:var(--pine-dimension-2xl)}}";var t=i("pds_box",function(){function i(i){n(this,i);this.border=false}i.prototype.render=function(){var i="\n    ".concat(this.alignItems!==undefined&&this.alignItems.trim()!==""?"pds-align-items-".concat(this.alignItems):"","\n    ").concat(this.alignItemsXs!==undefined&&this.alignItemsXs.trim()!==""?"pds-align-items-xs-".concat(this.alignItemsXs):"","\n    ").concat(this.alignItemsSm!==undefined&&this.alignItemsSm.trim()!==""?"pds-align-items-sm-".concat(this.alignItemsSm):"","\n    ").concat(this.alignItemsMd!==undefined&&this.alignItemsMd.trim()!==""?"pds-align-items-md-".concat(this.alignItemsMd):"","\n    ").concat(this.alignItemsLg!==undefined&&this.alignItemsLg.trim()!==""?"pds-align-items-lg-".concat(this.alignItemsLg):"","\n    ").concat(this.alignItemsXl!==undefined&&this.alignItemsXl.trim()!==""?"pds-align-items-xl-".concat(this.alignItemsXl):"","\n    ").concat(this.alignSelf!==undefined&&this.alignSelf.trim()!==""?"pds-align-self-".concat(this.alignSelf):"","\n    ").concat(this.alignSelfXs!==undefined&&this.alignSelfXs.trim()!==""?"pds-align-self-xs-".concat(this.alignSelfXs):"","\n    ").concat(this.alignSelfSm!==undefined&&this.alignSelfSm.trim()!==""?"pds-align-self-sm-".concat(this.alignSelfSm):"","\n    ").concat(this.alignSelfMd!==undefined&&this.alignSelfMd.trim()!==""?"pds-align-self-md-".concat(this.alignSelfMd):"","\n    ").concat(this.alignSelfLg!==undefined&&this.alignSelfLg.trim()!==""?"pds-align-self-lg-".concat(this.alignSelfLg):"","\n    ").concat(this.alignSelfXl!==undefined&&this.alignSelfXl.trim()!==""?"pds-align-self-xl-".concat(this.alignSelfXl):"","\n    ").concat(this.auto?"pds-box--auto":"","\n    ").concat(this.autoXs?"pds-box--auto-xs":"","\n    ").concat(this.autoSm?"pds-box--auto-sm":"","\n    ").concat(this.autoMd?"pds-box--auto-md":"","\n    ").concat(this.autoLg?"pds-box--auto-lg":"","\n    ").concat(this.autoXl?"pds-box--auto-xl":"","\n    ").concat(this.border?"pds-box--border":"","\n    ").concat(this.borderRadius!==undefined&&this.borderRadius.trim()!==""?"pds-border-radius-".concat(this.borderRadius):"","\n    ").concat(this.direction!==undefined&&this.direction.trim()!==""?"pds-box-direction-".concat(this.direction):"","\n    ").concat(this.display!==undefined&&this.display.trim()!==""?"pds-box--display-".concat(this.display):"","\n    ").concat(this.fit?"pds-box--fit":"","\n    ").concat(this.fitXs?"pds-box--fit-xs":"","\n    ").concat(this.fitSm?"pds-box--fit-sm":"","\n    ").concat(this.fitMd?"pds-box--fit-md":"","\n    ").concat(this.fitLg?"pds-box--fit-lg":"","\n    ").concat(this.fitXl?"pds-box--fit-xl":"","\n    ").concat(this.gap!==undefined&&this.gap.trim()!==""?"pds-box-gap-".concat(this.gap):"","\n    ").concat(this.gapXs!==undefined&&this.gapXs.trim()!==""?"pds-box-gap-xs-".concat(this.gapXs):"","\n    ").concat(this.gapSm!==undefined&&this.gapSm.trim()!==""?"pds-box-gap-sm-".concat(this.gapSm):"","\n    ").concat(this.gapMd!==undefined&&this.gapMd.trim()!==""?"pds-box-gap-md-".concat(this.gapMd):"","\n    ").concat(this.gapLg!==undefined&&this.gapLg.trim()!==""?"pds-box-gap-lg-".concat(this.gapLg):"","\n    ").concat(this.gapXl!==undefined&&this.gapXl.trim()!==""?"pds-box-gap-xl-".concat(this.gapXl):"","\n    ").concat(this.wrap?"pds-box--wrap":"","\n    ").concat(this.wrapXs?"pds-box--wrap-xs":"","\n    ").concat(this.wrapSm?"pds-box--wrap-sm":"","\n    ").concat(this.wrapMd?"pds-box--wrap-md":"","\n    ").concat(this.wrapLg?"pds-box--wrap-lg":"","\n    ").concat(this.wrapXl?"pds-box--wrap-xl":"","\n    ").concat(this.flex!==undefined&&this.flex.trim()!==""&&["none","grow","shrink"].includes(this.flex)?"pds-box--flex-".concat(this.flex):"","\n    ").concat(this.justifyContent!==undefined&&this.justifyContent.trim()!==""?"pds-justify-content-".concat(this.justifyContent):"","\n    ").concat(this.justifyContentXs!==undefined&&this.justifyContentXs.trim()!==""?"pds-justify-content-xs-".concat(this.justifyContentXs):"","\n    ").concat(this.justifyContentSm!==undefined&&this.justifyContentSm.trim()!==""?"pds-justify-content-sm-".concat(this.justifyContentSm):"","\n    ").concat(this.justifyContentMd!==undefined&&this.justifyContentMd.trim()!==""?"pds-justify-content-md-".concat(this.justifyContentMd):"","\n    ").concat(this.justifyContentLg!==undefined&&this.justifyContentLg.trim()!==""?"pds-justify-content-lg-".concat(this.justifyContentLg):"","\n    ").concat(this.justifyContentXl!==undefined&&this.justifyContentXl.trim()!==""?"pds-justify-content-xl-".concat(this.justifyContentXl):"","\n    ").concat(this.marginBlockStart!==undefined&&this.marginBlockStart.trim()!==""?"pds-margin-block-start-".concat(this.marginBlockStart):"","\n    ").concat(this.marginBlockStartXs!==undefined&&this.marginBlockStartXs.trim()!==""?"pds-margin-block-start-xs-".concat(this.marginBlockStartXs):"","\n    ").concat(this.marginBlockStartSm!==undefined&&this.marginBlockStartSm.trim()!==""?"pds-margin-block-start-sm-".concat(this.marginBlockStartSm):"","\n    ").concat(this.marginBlockStartMd!==undefined&&this.marginBlockStartMd.trim()!==""?"pds-margin-block-start-md-".concat(this.marginBlockStartMd):"","\n    ").concat(this.marginBlockStartLg!==undefined&&this.marginBlockStartLg.trim()!==""?"pds-margin-block-start-lg-".concat(this.marginBlockStartLg):"","\n    ").concat(this.marginBlockStartXl!==undefined&&this.marginBlockStartXl.trim()!==""?"pds-margin-block-start-xl-".concat(this.marginBlockStartXl):"","\n    ").concat(this.marginInlineStart!==undefined&&this.marginInlineStart.trim()!==""?"pds-margin-inline-start-".concat(this.marginInlineStart):"","\n    ").concat(this.marginInlineStartXs!==undefined&&this.marginInlineStartXs.trim()!==""?"pds-margin-inline-start-xs-".concat(this.marginInlineStartXs):"","\n    ").concat(this.marginInlineStartSm!==undefined&&this.marginInlineStartSm.trim()!==""?"pds-margin-inline-start-sm-".concat(this.marginInlineStartSm):"","\n    ").concat(this.marginInlineStartMd!==undefined&&this.marginInlineStartMd.trim()!==""?"pds-margin-inline-start-md-".concat(this.marginInlineStartMd):"","\n    ").concat(this.marginInlineStartLg!==undefined&&this.marginInlineStartLg.trim()!==""?"pds-margin-inline-start-lg-".concat(this.marginInlineStartLg):"","\n    ").concat(this.marginInlineStartXl!==undefined&&this.marginInlineStartXl.trim()!==""?"pds-margin-inline-start-xl-".concat(this.marginInlineStartXl):"","\n    ").concat(this.marginInlineEnd!==undefined&&this.marginInlineEnd.trim()!==""?"pds-margin-inline-end-".concat(this.marginInlineEnd):"","\n    ").concat(this.marginInlineEndXs!==undefined&&this.marginInlineEndXs.trim()!==""?"pds-margin-inline-end-xs-".concat(this.marginInlineEndXs):"","\n    ").concat(this.marginInlineEndSm!==undefined&&this.marginInlineEndSm.trim()!==""?"pds-margin-inline-end-sm-".concat(this.marginInlineEndSm):"","\n    ").concat(this.marginInlineEndMd!==undefined&&this.marginInlineEndMd.trim()!==""?"pds-margin-inline-end-md-".concat(this.marginInlineEndMd):"","\n    ").concat(this.marginInlineEndLg!==undefined&&this.marginInlineEndLg.trim()!==""?"pds-margin-inline-end-lg-".concat(this.marginInlineEndLg):"","\n    ").concat(this.marginInlineEndXl!==undefined&&this.marginInlineEndXl.trim()!==""?"pds-margin-inline-end-xl-".concat(this.marginInlineEndXl):"","\n    ").concat(this.marginBlockEnd!==undefined&&this.marginBlockEnd.trim()!==""?"pds-margin-block-end-".concat(this.marginBlockEnd):"","\n    ").concat(this.marginBlockEndXs!==undefined&&this.marginBlockEndXs.trim()!==""?"pds-margin-block-end-xs-".concat(this.marginBlockEndXs):"","\n    ").concat(this.marginBlockEndSm!==undefined&&this.marginBlockEndSm.trim()!==""?"pds-margin-block-end-sm-".concat(this.marginBlockEndSm):"","\n    ").concat(this.marginBlockEndMd!==undefined&&this.marginBlockEndMd.trim()!==""?"pds-margin-block-end-md-".concat(this.marginBlockEndMd):"","\n    ").concat(this.marginBlockEndLg!==undefined&&this.marginBlockEndLg.trim()!==""?"pds-margin-block-end-lg-".concat(this.marginBlockEndLg):"","\n    ").concat(this.marginBlockEndXl!==undefined&&this.marginBlockEndXl.trim()!==""?"pds-margin-block-end-xl-".concat(this.marginBlockEndXl):"","\n    ").concat(this.offset!==undefined&&this.offset.trim()!==""?"pds-box-offset-".concat(this.offset):"","\n    ").concat(this.offsetXs!==undefined&&this.offsetXs.trim()!==""?"pds-box-offset-xs-".concat(this.offsetXs):"","\n    ").concat(this.offsetSm!==undefined&&this.offsetSm.trim()!==""?"pds-box-offset-sm-".concat(this.offsetSm):"","\n    ").concat(this.offsetMd!==undefined&&this.offsetMd.trim()!==""?"pds-box-offset-md-".concat(this.offsetMd):"","\n    ").concat(this.offsetLg!==undefined&&this.offsetLg.trim()!==""?"pds-box-offset-lg-".concat(this.offsetLg):"","\n    ").concat(this.offsetXl!==undefined&&this.offsetXl.trim()!==""?"pds-box-offset-xl-".concat(this.offsetXl):"","\n    ").concat(this.padding!==undefined&&this.padding.trim()!==""?"pds-padding-".concat(this.padding):"","\n    ").concat(this.paddingXs!==undefined&&this.paddingXs.trim()!==""?"pds-padding-xs-".concat(this.paddingXs):"","\n    ").concat(this.paddingSm!==undefined&&this.paddingSm.trim()!==""?"pds-padding-sm-".concat(this.paddingSm):"","\n    ").concat(this.paddingMd!==undefined&&this.paddingMd.trim()!==""?"pds-padding-md-".concat(this.paddingMd):"","\n    ").concat(this.paddingLg!==undefined&&this.paddingLg.trim()!==""?"pds-padding-lg-".concat(this.paddingLg):"","\n    ").concat(this.paddingXl!==undefined&&this.paddingXl.trim()!==""?"pds-padding-xl-".concat(this.paddingXl):"","\n    ").concat(this.paddingBlockStart!==undefined&&this.paddingBlockStart.trim()!==""?"pds-padding-block-start-".concat(this.paddingBlockStart):"","\n    ").concat(this.paddingBlockStartXs!==undefined&&this.paddingBlockStartXs.trim()!==""?"pds-padding-block-start-xs-".concat(this.paddingBlockStartXs):"","\n    ").concat(this.paddingBlockStartSm!==undefined&&this.paddingBlockStartSm.trim()!==""?"pds-padding-block-start-sm-".concat(this.paddingBlockStartSm):"","\n    ").concat(this.paddingBlockStartMd!==undefined&&this.paddingBlockStartMd.trim()!==""?"pds-padding-block-start-md-".concat(this.paddingBlockStartMd):"","\n    ").concat(this.paddingBlockStartLg!==undefined&&this.paddingBlockStartLg.trim()!==""?"pds-padding-block-start-lg-".concat(this.paddingBlockStartLg):"","\n    ").concat(this.paddingBlockStartXl!==undefined&&this.paddingBlockStartXl.trim()!==""?"pds-padding-block-start-xl-".concat(this.paddingBlockStartXl):"","\n    ").concat(this.paddingBlockEnd!==undefined&&this.paddingBlockEnd.trim()!==""?"pds-padding-block-end-".concat(this.paddingBlockEnd):"","\n    ").concat(this.paddingBlockEndXs!==undefined&&this.paddingBlockEndXs.trim()!==""?"pds-padding-block-end-xs-".concat(this.paddingBlockEndXs):"","\n    ").concat(this.paddingBlockEndSm!==undefined&&this.paddingBlockEndSm.trim()!==""?"pds-padding-block-end-sm-".concat(this.paddingBlockEndSm):"","\n    ").concat(this.paddingBlockEndMd!==undefined&&this.paddingBlockEndMd.trim()!==""?"pds-padding-block-end-md-".concat(this.paddingBlockEndMd):"","\n    ").concat(this.paddingBlockEndLg!==undefined&&this.paddingBlockEndLg.trim()!==""?"pds-padding-block-end-lg-".concat(this.paddingBlockEndLg):"","\n    ").concat(this.paddingBlockEndXl!==undefined&&this.paddingBlockEndXl.trim()!==""?"pds-padding-block-end-xl-".concat(this.paddingBlockEndXl):"","\n    ").concat(this.paddingInlineStart!==undefined&&this.paddingInlineStart.trim()!==""?"pds-padding-inline-start-".concat(this.paddingInlineStart):"","\n    ").concat(this.paddingInlineStartXs!==undefined&&this.paddingInlineStartXs.trim()!==""?"pds-padding-inline-start-xs-".concat(this.paddingInlineStartXs):"","\n    ").concat(this.paddingInlineStartSm!==undefined&&this.paddingInlineStartSm.trim()!==""?"pds-padding-inline-start-sm-".concat(this.paddingInlineStartSm):"","\n    ").concat(this.paddingInlineStartMd!==undefined&&this.paddingInlineStartMd.trim()!==""?"pds-padding-inline-start-md-".concat(this.paddingInlineStartMd):"","\n    ").concat(this.paddingInlineStartLg!==undefined&&this.paddingInlineStartLg.trim()!==""?"pds-padding-inline-start-lg-".concat(this.paddingInlineStartLg):"","\n    ").concat(this.paddingInlineStartXl!==undefined&&this.paddingInlineStartXl.trim()!==""?"pds-padding-inline-start-xl-".concat(this.paddingInlineStartXl):"","\n    ").concat(this.paddingInlineEnd!==undefined&&this.paddingInlineEnd.trim()!==""?"pds-padding-inline-end-".concat(this.paddingInlineEnd):"","\n    ").concat(this.paddingInlineEndXs!==undefined&&this.paddingInlineEndXs.trim()!==""?"pds-padding-inline-end-xs-".concat(this.paddingInlineEndXs):"","\n    ").concat(this.paddingInlineEndSm!==undefined&&this.paddingInlineEndSm.trim()!==""?"pds-padding-inline-end-sm-".concat(this.paddingInlineEndSm):"","\n    ").concat(this.paddingInlineEndMd!==undefined&&this.paddingInlineEndMd.trim()!==""?"pds-padding-inline-end-md-".concat(this.paddingInlineEndMd):"","\n    ").concat(this.paddingInlineEndLg!==undefined&&this.paddingInlineEndLg.trim()!==""?"pds-padding-inline-end-lg-".concat(this.paddingInlineEndLg):"","\n    ").concat(this.paddingInlineEndXl!==undefined&&this.paddingInlineEndXl.trim()!==""?"pds-padding-inline-end-xl-".concat(this.paddingInlineEndXl):"","\n    ").concat(this.shadow!==undefined&&this.shadow.trim()!==""?"pds-shadow-".concat(this.shadow):"","\n    ").concat(this.size!==undefined&&this.size.trim()!==""?"pds-box pds-box-".concat(this.size):"","\n    ").concat(this.sizeXs!==undefined&&this.sizeXs.trim()!==""?"pds-box-xs-".concat(this.sizeXs):"","\n    ").concat(this.sizeSm!==undefined&&this.sizeSm.trim()!==""?"pds-box-sm-".concat(this.sizeSm):"","\n    ").concat(this.sizeMd!==undefined&&this.sizeMd.trim()!==""?"pds-box-md-".concat(this.sizeMd):"","\n    ").concat(this.sizeLg!==undefined&&this.sizeLg.trim()!==""?"pds-box-lg-".concat(this.sizeLg):"","\n    ").concat(this.sizeXl!==undefined&&this.sizeXl.trim()!==""?"pds-box-xl-".concat(this.sizeXl):"","\n    ").concat(this.size==undefined&&this.sizeSm==undefined&&this.sizeMd==undefined&&this.sizeLg==undefined&&this.sizeXl==undefined?"pds-box":"","\n    ");var n=s(this.backgroundColor);var a=s(this.borderColor);var t=Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},n&&{"--color-background-box":n}),a&&{"--color-border-box":a}),this.minHeight&&{"--sizing-min-height-box":this.minHeight}),this.minWidth&&{"--sizing-min-width-box":this.minWidth}),this.flex&&!["none","grow","shrink"].includes(this.flex)&&{flex:this.flex});return e(d,{key:"63a5dfc55625ad930494caa79f2b26a663d9cddd",class:i,style:t})};return i}());t.style=a}}}));
-//# sourceMappingURL=p-bc2fecd4.system.entry.js.map