@charset "UTF-8";/* v1.0.0-beta2 */
.pd-button {
  position: relative;
  margin: 0;
  border: 0;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 250ms ease-out, box-shadow 250ms ease-out, color 250ms ease-out;
  vertical-align: middle;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  --inner-icon-src: var(--pdc-button-icon-src);
  --inner-icon-color: var(--pd-color-icon-button-primary-default);
  --inner-icon-sm-width: var(--pd-size-icon-s);
  --inner-icon-sm-height: var(--pd-size-icon-s);
  --inner-icon-sm-margin-left: var(--pd-spacing-sm);
  --inner-icon-sm-margin-right: var(--pd-spacing-xs);
  --inner-icon-md-width: var(--pdc-button-icon-width, var(--pd-size-icon-m));
  --inner-icon-md-height: var(--pdc-button-icon-height, var(--pd-size-icon-m));
  --inner-icon-md-margin-left: var(--pd-spacing-m);
  --inner-icon-md-margin-right: var(--pd-spacing-xs);
  --inner-icon-lg-width: var(--pd-size-icon-l);
  --inner-icon-lg-height: var(--pd-size-icon-l);
  --inner-icon-lg-margin-left: var(--pd-spacing-ml);
  --inner-icon-lg-margin-right: var(--pd-spacing-xs);
  --inner-border-size: var(--pdc-button-border-size, 2px);
  box-sizing: border-box;
}

.pd-alert *,
.pd-alert *::before,
.pd-alert *::after {
  box-sizing: inherit;
}

/* SIZES
  ------------------------------------------------- */
.pd-button {
  height: var(--pd-size-height-button-md);
  border-radius: var(--pd-radius-button);
  padding: 0 var(--pd-spacing-m);
  font-family: var(--pd-tipography-button-medium-1);
  line-height: var(--pd-tipography-button-medium-1-line-height);
  font-size: var(--pd-tipography-button-medium-1-font-size);
  font-weight: var(--pd-tipography-button-medium-1-font-weight);
}

.pd-button.pd-button--sm {
  height: var(--pd-size-height-button-sm);
  border-radius: var(--pd-radius-button);
  padding: 0 var(--pd-spacing-sm);
  font-family: var(--pd-tipography-button-small-1);
  line-height: var(--pd-tipography-button-small-1-line-height);
  font-size: var(--pd-tipography-button-small-1-font-size);
  font-weight: var(--pd-tipography-button-small-1-font-weight);
}

.pd-button.pd-button--lg {
  height: var(--pd-size-height-button-lg);
  border-radius: var(--pd-radius-button);
  padding: 0 var(--pd-spacing-ml);
  font-family: var(--pd-tipography-button-large-1);
  line-height: var(--pd-tipography-button-large-1-line-height);
  font-size: var(--pd-tipography-button-large-1-font-size);
  font-weight: var(--pd-tipography-button-large-1-font-weight);
}

/* VARIANTS
  ------------------------------------------------- */
/* primary */
.pd-button {
  background-color: var(--pd-color-surface-button-primary-default);
  color: var(--pd-color-text-button-primary-default);
}

.pd-button:hover {
  background-color: var(--pd-color-surface-button-primary-hover);
}

.pd-button:active {
  background-color: var(--pd-color-surface-button-primary-active);
}

.pd-button:focus {
  background-color: var(--pd-color-surface-button-primary-default);
}

.pd-button:focus:not(:focus-visible) {
  outline: none;
}

.pd-button:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  outline-offset: 2px;
}

.pd-button:disabled {
  background-color: var(--pd-color-surface-button-primary-disabled);
  cursor: not-allowed;
  color: var(--pd-color-text-button-primary-disabled);
}

.pd-button--primary.pd-button--icon::before {
  background: var(--pd-color-text-button-primary-default);
}

/* secondary */
.pd-button--secondary {
  border: var(--inner-border-size) solid var(--pd-color-border-button-secondary-default);
  background-color: var(--pd-color-surface-button-secondary-default);
  color: var(--pd-color-text-button-secondary-default);
}

.pd-button--secondary:hover {
  color: var(--pd-color-text-button-secondary-default-high);
  background-color: var(--pd-color-surface-button-secondary-hover);
}

.pd-button--secondary:active {
  color: var(--pd-color-text-button-secondary-default-high);
  background-color: var(--pd-color-surface-button-secondary-active);
}

.pd-button--secondary:focus {
  background-color: var(--pd-color-surface-button-secondary-default);
}

.pd-button--secondary:disabled {
  border-color: var(--pd-color-border-button-secondary-disabled);
  background-color: var(--pd-color-surface-button-secondary-disabled);
  color: var(--pd-color-text-button-secondary-disabled);
}

.pd-button--secondary.pd-button--icon::before {
  margin-top: calc(var(--inner-border-size) * -1);
}

/* tertiary */
.pd-button--tertiary {
  background-color: var(--pd-color-surface-button-tertiary-default);
  color: var(--pd-color-text-button-tertiary-default);
}

.pd-button--tertiary:hover {
  color: var(--pd-color-text-button-tertiary-default-high);
  background-color: var(--pd-color-surface-button-tertiary-hover);
}

.pd-button--tertiary:active {
  color: var(--pd-color-text-button-tertiary-default-high);
  background-color: var(--pd-color-surface-button-tertiary-active);
}

.pd-button--tertiary:focus {
  color: var(--pd-color-text-button-tertiary-default-high);
  background-color: var(--pd-color-surface-button-tertiary-hover);
}

.pd-button--tertiary:disabled {
  background-color: var(--pd-color-surface-button-tertiary-disabled);
  color: var(--pd-color-text-button-tertiary-disabled);
}

/* ghost */
.pd-button--ghost {
  border: var(--inner-border-size) solid var(--pd-color-border-button-ghost-default);
  background-color: transparent;
  color: var(--pd-color-text-button-ghost-default);
}

.pd-button--ghost:hover {
  background-color: var(--pd-color-surface-button-ghost-hover);
}

.pd-button--ghost:active {
  background-color: var(--pd-color-surface-button-ghost-active);
}

.pd-button--ghost:focus {
  background-color: transparent;
}

.pd-button--ghost:disabled {
  border-color: var(--pd-color-border-button-ghost-disabled);
  background-color: transparent;
  color: var(--pd-color-text-button-ghost-disabled);
}

.pd-button--ghost.pd-button--icon::before {
  margin-top: calc(var(--inner-border-size) * -1);
}

/* cta */
.pd-button--cta {
  background-color: var(--pd-color-surface-button-cta-default);
  color: var(--pd-color-text-button-cta-default);
}

.pd-button--cta:hover {
  background-color: var(--pd-color-surface-button-cta-hover);
}

.pd-button--cta:active {
  background-color: var(--pd-color-surface-button-cta-active);
}

.pd-button--cta:focus {
  background-color: var(--pd-color-surface-button-cta-default);
}

.pd-button--cta:disabled {
  background-color: var(--pd-color-surface-button-cta-disabled);
  color: var(--pd-color-text-button-cta-disabled);
}

/* link */
.pd-button--link {
  background: transparent;
  color: var(--pd-color-text-button-link-default);
  padding: 0;
}

:where(.pd-button--sm, .pd-button--md, .pd-button--lg).pd-button--link {
  padding: 0;
}

.pd-button--link:hover {
  background: transparent;
  color: var(--pd-color-text-button-link-hover);
}

.pd-button--link:focus {
  background: transparent;
  color: var(--pd-color-text-button-tertiary-default);
}

.pd-button--link:active {
  background: transparent;
  color: var(--pd-color-text-button-link-active);
}

.pd-button--link:disabled {
  background: transparent;
  color: var(--pd-color-text-button-link-disabled);
}

/* BUTTON WITH ICON
  ------------------------------------------------- */
.pd-button--icon {
  --inner-icon-width: var(--inner-icon-md-width);
  --inner-icon-height: var(--inner-icon-md-height);
  padding-left: calc(var(--inner-icon-md-margin-left) + var(--inner-icon-md-width) + var(--inner-icon-md-margin-right));
}

.pd-button--icon.pd-button--icon-right {
  padding-right: calc(var(--inner-icon-md-margin-left) + var(--inner-icon-md-width) + var(--inner-icon-md-margin-right));
  padding-left: var(--inner-icon-md-margin-left);
}

.pd-button--icon.pd-button--sm {
  --inner-icon-width: var(--inner-icon-sm-width);
  --inner-icon-height: var(--inner-icon-sm-height);
  padding-left: calc(var(--inner-icon-sm-margin-left) + var(--inner-icon-sm-width) + var(--inner-icon-sm-margin-right));
}

.pd-button--icon.pd-button--sm.pd-button--icon-right {
  padding-right: calc(var(--inner-icon-sm-margin-left) + var(--inner-icon-sm-width) + var(--inner-icon-sm-margin-right));
  padding-left: var(--inner-icon-sm-margin-left);
}

.pd-button--icon.pd-button--lg {
  --inner-icon-width: var(--inner-icon-lg-width);
  --inner-icon-height: var(--inner-icon-lg-height);
  padding-left: calc(var(--inner-icon-lg-margin-left) + var(--inner-icon-lg-width) + var(--inner-icon-lg-margin-right));
}

.pd-button--icon.pd-button--lg.pd-button--icon-right {
  padding-right: calc(var(--inner-icon-lg-margin-left) + var(--inner-icon-lg-width) + var(--inner-icon-lg-margin-right));
  padding-left: var(--inner-icon-lg-margin-left);
}

.pd-button--icon::before,
.pd-button--icononly::before {
  display: inline-block;
  content: "";
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  background-color: var(--pdc-button-icon-color, var(--inner-icon-color));
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-button--icon::before {
  position: absolute;
  left: var(--inner-icon-md-margin-left);
  top: calc(var(--pd-size-height-button-md) / 2 - var(--inner-icon-height) / 2);
}

.pd-button--icon.pd-button--sm::before {
  left: var(--inner-icon-sm-margin-left);
  top: calc(var(--pd-size-height-button-sm) / 2 - var(--inner-icon-height) / 2);
}

.pd-button--icon.pd-button--lg::before {
  left: var(--inner-icon-lg-margin-left);
  top: calc(var(--pd-size-height-button-lg) / 2 - var(--inner-icon-height) / 2);
}

.pd-button--icon.pd-button--icon-right::before {
  right: var(--inner-icon-md-margin-left);
  left: auto;
}

.pd-button--icon.pd-button--sm.pd-button--icon-right::before {
  right: var(--inner-icon-sm-margin-left);
}

.pd-button--icon.pd-button--lg.pd-button--icon-right::before {
  right: var(--inner-icon-lg-margin-left);
}

.pd-button--link.pd-button--icon {
  padding-left: calc(var(--inner-icon-md-width) + var(--inner-icon-md-margin-right));
}

.pd-button--link.pd-button--icon.pd-button--sm {
  padding-left: calc(var(--inner-icon-sm-width) + var(--inner-icon-sm-margin-right));
}

.pd-button--link.pd-button--icon.pd-button--lg {
  padding-left: calc(var(--inner-icon-lg-width) + var(--inner-icon-lg-margin-right));
}

.pd-button--link.pd-button--icon.pd-button--icon-right {
  padding-right: calc(var(--inner-icon-md-margin-left) + var(--inner-icon-md-width));
  padding-left: 0;
}

.pd-button--link.pd-button--icon.pd-button--icon-right.pd-button--sm {
  padding-right: calc(var(--inner-icon-sm-width) + var(--inner-icon-sm-margin-left));
}

.pd-button--link.pd-button--icon.pd-button--icon-right.pd-button--lg {
  padding-right: calc(var(--inner-icon-lg-width) + var(--inner-icon-lg-margin-left));
}

.pd-button--link.pd-button--icon:not(.pd-button--icon-right)::before {
  left: 0;
}

.pd-button--link.pd-button--icon.pd-button--icon-right::before {
  right: 0;
}

/* Colores de iconos */
.pd-button--icon.pd-button--secondary::before {
  --inner-icon-color: var(--pd-color-icon-button-secondary-default);
}

.pd-button--icon.pd-button--tertiary::before {
  --inner-icon-color: var(--pd-color-icon-button-tertiary-default);
}

.pd-button--icon.pd-button--cta::before {
  --inner-icon-color: var(--pd-color-icon-button-cta-default);
}

.pd-button--icon.pd-button--ghost::before {
  --inner-icon-color: var(--pd-color-icon-button-ghost-default);
}

.pd-button--icon.pd-button--link::before {
  --inner-icon-color: var(--pd-color-icon-button-link-default);
}

.pd-button--icon:disabled::before {
  --inner-icon-color: var(--pd-color-icon-button-primary-disabled);
  background-color: var(--pd-color-icon-button-primary-disabled);
}

.pd-button--icon.pd-button--secondary:disabled::before {
  --inner-icon-color: var(--pd-color-icon-button-secondary-disabled);
}

.pd-button--icon:disabled.pd-button--tertiary::before {
  --inner-icon-color: var(--pd-color-icon-button-tertiary-disabled);
}

.pd-button--icon:disabled.pd-button--cta::before {
  --inner-icon-color: var(--pd-color-icon-button-cta-disabled);
}

.pd-button--icon:disabled.pd-button--ghost::before {
  --inner-icon-color: var(--pd-color-icon-button-ghost-disabled);
}

.pd-button--icon:disabled.pd-button--link::before {
  --inner-icon-color: var(--pd-color-icon-button-link-disabled);
}

/* ONLY ICON
  ------------------------------------------------- */
.pd-button--icononly {
  --inner-icon-src: var(--pdc-button-icon-src);
  --inner-icon-width: var(--pdc-button-icon-width, var(--pd-size-icon-m));
  --inner-icon-height: var(--pdc-button-icon-height, var(--pd-size-icon-m));
  --inner-icon-color: var(--pd-color-icon-button-link-default);
}

.pd-button--icononly:hover:not(:disabled) {
  opacity: 80%;
}

.pd-button--icononly.pd-button--sm {
  --inner-icon-width: var(--pd-size-icon-s);
  --inner-icon-height: var(--pd-size-icon-s);
}

.pd-button--icononly.pd-button--lg {
  --inner-icon-width: var(--pd-size-icon-xl);
  --inner-icon-height: var(--pd-size-icon-xl);
}

.pd-button--icononly {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.pd-button--icononly:not(:disabled) {
  cursor: pointer;
}

/* LINK LOOK BUTTON
  ------------------------------------------------- */
a.pd-button {
  display: inline-block;
  align-content: center;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0 */
.pd-icon {
  --inner-icon-src: var(--pdc-icon-src);
  display: inline-flex;
  color: var(--pdc-icon-color, var(--pd-color-icon-high));
}

.pd-icon {
  --inner-icon-width: var(--pdc-icon-width, 24px);
  --inner-icon-height: var(--pdc-icon-height, 24px);
}

.pd-icon.pd-icon--sm {
  --inner-icon-width: var(--pd-size-icon-s);
  --inner-icon-height: var(--pd-size-icon-s);
}

.pd-icon.pd-icon--md {
  --inner-icon-width: var(--pd-size-icon-m);
  --inner-icon-height: var(--pd-size-icon-m);
}

.pd-icon.pd-icon--lg {
  --inner-icon-width: var(--pd-size-icon-l);
  --inner-icon-height: var(--pd-size-icon-l);
}

.pd-icon.pd-icon--xl {
  --inner-icon-width: var(--pd-size-icon-xl);
  --inner-icon-height: var(--pd-size-icon-xl);
}

.pd-icon.pd-icon--xl {
  --inner-icon-width: var(--pd-size-icon-2xl);
  --inner-icon-height: var(--pd-size-icon-2xl);
}

.pd-icon.pd-icon--3xl {
  --inner-icon-width: var(--pd-size-icon-3xl);
  --inner-icon-height: var(--pd-size-icon-3xl);
}

.pd-icon.pd-icon--4xl {
  --inner-icon-width: var(--pd-size-icon-4xl);
  --inner-icon-height: var(--pd-size-icon-4xl);
}

.pd-icon::before {
  display: inline-block;
  content: "";
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  background-color: currentColor;
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}/* v1.0.0 */
.pd-input {
  --inner-icon-close: var(
    --pdc-input-icon-close,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z' /%3e%3c/svg%3e")
  );
  --inner-icon-error: var(
    --pdc-input-icon-error,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.46061 1.35894C6.57645 1.43379 5.78049 1.65693 5.00303 2.04788C2.74964 3.181 1.33331 5.47788 1.33331 7.99912C1.33331 9.26406 1.68233 10.4736 2.35761 11.549C2.88086 12.3822 3.61035 13.1117 4.44358 13.6349C5.51891 14.3102 6.72848 14.6592 7.99342 14.6592C9.04189 14.6592 10.0488 14.4205 10.9838 13.9504C12.1602 13.3588 13.1372 12.4301 13.7903 11.2826C14.2675 10.4439 14.5797 9.41367 14.635 8.4949C14.64 8.41226 14.6492 8.34148 14.6554 8.3376C14.6617 8.33372 14.6668 8.17356 14.6666 7.98168C14.6665 7.78981 14.6614 7.6407 14.6553 7.65033C14.6488 7.66064 14.6405 7.60303 14.6352 7.51047C14.5826 6.59421 14.269 5.55687 13.7903 4.71569C13.2476 3.76212 12.4634 2.94112 11.5433 2.36331C10.7284 1.85159 9.83214 1.52527 8.89253 1.39817C8.46469 1.34029 7.87248 1.32407 7.46061 1.35894ZM7.58049 2.18658C6.77382 2.25783 6.13592 2.42886 5.45587 2.75625C4.2869 3.31898 3.31328 4.2926 2.75054 5.46157C2.45886 6.06748 2.28711 6.65875 2.20304 7.34643C2.16938 7.6218 2.16938 8.37644 2.20304 8.65181C2.35861 9.92445 2.86747 11.0301 3.72652 11.9621C4.57991 12.888 5.73967 13.5184 6.9944 13.7385C7.35057 13.801 7.51249 13.8131 7.99342 13.8131C8.47435 13.8131 8.63627 13.801 8.99243 13.7385C10.2472 13.5184 11.4069 12.888 12.2603 11.9621C13.1198 11.0296 13.6257 9.93023 13.7836 8.65181C13.8176 8.37588 13.8176 7.62236 13.7836 7.34643C13.7092 6.74426 13.5745 6.2378 13.3467 5.70358C12.7704 4.35266 11.6718 3.24672 10.3242 2.66097C9.78725 2.42757 9.25231 2.28282 8.65943 2.21052C8.48814 2.18962 7.73517 2.17293 7.58049 2.18658ZM7.9158 3.84515C7.78461 3.86635 7.67467 3.95457 7.61217 4.08877L7.58076 4.15624L7.58063 6.53486C7.58048 9.21705 7.57064 8.98143 7.6882 9.11008C7.77581 9.20593 7.86088 9.24297 7.99342 9.24297C8.12596 9.24297 8.21103 9.20593 8.29864 9.11008C8.4162 8.98143 8.40636 9.21705 8.40621 6.53486L8.40608 4.15624L8.37467 4.08877C8.33484 4.00324 8.27434 3.93418 8.20225 3.89193C8.15238 3.8627 8.12212 3.85402 8.0134 3.83767C7.99875 3.83548 7.95483 3.83883 7.9158 3.84515ZM1.33913 7.99912C1.33913 8.19326 1.341 8.27269 1.34326 8.17561C1.34554 8.07854 1.34554 7.91971 1.34326 7.82263C1.341 7.72555 1.33913 7.80498 1.33913 7.99912ZM7.86022 10.0908C7.70345 10.1237 7.52026 10.2618 7.44424 10.4044C7.31208 10.6523 7.35495 10.9462 7.552 11.1428C7.68211 11.2727 7.81594 11.3292 7.99342 11.3292C8.1709 11.3292 8.30473 11.2727 8.43484 11.1428C8.70296 10.8752 8.6727 10.4371 8.3703 10.2083C8.32528 10.1742 8.25379 10.1334 8.21144 10.1175C8.1233 10.0845 7.9521 10.0715 7.86022 10.0908Z' fill='%23CC2E36'/></svg>")
  );
  --inner-icon-success: var(
    --pdc-input-icon-success,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.52777 1.68009C6.4162 1.75648 5.33666 2.11505 4.39186 2.72165C3.53669 3.27069 2.78223 4.05195 2.26676 4.92222C1.10692 6.88037 1.02282 9.28594 2.04329 11.3153C2.77543 12.7712 4.02766 13.9185 5.5366 14.5157C6.57436 14.9264 7.66782 15.0682 8.7864 14.9373C10.2611 14.7646 11.6422 14.093 12.702 13.0333C13.5166 12.2187 14.0893 11.2398 14.4123 10.1099C14.5221 9.7257 14.613 9.1968 14.635 8.81465C14.6399 8.72859 14.6491 8.65816 14.6553 8.65816C14.6616 8.65816 14.6667 8.50197 14.6667 8.31108C14.6667 8.12019 14.6615 7.96719 14.6552 7.97108C14.6489 7.97497 14.6397 7.91089 14.6348 7.82868C14.6106 7.42982 14.5251 6.9399 14.4064 6.52048C13.6783 3.94784 11.487 2.05565 8.84634 1.71947C8.44153 1.66794 7.92781 1.6526 7.52777 1.68009ZM7.58104 2.51293C6.78838 2.57984 6.1315 2.75722 5.44002 3.09106C4.27915 3.6515 3.31405 4.62016 2.75005 5.79093C2.46332 6.38613 2.2867 6.99482 2.20407 7.67256C2.17034 7.94934 2.17051 8.70348 2.20438 8.97781C2.27871 9.57991 2.41339 10.0863 2.64124 10.6205C3.18599 11.8976 4.21292 12.9722 5.45669 13.5667C6.07876 13.864 6.63607 14.0255 7.34796 14.115C7.61418 14.1485 8.37368 14.1485 8.63989 14.115C9.37176 14.023 9.93053 13.8583 10.5711 13.5458C11.8037 12.9444 12.8037 11.8901 13.3463 10.6199C13.5739 10.0872 13.7093 9.57882 13.7835 8.97781C13.8174 8.70315 13.8175 7.94915 13.7837 7.67256C13.6026 6.19128 12.9365 4.92219 11.8231 3.93727C11.0779 3.27806 10.1246 2.8091 9.12873 2.61182C8.74169 2.53514 8.53597 2.51572 8.06718 2.51161C7.83277 2.50955 7.61401 2.51014 7.58104 2.51293ZM1.34032 8.32518C1.34032 8.51931 1.34218 8.59873 1.34445 8.50166C1.34672 8.40459 1.34672 8.24578 1.34445 8.14871C1.34218 8.05164 1.34032 8.13106 1.34032 8.32518Z' fill='%231BAD40'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.9315 5.35404C10.8753 5.36882 10.8145 5.40292 10.7702 5.44453C10.748 5.46539 9.83214 6.61793 8.73506 8.00574C6.91553 10.3074 6.73637 10.5302 6.69489 10.5426C6.64293 10.5582 6.57726 10.5427 6.54645 10.5076C6.53646 10.4962 6.24697 10.0871 5.90313 9.59842C5.55928 9.10976 5.26451 8.69564 5.24805 8.67815C5.18829 8.61458 5.10202 8.57884 4.99465 8.57321C4.90878 8.5687 4.88758 8.5719 4.83077 8.59791C4.68595 8.66421 4.61408 8.7698 4.60575 8.92849C4.60152 9.00914 4.60507 9.03653 4.62587 9.08356C4.64673 9.1307 5.63593 10.5488 5.90719 10.9204C6.03734 11.0987 6.22086 11.2261 6.42525 11.2801C6.553 11.3138 6.74955 11.314 6.87762 11.2804C7.04974 11.2352 7.22642 11.1247 7.34027 10.991C7.50489 10.7976 11.3359 5.93781 11.3605 5.89117C11.4 5.81638 11.4083 5.68615 11.3792 5.59856C11.3536 5.52171 11.2736 5.43169 11.1908 5.38658C11.123 5.34972 11.0045 5.33484 10.9315 5.35404Z' fill='%231BAD40'/></svg>")
  );
  --inner-icon-visibility-off: var(
    --pdc-input-icon-pass-hidden-off,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M12 7C14.76 7 17 9.24 17 12C17 12.65 16.87 13.26 16.64 13.83L19.56 16.75C21.07 15.49 22.26 13.86 22.99 12C21.26 7.61 16.99 4.5 11.99 4.5C10.59 4.5 9.25 4.75 8.01 5.2L10.17 7.36C10.74 7.13 11.35 7 12 7ZM2 4.27L4.28 6.55L4.74 7.01C3.08 8.3 1.78 10.02 1 12C2.73 16.39 7 19.5 12 19.5C13.55 19.5 15.03 19.2 16.38 18.66L16.8 19.08L19.73 22L21 20.73L3.27 3L2 4.27ZM7.53 9.8L9.08 11.35C9.03 11.56 9 11.78 9 12C9 13.66 10.34 15 12 15C12.22 15 12.44 14.97 12.65 14.92L14.2 16.47C13.53 16.8 12.79 17 12 17C9.24 17 7 14.76 7 12C7 11.21 7.2 10.47 7.53 9.8ZM11.84 9.02L14.99 12.17L15.01 12.01C15.01 10.35 13.67 9.01 12.01 9.01L11.84 9.02Z' /%3e%3c/svg%3e")
  );
  --inner-icon-visibility: var(
    --pdc-input-icon-pass-hidden-on,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z' /%3e%3c/svg%3e")
  );
  --inner-icon-src: var(--pdc-input-icon-src);
  --inner-icon-width: var(--pdc-input-icon-width, var(--pd-size-icon-s));
  --inner-icon-height: var(--pdc-input-icon-height, var(--pd-size-icon-s));
  --inner-input-padding-default: var(--pd-spacing-s);
  --inner-input-padding-border2: calc(var(--pd-spacing-s) - 1px);
  --inner-input-padding-icon: calc(var(--inner-icon-width) * 2);
  --inner-input-padding-border-icon: calc((var(--inner-icon-width) * 2) - 1px);
  box-sizing: border-box;
  display: inline-block;
  width: var(--pdc-input-width, 100%);
}

.pd-input *,
.pd-input *::before,
.pd-input *::after {
  box-sizing: inherit;
}

.pd-input__label {
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-high);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  padding: 0 var(--pd-spacing-s);
}

.pd-input__desc {
  margin-top: var(--pd-spacing-xs);
  padding: 0 var(--pd-spacing-s);
  text-decoration: none;
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
}

.pd-input__control {
  position: relative;
  width: 100%;
  margin-top: var(--pd-spacing-xs);
}

.pd-input__control .pd-button:focus {
  outline-offset: 0;
}

/* input */
.pd-input__input {
  width: 100%;
  height: var(--pdc-input-height, var(--pd-size-height-input));
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: var(--pd-radius-input);
  background-repeat: no-repeat;
  background-size: 16px;
  padding: 0 var(--inner-input-padding-default);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-interactive-default);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  background-color: var(--pd-color-surface-inverse);
}

.pd-input__input::placeholder {
  color: var(--pd-color-text-interactive-default);
}

.pd-input__input:not(:focus-visible):hover {
  border-color: var(--pd-color-border-interactive-hover);
}

.pd-input__input:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  border: 2px solid var(--pd-color-border-interactive-focus);
  padding: 0 var(--inner-input-padding-border2);
}

.pd-input__input:disabled {
  background-color: var(--pd-color-surface-interactive-disabled);
  border-color: var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

/* error - success status */
.pd-input--error {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
}

.pd-input--success {
  --inner-color-status: var(--pd-color-status-success-high);
  --inner-color-border-status: var(--pd-color-status-success);
}

.pd-input--error .pd-input__status {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
  --inner-icon-src: var(--inner-icon-error);
}

.pd-input--success .pd-input__status {
  --inner-color-status: var(--pd-color-status-success);
  --inner-color-border-status: var(--pd-color-status-success);
  --inner-icon-src: var(--inner-icon-success);
}

.pd-input--error .pd-input__desc,
.pd-input--success .pd-input__desc {
  color: var(--inner-color-status);
}

:is(.pd-input--error, .pd-input--success) .pd-input__input,
:is(.pd-input--error.pd-input--icon-right,
.pd-input--success.pd-input--icon-right).pd-input--icon .pd-input__input {
  border-color: var(--inner-color-border-status);
  border-width: 2px;
  padding: 0 var(--inner-input-padding-icon) 0 var(--inner-input-padding-default);
}

:is(.pd-input--error, .pd-input--success) .pd-input__input:hover,
:is(.pd-input--error, .pd-input--success) .pd-input__input:focus-visible {
  border-color: var(--inner-color-border-status);
}

:is(.pd-input--error, .pd-input--success):not(.pd-input--icon) .pd-input__input:not(:focus-visible):hover {
  padding: 0 var(--pd-spacing-s);
}

.pd-input--icon:is(.pd-input--error, .pd-input--success) .pd-input__input:not(:focus-visible):hover {
  padding-left: var(--inner-input-padding-icon);
}

.pd-input--icon:is(.pd-input--error, .pd-input--success) .pd-input__input:focus-visible {
  padding-left: var(--inner-input-padding-icon);
}

:is(.pd-input--error, .pd-input--success).pd-input--icon .pd-input__input {
  padding: 0 var(--inner-input-padding-icon);
}

:is(.pd-input--error, .pd-input--success) .pd-input__status {
  color: var(--inner-color-status);
}

/* with button */
.pd-input--button {
  position: relative;
}

.pd-input--button .pd-input__input,
.pd-input--button.pd-input--icon .pd-input__input {
  padding-right: var(--inner-input-padding-icon);
}

.pd-input--button .pd-input__input:not(:placeholder-shown) + button[data-clear] {
  --inner-icon-src: var(--inner-icon-close);
  display: block;
}

.pd-input--button.pd-input--icon-right .pd-input__input:not(:placeholder-shown) + button[data-clear] + .pd-input__icon {
  display: none;
}

.pd-input--button .pd-input__input[type=text] + .pd-button--pass .pd-input__icon::before {
  --inner-icon-src: var(--inner-icon-visibility-off);
}

.pd-input--button .pd-input__input[type=password] + .pd-button--pass .pd-input__icon::before {
  --inner-icon-src: var(--inner-icon-visibility);
}

.pd-input--button .pd-input__control .pd-input__button {
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  align-items: center;
  justify-content: center;
  margin: 2px;
  width: var(--inner-input-padding-icon);
  height: calc(100% - 4px);
  border: none;
  background: none;
  cursor: pointer;
}

.pd-input--button .pd-input__control .pd-input__button:hover span,
.pd-input--button .pd-input__control .pd-input__button:focus span {
  color: var(--pd-color-border-interactive-hover);
}

.pd-input--button .pd-input__control .pd-input__button[data-clear] {
  display: none;
}

/* with icon */
.pd-input__icon {
  color: var(--pd-color-icon-interactive-default);
}

.pd-input__icon,
.pd-input__status {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  margin: 2px;
  width: var(--inner-input-padding-icon);
  height: calc(100% - 4px);
}

.pd-input--icon .pd-input__input {
  padding-left: var(--inner-input-padding-icon);
}

.pd-input--icon:not(.pd-input--icon-right, .pd-input--error, .pd-input--success) .pd-input__input:focus-visible {
  padding-left: var(--inner-input-padding-border-icon);
}

.pd-input__status,
.pd-input--icon-right .pd-input__icon {
  right: 0;
  left: auto;
}

.pd-input--icon-right .pd-input__input {
  padding: 0 var(--inner-input-padding-icon) 0 var(--pd-spacing-s);
}

.pd-input--icon-right .pd-input__input:focus-visible {
  padding: 0 var(--inner-input-padding-border-icon) 0 var(--inner-input-padding-border2);
}

.pd-input__icon::before,
.pd-input__status::before {
  display: inline-block;
  content: "";
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  background-color: currentColor;
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

/* Status + icon right */
:is(.pd-input--error, .pd-input--success).pd-input--icon-right .pd-input__status {
  display: none;
}

:is(.pd-input--error, .pd-input--success).pd-input--button .pd-input__status {
  display: none;
}/* v1.0.0 */
.pd-checkbox {
  --inner-icon-check: var(--pdc-checkbox-icon-check, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00016 16.17L4.83016 12L3.41016 13.41L9.00016 19L21.0002 7L19.5902 5.59L9.00016 16.17Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A"));
  --inner-icon-check-disabled: var(--pdc-checkbox-icon-check-disabled, url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.00016 16.17L4.83016 12L3.41016 13.41L9.00016 19L21.0002 7L19.5902 5.59L9.00016 16.17Z' fill='%238E8E8E'/%3E%3C/svg%3E%0A"));
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  color: var(--pd-color-text-high);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  line-height: var(--pd-tipography-body-2-line-height);
  box-sizing: border-box;
}

.pd-checkbox *,
.pd-checkbox *::before,
.pd-checkbox *::after {
  box-sizing: inherit;
}

.pd-checkbox .pd-checkbox__input:not(:disabled):not(:checked):hover::before {
  border-color: var(--pd-color-border-interactive-hover);
  background-color: var(--pd-color-surface-interactive-hover);
}

.pd-checkbox .pd-checkbox__input:not(:disabled):focus-visible {
  outline: 0;
}

.pd-checkbox .pd-checkbox__input:not(:disabled):focus-visible::before {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
}

.pd-checkbox__input {
  margin: 0 calc(var(--pd-spacing-xs) + 1px) 0 0;
  width: var(--pdc-checkbox-size, var(--pd-size-checkbox));
  height: var(--pdc-checkbox-size, var(--pd-size-checkbox));
  -webkit-appearance: none;
  appearance: none;
}

.pd-checkbox__input::before {
  display: inline-block;
  content: "";
  width: var(--pdc-checkbox-size, var(--pd-size-checkbox));
  height: var(--pdc-checkbox-size, var(--pd-size-checkbox));
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: var(--pd-radius-checkbox);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pd-checkbox__input::before {
  transition: border-color 250ms ease-out, background-color 250ms ease-out;
}

.pd-checkbox__input:not(:disabled):checked::before {
  border-color: var(--pd-color-border-interactive-selected);
  background-color: var(--pd-color-surface-interactive-selected);
  background-image: var(--inner-icon-check);
}

.pd-checkbox__input:hover:not(:disabled):checked::before {
  border-color: var(--pd-color-border-interactive-selected-hover);
  background-color: var(--pd-color-surface-interactive-selected-hover);
}

/* description */
.pd-checkbox__description {
  margin: 0 0 0 calc(var(--pd-spacing-xs) + 1px + var(--pdc-checkbox-size, var(--pd-size-checkbox)));
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
}

/* disabled */
.pd-checkbox__input:disabled::before {
  background-color: var(--pd-color-surface-interactive-disabled);
}

.pd-checkbox__input:disabled:checked::before {
  border-color: var(--pd-color-border-interactive-disabled);
  background-image: var(--inner-icon-check-disabled);
}

/* error */
.pd-checkbox--error .pd-checkbox__input::before {
  border-color: var(--pd-color-status-error);
}

.pd-checkbox--error .pd-checkbox__input:not(:disabled):checked::before {
  border-color: var(--pd-color-status-error);
  background-color: var(--pd-color-status-error);
}

.pd-checkbox__description--error {
  color: var(--pd-color-status-error);
}

/* success */
.pd-checkbox--success .pd-checkbox__input::before {
  border-color: var(--pd-color-status-success);
}

.pd-checkbox--success .pd-checkbox__input:not(:disabled):checked::before {
  border-color: var(--pd-color-status-success);
  background-color: var(--pd-color-status-success);
}

.pd-checkbox__description--success {
  color: var(--pd-color-status-success-high);
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0 */
.pd-radiobutton {
  display: inline-flex;
  align-items: center;
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-high);
  --inner-size: var(--pdc-radiobutton-size, var(--pd-size-radiobutton));
  box-sizing: border-box;
}

.pd-radiobutton *,
.pd-radiobutton *::before,
.pd-radiobutton *::after {
  box-sizing: inherit;
}

.pd-radiobutton__input {
  position: relative;
  width: var(--pdc-radiobutton-size, var(--pd-size-radiobutton));
  height: var(--pdc-radiobutton-size, var(--pd-size-radiobutton));
  -webkit-appearance: none;
  appearance: none;
  margin: 0 var(--pd-spacing-xs) 0 0;
}

.pd-radiobutton__input::before {
  content: "";
  display: inline-block;
  width: var(--pdc-radiobutton-size, var(--pd-size-radiobutton));
  height: var(--pdc-radiobutton-size, var(--pd-size-radiobutton));
  flex-shrink: 0;
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: border-color 250ms ease-out;
}

.pd-radiobutton__input::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(var(--inner-size) - 8px);
  height: calc(var(--inner-size) - 8px);
  border-radius: 50%;
  transition: background-color 250ms ease-out;
}

.pd-radiobutton:hover .pd-radiobutton__input:not(:disabled)::before {
  border-color: var(--pd-color-border-interactive-hover);
  background-color: var(--pd-color-surface-interactive-hover);
}

.pd-radiobutton .pd-radiobutton__input:focus-visible {
  outline: none;
}

.pd-radiobutton .pd-radiobutton__input:focus-visible::before {
  border-width: 2px;
  border-color: var(--pd-color-border-interactive-focus);
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
}

.pd-radiobutton__description {
  margin: 0 0 0 calc(var(--pd-spacing-xs) + var(--pdc-radiobutton-size, var(--pd-size-radiobutton)));
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
}

/* checked */
.pd-radiobutton__input:checked::before {
  border-color: var(--pd-color-border-interactive-active);
}

.pd-radiobutton__input:checked::after {
  background-color: var(--pd-color-icon-interactive-active);
}

.pd-radiobutton:hover .pd-radiobutton__input:not(:disabled):checked::before {
  background-color: transparent;
}

.pd-radiobutton:hover .pd-radiobutton__input:not(:disabled):checked::after {
  background-color: var(--pd-color-surface-interactive-selected-hover);
}

/* disabled */
.pd-radiobutton__input:disabled::before {
  border-color: var(--pd-color-border-interactive-disabled);
  background-color: var(--pd-color-surface-interactive-disabled);
}

.pd-radiobutton__input:disabled:checked::before {
  border-color: var(--pd-color-border-interactive-disabled);
}

.pd-radiobutton__input:disabled:checked::after {
  background-color: var(--pd-color-icon-interactive-selected-disabled);
}

/* error */
.pd-radiobutton--error .pd-radiobutton__input::before {
  border-color: var(--pd-color-status-error);
}

.pd-radiobutton--error .pd-radiobutton__input:not(:disabled):checked::after {
  background-color: var(--pd-color-status-error);
}

.pd-radiobutton--error .pd-radiobutton__input:not(:disabled):checked::before {
  border-color: var(--pd-color-status-error);
}

.pd-radiobutton__description--error {
  color: var(--pd-color-status-error);
}

/* success */
.pd-radiobutton--success .pd-radiobutton__input::before {
  border-color: var(--pd-color-status-success);
}

.pd-radiobutton--success .pd-radiobutton__input:not(:disabled):checked::after {
  background-color: var(--pd-color-status-success);
}

.pd-radiobutton--success .pd-radiobutton__input:not(:disabled):checked::before {
  border-color: var(--pd-color-status-success);
}

.pd-radiobutton__description--success {
  color: var(--pd-color-status-success-high);
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0-beta0 */
.pd-switch {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: var(--pd-spacing-xs);
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  --inner-width: var(--pdc-switch-width, var(--pd-size-width-switch));
  --inner-height: var(--pdc-switch-height, var(--pd-size-height-switch));
  --inner-bullet-gap: var(--pdc-switch-bullet-gap, 4px);
  --inner-bullet-size: calc(var(--inner-height) - var(--inner-bullet-gap) * 2);
  --inner-color-bullet: var(--pdc-color-bullet, var(--pd-color-surface-inverse));
  --inner-color-checked: var(--pdc-switch-color-checked, var(--pd-color-surface-interactive-selected));
  --inner-color-not-checked: var(--pdc-switch-color-not-checked, var(--pd-color-surface-interactive-default));
  --inner-color-checked-disabled: var(--pdc-switch-color-checked-disabled, var(--pd-color-surface-interactive-selected-disabled));
  --inner-color-not-checked-disabled: var(--pdc-switch-color-not-checked-disabled, var(--pd-color-surface-interactive-disabled));
}

.pd-switch__input {
  width: var(--inner-width);
  min-width: var(--inner-width);
  height: var(--inner-height);
  border: 0;
  border-radius: var(--pd-radius-switch);
  background-color: var(--inner-color-not-checked);
  display: flex;
  align-items: center;
  padding: 0 var(--inner-bullet-gap);
  justify-content: flex-start;
  cursor: pointer;
  transition: background-color 0.6s;
  margin: 0;
}

.pd-switch__input:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
}

.pd-switch__input::before {
  width: var(--inner-bullet-size);
  height: var(--inner-bullet-size);
  background: var(--inner-color-bullet);
  border-radius: var(--pd-radius-switch);
  content: "";
  transition: all 0.1s;
}

.pd-switch__input:disabled {
  cursor: not-allowed;
  background-color: var(--inner-color-not-checked-disabled);
}

.pd-switch input[type=checkbox] {
  background-color: var(--inner-color-not-checked);
  -webkit-appearance: none;
  appearance: none;
}

.pd-switch input[type=checkbox]:disabled {
  background-color: var(--inner-color-not-checked-disabled);
}

.pd-switch input[type=checkbox]:checked {
  background-color: var(--inner-color-checked);
}

.pd-switch input[type=checkbox]:checked::before {
  transform: translateX(calc(var(--inner-width) - var(--inner-height)));
}

.pd-switch input[type=checkbox]:checked:disabled {
  background-color: var(--inner-color-checked-disabled);
}

.pd-switch__label {
  font-family: var(--pd-tipography-body-1);
  font-size: var(--pd-tipography-body-1-font-size);
  font-weight: var(--pd-tipography-body-1-font-weight);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-color-text-high);
}

.pd-switch--unlabeled .pd-switch__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

.pd-switch--right {
  flex-direction: row;
  justify-content: space-between;
}

/* description */
.pd-switch__description {
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  margin: var(--pd-spacing-xxs) 0 0 0;
}/* v1.0.0 */
.pd-select {
  --inner-color-status: var(--pd-color-text-low);
  --inner-color-border-status: var(--pd-color-border-interactive-default);
  --inner-icon-arrow-down: var(
    --pdc-select-icon-arrow-down,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.93687 5.33863C2.83347 5.3598 2.74247 5.43362 2.69587 5.53412C2.65794 5.6159 2.65686 5.73413 2.69334 5.81206C2.71395 5.85608 3.16188 6.30915 5.16083 8.30785C7.44542 10.5922 7.60806 10.7524 7.67926 10.7887C7.79663 10.8485 7.86927 10.866 8.00002 10.866C8.13077 10.866 8.20341 10.8485 8.32078 10.7887C8.39198 10.7524 8.55462 10.5922 10.8392 8.30785C12.8382 6.30915 13.2861 5.85608 13.3067 5.81206C13.3432 5.73413 13.3421 5.6159 13.3042 5.53412C13.2366 5.38837 13.089 5.31083 12.933 5.33911C12.8975 5.34555 12.8483 5.36322 12.8236 5.37836C12.799 5.39352 11.7036 6.48063 10.3894 7.79417L8.00006 10.1824L5.59979 7.78381C3.49981 5.68529 3.19272 5.38243 3.14516 5.363C3.07865 5.33583 2.99712 5.32629 2.93687 5.33863Z' fill='%238E8E8E'/></svg>")
  );
  --inner-icon-arrow-up: var(
    --pdc-select-icon-arrow-up,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.86057 5.34565C7.76775 5.36706 7.69577 5.39671 7.63036 5.44046C7.59731 5.46257 6.53758 6.51486 5.14131 7.91203C2.7699 10.285 2.70924 10.3467 2.68631 10.409C2.65691 10.489 2.66079 10.5903 2.69604 10.6631C2.72407 10.721 2.79254 10.7921 2.84718 10.8199C2.92894 10.8616 3.05384 10.8635 3.14068 10.8242C3.16923 10.8113 3.91756 10.0703 5.5878 8.4012L7.99379 5.9968L10.3998 8.4012C12.07 10.0703 12.8183 10.8113 12.8469 10.8242C12.9311 10.8623 13.0589 10.8617 13.1347 10.8229C13.2127 10.7829 13.2954 10.6861 13.3077 10.6205C13.3114 10.6008 13.3187 10.582 13.3239 10.5788C13.3291 10.5756 13.3333 10.5437 13.3333 10.5079C13.3333 10.4721 13.3302 10.4459 13.3263 10.4498C13.3225 10.4537 13.3082 10.4294 13.2945 10.3958C13.2714 10.3389 13.1089 10.1739 10.8423 7.9068C9.23597 6.30015 8.39314 5.46444 8.35082 5.43643C8.22164 5.3509 8.00868 5.31146 7.86057 5.34565ZM2.66832 10.521C2.66832 10.5591 2.67026 10.5746 2.67261 10.5556C2.67498 10.5365 2.67498 10.5054 2.67261 10.4863C2.67026 10.4673 2.66832 10.4829 2.66832 10.521Z' fill='%238E8E8E'/></svg>")
  );
  --inner-icon-success: var(
    --pdc-select-icon-success,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.52777 1.68009C6.4162 1.75648 5.33666 2.11505 4.39186 2.72165C3.53669 3.27069 2.78223 4.05195 2.26676 4.92222C1.10692 6.88037 1.02282 9.28594 2.04329 11.3153C2.77543 12.7712 4.02766 13.9185 5.5366 14.5157C6.57436 14.9264 7.66782 15.0682 8.7864 14.9373C10.2611 14.7646 11.6422 14.093 12.702 13.0333C13.5166 12.2187 14.0893 11.2398 14.4123 10.1099C14.5221 9.7257 14.613 9.1968 14.635 8.81465C14.6399 8.72859 14.6491 8.65816 14.6553 8.65816C14.6616 8.65816 14.6667 8.50197 14.6667 8.31108C14.6667 8.12019 14.6615 7.96719 14.6552 7.97108C14.6489 7.97497 14.6397 7.91089 14.6348 7.82868C14.6106 7.42982 14.5251 6.9399 14.4064 6.52048C13.6783 3.94784 11.487 2.05565 8.84634 1.71947C8.44153 1.66794 7.92781 1.6526 7.52777 1.68009ZM7.58104 2.51293C6.78838 2.57984 6.1315 2.75722 5.44002 3.09106C4.27915 3.6515 3.31405 4.62016 2.75005 5.79093C2.46332 6.38613 2.2867 6.99482 2.20407 7.67256C2.17034 7.94934 2.17051 8.70348 2.20438 8.97781C2.27871 9.57991 2.41339 10.0863 2.64124 10.6205C3.18599 11.8976 4.21292 12.9722 5.45669 13.5667C6.07876 13.864 6.63607 14.0255 7.34796 14.115C7.61418 14.1485 8.37368 14.1485 8.63989 14.115C9.37176 14.023 9.93053 13.8583 10.5711 13.5458C11.8037 12.9444 12.8037 11.8901 13.3463 10.6199C13.5739 10.0872 13.7093 9.57882 13.7835 8.97781C13.8174 8.70315 13.8175 7.94915 13.7837 7.67256C13.6026 6.19128 12.9365 4.92219 11.8231 3.93727C11.0779 3.27806 10.1246 2.8091 9.12873 2.61182C8.74169 2.53514 8.53597 2.51572 8.06718 2.51161C7.83277 2.50955 7.61401 2.51014 7.58104 2.51293ZM1.34032 8.32518C1.34032 8.51931 1.34218 8.59873 1.34445 8.50166C1.34672 8.40459 1.34672 8.24578 1.34445 8.14871C1.34218 8.05164 1.34032 8.13106 1.34032 8.32518Z' fill='%231BAD40'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.9315 5.35404C10.8753 5.36882 10.8145 5.40292 10.7702 5.44453C10.748 5.46539 9.83214 6.61793 8.73506 8.00574C6.91553 10.3074 6.73637 10.5302 6.69489 10.5426C6.64293 10.5582 6.57726 10.5427 6.54645 10.5076C6.53646 10.4962 6.24697 10.0871 5.90313 9.59842C5.55928 9.10976 5.26451 8.69564 5.24805 8.67815C5.18829 8.61458 5.10202 8.57884 4.99465 8.57321C4.90878 8.5687 4.88758 8.5719 4.83077 8.59791C4.68595 8.66421 4.61408 8.7698 4.60575 8.92849C4.60152 9.00914 4.60507 9.03653 4.62587 9.08356C4.64673 9.1307 5.63593 10.5488 5.90719 10.9204C6.03734 11.0987 6.22086 11.2261 6.42525 11.2801C6.553 11.3138 6.74955 11.314 6.87762 11.2804C7.04974 11.2352 7.22642 11.1247 7.34027 10.991C7.50489 10.7976 11.3359 5.93781 11.3605 5.89117C11.4 5.81638 11.4083 5.68615 11.3792 5.59856C11.3536 5.52171 11.2736 5.43169 11.1908 5.38658C11.123 5.34972 11.0045 5.33484 10.9315 5.35404Z' fill='%231BAD40'/></svg>")
  );
  --inner-icon-error: var(
    --pdc-select-icon-error,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.46061 1.35894C6.57645 1.43379 5.78049 1.65693 5.00303 2.04788C2.74964 3.181 1.33331 5.47788 1.33331 7.99912C1.33331 9.26406 1.68233 10.4736 2.35761 11.549C2.88086 12.3822 3.61035 13.1117 4.44358 13.6349C5.51891 14.3102 6.72848 14.6592 7.99342 14.6592C9.04189 14.6592 10.0488 14.4205 10.9838 13.9504C12.1602 13.3588 13.1372 12.4301 13.7903 11.2826C14.2675 10.4439 14.5797 9.41367 14.635 8.4949C14.64 8.41226 14.6492 8.34148 14.6554 8.3376C14.6617 8.33372 14.6668 8.17356 14.6666 7.98168C14.6665 7.78981 14.6614 7.6407 14.6553 7.65033C14.6488 7.66064 14.6405 7.60303 14.6352 7.51047C14.5826 6.59421 14.269 5.55687 13.7903 4.71569C13.2476 3.76212 12.4634 2.94112 11.5433 2.36331C10.7284 1.85159 9.83214 1.52527 8.89253 1.39817C8.46469 1.34029 7.87248 1.32407 7.46061 1.35894ZM7.58049 2.18658C6.77382 2.25783 6.13592 2.42886 5.45587 2.75625C4.2869 3.31898 3.31328 4.2926 2.75054 5.46157C2.45886 6.06748 2.28711 6.65875 2.20304 7.34643C2.16938 7.6218 2.16938 8.37644 2.20304 8.65181C2.35861 9.92445 2.86747 11.0301 3.72652 11.9621C4.57991 12.888 5.73967 13.5184 6.9944 13.7385C7.35057 13.801 7.51249 13.8131 7.99342 13.8131C8.47435 13.8131 8.63627 13.801 8.99243 13.7385C10.2472 13.5184 11.4069 12.888 12.2603 11.9621C13.1198 11.0296 13.6257 9.93023 13.7836 8.65181C13.8176 8.37588 13.8176 7.62236 13.7836 7.34643C13.7092 6.74426 13.5745 6.2378 13.3467 5.70358C12.7704 4.35266 11.6718 3.24672 10.3242 2.66097C9.78725 2.42757 9.25231 2.28282 8.65943 2.21052C8.48814 2.18962 7.73517 2.17293 7.58049 2.18658ZM7.9158 3.84515C7.78461 3.86635 7.67467 3.95457 7.61217 4.08877L7.58076 4.15624L7.58063 6.53486C7.58048 9.21705 7.57064 8.98143 7.6882 9.11008C7.77581 9.20593 7.86088 9.24297 7.99342 9.24297C8.12596 9.24297 8.21103 9.20593 8.29864 9.11008C8.4162 8.98143 8.40636 9.21705 8.40621 6.53486L8.40608 4.15624L8.37467 4.08877C8.33484 4.00324 8.27434 3.93418 8.20225 3.89193C8.15238 3.8627 8.12212 3.85402 8.0134 3.83767C7.99875 3.83548 7.95483 3.83883 7.9158 3.84515ZM1.33913 7.99912C1.33913 8.19326 1.341 8.27269 1.34326 8.17561C1.34554 8.07854 1.34554 7.91971 1.34326 7.82263C1.341 7.72555 1.33913 7.80498 1.33913 7.99912ZM7.86022 10.0908C7.70345 10.1237 7.52026 10.2618 7.44424 10.4044C7.31208 10.6523 7.35495 10.9462 7.552 11.1428C7.68211 11.2727 7.81594 11.3292 7.99342 11.3292C8.1709 11.3292 8.30473 11.2727 8.43484 11.1428C8.70296 10.8752 8.6727 10.4371 8.3703 10.2083C8.32528 10.1742 8.25379 10.1334 8.21144 10.1175C8.1233 10.0845 7.9521 10.0715 7.86022 10.0908Z' fill='%23CC2E36'/></svg>")
  );
  --inner-icon-width: var(--pdc-select-icon-width, var(--pd-size-icon-s));
  --inner-icon-height: var(--pdc-select-icon-height, var(--pd-size-icon-s));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: var(--pdc-select-width, 100%);
  box-sizing: border-box;
  line-height: var(--pd-tipography-caption-2-line-height);
}

.pd-select *,
.pd-select *::before,
.pd-select *::after {
  box-sizing: inherit;
}

.pd-select__text {
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  line-height: var(--pd-tipography-caption-2-line-height);
  text-decoration: none;
  color: var(--inner-color-status);
  padding: 0 var(--pd-spacing-s);
}

.pd-select__label {
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-high);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  padding: 0 var(--pd-spacing-s);
}

.pd-select__control {
  width: 100%;
  margin: var(--pd-spacing-xs) 0;
}

.pd-select__button,
.pd-select__select {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--pd-color-surface-inverse);
  background-image: var(--inner-icon-arrow-down);
  background-position: center right var(--pd-spacing-s);
  background-repeat: no-repeat;
  background-size: var(--pdc-background-size);
  border-radius: var(--pd-radius-input);
  border: 1px solid var(--inner-color-border-status);
  color: var(--pd-color-text-interactive-active);
  cursor: pointer;
  flex-basis: 100%;
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  height: var(--pdc-select-height, var(--pd-size-height-input));
  line-height: var(--pd-tipography-body-2-line-height);
  padding: 0 var(--pd-spacing-l) 0 var(--pd-spacing-s);
  text-align: left;
  width: 100%;
}

.pd-select__button:hover,
.pd-select__select:hover {
  border: 2px solid var(--pd-color-border-interactive-hover);
}

.pd-select:not(.pd-select--success, .pd-select--error) .pd-select__select:hover {
  padding-left: calc(var(--pd-spacing-s) - 1px);
  background-position: center right calc(var(--pd-spacing-s) - 1px);
}

.pd-select__button:active,
.pd-select__select:active {
  background-image: var(--inner-icon-arrow-up);
}

.pd-select__button:focus-visible,
.pd-select__select:focus-visible {
  border: 2px solid var(--pd-color-border-interactive-hover);
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  padding-left: calc(var(--pd-spacing-s) - 1px);
}

:is(.pd-select--success, .pd-select--error) .pd-select__button:focus-visible,
:is(.pd-select--success, .pd-select--error) .pd-select__select:focus-visible {
  padding-left: var(--pd-spacing-s);
}

.pd-select__button:disabled,
.pd-select__select:disabled {
  pointer-events: none;
  background-color: var(--pd-color-surface-interactive-disabled);
  border-color: var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
}

/* Status success y error
--------------------------------- */
.pd-select--error {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
  --inner-icon-src: var(--inner-icon-error);
}

.pd-select--success {
  --inner-color-status: var(--pd-color-status-success-high);
  --inner-color-border-status: var(--pd-color-status-success);
  --inner-icon-src: var(--inner-icon-success);
}

.pd-select--error .pd-select__button,
.pd-select--success .pd-select__button,
.pd-select--error .pd-select__select,
.pd-select--success .pd-select__select {
  border-color: var(--inner-color-border-status);
  border-width: 2px;
}

.pd-select--error :is(.pd-select__button, .pd-select__select):hover,
.pd-select--error :is(.pd-select__button, .pd-select__select):focus {
  border-color: var(--pd-color-status-error);
}

.pd-select--success :is(.pd-select__button, .pd-select__select):hover,
.pd-select--success :is(.pd-select__button, .pd-select__select):focus {
  border-color: var(--pd-color-status-success);
}

.pd-select--error .pd-select__text,
.pd-select--success .pd-select__text {
  color: var(--inner-color-status);
}

/* Iconos success y error */
.pd-select__control {
  position: relative;
}

.pd-select--success .pd-select__control::after,
.pd-select--error .pd-select__control::after {
  content: "";
  display: inline-block;
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  position: absolute;
  right: 34px; /* TODO: --pdc ? relacionado con alto de select, etc */
  top: 12px;
  background-color: var(--inner-color-status);
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-select--success .pd-select__select,
.pd-select--error .pd-select__select {
  padding-right: calc(var(--pd-spacing-l) + 24px);
}

/* Otros
--------------------------------- */
.u-visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}

/* TODO: Ver a futuro
--------------------------------- */
.pd-select__list {
  max-height: var(--pd-size-height-dropdown);
  overflow-y: auto;
  scrollbar-color: #eaeaea #ffffff;
  scrollbar-width: thin;
  /* Track */
  /* Handle */
  /* Handle on hover */
}

.pd-select__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.pd-select__list::-webkit-scrollbar-track {
  background: #ffffff;
}

.pd-select__list::-webkit-scrollbar-thumb {
  background: #eaeaea;
}

.pd-select__list::-webkit-scrollbar-thumb:hover {
  background: #eaeaea;
}

.pd-select__options {
  border-radius: var(--pd-radius-input);
  border: 1px solid #e1e1e1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  margin-top: 4px;
  padding: 4px;
  width: 100%;
}

.pd-select__options .pd-search {
  width: 100%;
}

.pd-select__options ul,
.pd-select__options li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pd-select__item {
  border-radius: var(--pd-radius-input);
}

.pd-select__item:focus,
.pd-select__item:hover {
  background: var(--pd-color-surface-interactive-hover);
}

.pd-select__item[aria-selected=true] {
  color: var(--pd-color-text-interactive-selected);
}

.pd-select__item--wrap {
  padding: 8px;
}

.pd-select__item .pd-checkbox,
.pd-select__item .pd-checkbox__check {
  width: 100%;
}

.pd-select--active .pd-select__select {
  border-color: var(--pd-color-border-interactive-active);
}/* v1.0.0 */
.pd-multiselect {
  --inner-color-status: var(--pd-color-text-low);
  --inner-color-border-status: var(--pd-color-border-interactive-default);
  --inner-icon-arrow-down: var(
    --pdc-select-icon-arrow-down,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='red' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.93687 5.33863C2.83347 5.3598 2.74247 5.43362 2.69587 5.53412C2.65794 5.6159 2.65686 5.73413 2.69334 5.81206C2.71395 5.85608 3.16188 6.30915 5.16083 8.30785C7.44542 10.5922 7.60806 10.7524 7.67926 10.7887C7.79663 10.8485 7.86927 10.866 8.00002 10.866C8.13077 10.866 8.20341 10.8485 8.32078 10.7887C8.39198 10.7524 8.55462 10.5922 10.8392 8.30785C12.8382 6.30915 13.2861 5.85608 13.3067 5.81206C13.3432 5.73413 13.3421 5.6159 13.3042 5.53412C13.2366 5.38837 13.089 5.31083 12.933 5.33911C12.8975 5.34555 12.8483 5.36322 12.8236 5.37836C12.799 5.39352 11.7036 6.48063 10.3894 7.79417L8.00006 10.1824L5.59979 7.78381C3.49981 5.68529 3.19272 5.38243 3.14516 5.363C3.07865 5.33583 2.99712 5.32629 2.93687 5.33863Z' fill='%238E8E8E'/></svg>")
  );
  --inner-icon-arrow-up: var(
    --pdc-select-icon-arrow-up,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.86057 5.34565C7.76775 5.36706 7.69577 5.39671 7.63036 5.44046C7.59731 5.46257 6.53758 6.51486 5.14131 7.91203C2.7699 10.285 2.70924 10.3467 2.68631 10.409C2.65691 10.489 2.66079 10.5903 2.69604 10.6631C2.72407 10.721 2.79254 10.7921 2.84718 10.8199C2.92894 10.8616 3.05384 10.8635 3.14068 10.8242C3.16923 10.8113 3.91756 10.0703 5.5878 8.4012L7.99379 5.9968L10.3998 8.4012C12.07 10.0703 12.8183 10.8113 12.8469 10.8242C12.9311 10.8623 13.0589 10.8617 13.1347 10.8229C13.2127 10.7829 13.2954 10.6861 13.3077 10.6205C13.3114 10.6008 13.3187 10.582 13.3239 10.5788C13.3291 10.5756 13.3333 10.5437 13.3333 10.5079C13.3333 10.4721 13.3302 10.4459 13.3263 10.4498C13.3225 10.4537 13.3082 10.4294 13.2945 10.3958C13.2714 10.3389 13.1089 10.1739 10.8423 7.9068C9.23597 6.30015 8.39314 5.46444 8.35082 5.43643C8.22164 5.3509 8.00868 5.31146 7.86057 5.34565ZM2.66832 10.521C2.66832 10.5591 2.67026 10.5746 2.67261 10.5556C2.67498 10.5365 2.67498 10.5054 2.67261 10.4863C2.67026 10.4673 2.66832 10.4829 2.66832 10.521Z' fill='%238E8E8E'/></svg>")
  );
  --inner-icon-close: var(
    --pdc-input-icon-close,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z' /%3e%3c/svg%3e")
  );
  --inner-icon-success: var(
    --pdc-select-icon-success,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.52777 1.68009C6.4162 1.75648 5.33666 2.11505 4.39186 2.72165C3.53669 3.27069 2.78223 4.05195 2.26676 4.92222C1.10692 6.88037 1.02282 9.28594 2.04329 11.3153C2.77543 12.7712 4.02766 13.9185 5.5366 14.5157C6.57436 14.9264 7.66782 15.0682 8.7864 14.9373C10.2611 14.7646 11.6422 14.093 12.702 13.0333C13.5166 12.2187 14.0893 11.2398 14.4123 10.1099C14.5221 9.7257 14.613 9.1968 14.635 8.81465C14.6399 8.72859 14.6491 8.65816 14.6553 8.65816C14.6616 8.65816 14.6667 8.50197 14.6667 8.31108C14.6667 8.12019 14.6615 7.96719 14.6552 7.97108C14.6489 7.97497 14.6397 7.91089 14.6348 7.82868C14.6106 7.42982 14.5251 6.9399 14.4064 6.52048C13.6783 3.94784 11.487 2.05565 8.84634 1.71947C8.44153 1.66794 7.92781 1.6526 7.52777 1.68009ZM7.58104 2.51293C6.78838 2.57984 6.1315 2.75722 5.44002 3.09106C4.27915 3.6515 3.31405 4.62016 2.75005 5.79093C2.46332 6.38613 2.2867 6.99482 2.20407 7.67256C2.17034 7.94934 2.17051 8.70348 2.20438 8.97781C2.27871 9.57991 2.41339 10.0863 2.64124 10.6205C3.18599 11.8976 4.21292 12.9722 5.45669 13.5667C6.07876 13.864 6.63607 14.0255 7.34796 14.115C7.61418 14.1485 8.37368 14.1485 8.63989 14.115C9.37176 14.023 9.93053 13.8583 10.5711 13.5458C11.8037 12.9444 12.8037 11.8901 13.3463 10.6199C13.5739 10.0872 13.7093 9.57882 13.7835 8.97781C13.8174 8.70315 13.8175 7.94915 13.7837 7.67256C13.6026 6.19128 12.9365 4.92219 11.8231 3.93727C11.0779 3.27806 10.1246 2.8091 9.12873 2.61182C8.74169 2.53514 8.53597 2.51572 8.06718 2.51161C7.83277 2.50955 7.61401 2.51014 7.58104 2.51293ZM1.34032 8.32518C1.34032 8.51931 1.34218 8.59873 1.34445 8.50166C1.34672 8.40459 1.34672 8.24578 1.34445 8.14871C1.34218 8.05164 1.34032 8.13106 1.34032 8.32518Z' fill='%231BAD40'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.9315 5.35404C10.8753 5.36882 10.8145 5.40292 10.7702 5.44453C10.748 5.46539 9.83214 6.61793 8.73506 8.00574C6.91553 10.3074 6.73637 10.5302 6.69489 10.5426C6.64293 10.5582 6.57726 10.5427 6.54645 10.5076C6.53646 10.4962 6.24697 10.0871 5.90313 9.59842C5.55928 9.10976 5.26451 8.69564 5.24805 8.67815C5.18829 8.61458 5.10202 8.57884 4.99465 8.57321C4.90878 8.5687 4.88758 8.5719 4.83077 8.59791C4.68595 8.66421 4.61408 8.7698 4.60575 8.92849C4.60152 9.00914 4.60507 9.03653 4.62587 9.08356C4.64673 9.1307 5.63593 10.5488 5.90719 10.9204C6.03734 11.0987 6.22086 11.2261 6.42525 11.2801C6.553 11.3138 6.74955 11.314 6.87762 11.2804C7.04974 11.2352 7.22642 11.1247 7.34027 10.991C7.50489 10.7976 11.3359 5.93781 11.3605 5.89117C11.4 5.81638 11.4083 5.68615 11.3792 5.59856C11.3536 5.52171 11.2736 5.43169 11.1908 5.38658C11.123 5.34972 11.0045 5.33484 10.9315 5.35404Z' fill='%231BAD40'/></svg>")
  );
  --inner-icon-error: var(
    --pdc-select-icon-error,
    url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.46061 1.35894C6.57645 1.43379 5.78049 1.65693 5.00303 2.04788C2.74964 3.181 1.33331 5.47788 1.33331 7.99912C1.33331 9.26406 1.68233 10.4736 2.35761 11.549C2.88086 12.3822 3.61035 13.1117 4.44358 13.6349C5.51891 14.3102 6.72848 14.6592 7.99342 14.6592C9.04189 14.6592 10.0488 14.4205 10.9838 13.9504C12.1602 13.3588 13.1372 12.4301 13.7903 11.2826C14.2675 10.4439 14.5797 9.41367 14.635 8.4949C14.64 8.41226 14.6492 8.34148 14.6554 8.3376C14.6617 8.33372 14.6668 8.17356 14.6666 7.98168C14.6665 7.78981 14.6614 7.6407 14.6553 7.65033C14.6488 7.66064 14.6405 7.60303 14.6352 7.51047C14.5826 6.59421 14.269 5.55687 13.7903 4.71569C13.2476 3.76212 12.4634 2.94112 11.5433 2.36331C10.7284 1.85159 9.83214 1.52527 8.89253 1.39817C8.46469 1.34029 7.87248 1.32407 7.46061 1.35894ZM7.58049 2.18658C6.77382 2.25783 6.13592 2.42886 5.45587 2.75625C4.2869 3.31898 3.31328 4.2926 2.75054 5.46157C2.45886 6.06748 2.28711 6.65875 2.20304 7.34643C2.16938 7.6218 2.16938 8.37644 2.20304 8.65181C2.35861 9.92445 2.86747 11.0301 3.72652 11.9621C4.57991 12.888 5.73967 13.5184 6.9944 13.7385C7.35057 13.801 7.51249 13.8131 7.99342 13.8131C8.47435 13.8131 8.63627 13.801 8.99243 13.7385C10.2472 13.5184 11.4069 12.888 12.2603 11.9621C13.1198 11.0296 13.6257 9.93023 13.7836 8.65181C13.8176 8.37588 13.8176 7.62236 13.7836 7.34643C13.7092 6.74426 13.5745 6.2378 13.3467 5.70358C12.7704 4.35266 11.6718 3.24672 10.3242 2.66097C9.78725 2.42757 9.25231 2.28282 8.65943 2.21052C8.48814 2.18962 7.73517 2.17293 7.58049 2.18658ZM7.9158 3.84515C7.78461 3.86635 7.67467 3.95457 7.61217 4.08877L7.58076 4.15624L7.58063 6.53486C7.58048 9.21705 7.57064 8.98143 7.6882 9.11008C7.77581 9.20593 7.86088 9.24297 7.99342 9.24297C8.12596 9.24297 8.21103 9.20593 8.29864 9.11008C8.4162 8.98143 8.40636 9.21705 8.40621 6.53486L8.40608 4.15624L8.37467 4.08877C8.33484 4.00324 8.27434 3.93418 8.20225 3.89193C8.15238 3.8627 8.12212 3.85402 8.0134 3.83767C7.99875 3.83548 7.95483 3.83883 7.9158 3.84515ZM1.33913 7.99912C1.33913 8.19326 1.341 8.27269 1.34326 8.17561C1.34554 8.07854 1.34554 7.91971 1.34326 7.82263C1.341 7.72555 1.33913 7.80498 1.33913 7.99912ZM7.86022 10.0908C7.70345 10.1237 7.52026 10.2618 7.44424 10.4044C7.31208 10.6523 7.35495 10.9462 7.552 11.1428C7.68211 11.2727 7.81594 11.3292 7.99342 11.3292C8.1709 11.3292 8.30473 11.2727 8.43484 11.1428C8.70296 10.8752 8.6727 10.4371 8.3703 10.2083C8.32528 10.1742 8.25379 10.1334 8.21144 10.1175C8.1233 10.0845 7.9521 10.0715 7.86022 10.0908Z' fill='%23CC2E36'/></svg>")
  );
  --inner-icon-width: var(--pdc-select-icon-width, var(--pd-size-icon-s));
  --inner-icon-height: var(--pdc-select-icon-height, var(--pd-size-icon-s));
  --inner-input-padding-default: var(--pd-spacing-s);
  --inner-input-padding-with-icons: var(--pd-spacing-xl);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: var(--pdc-select-width, 100%);
  box-sizing: border-box;
  line-height: var(--pd-tipography-caption-2-line-height);
}

.pd-multiselect *,
.pd-multiselect *::before,
.pd-multiselect *::after {
  box-sizing: inherit;
}

.pd-multiselect__label {
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-high);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  padding: 0 var(--pd-spacing-s);
}

.pd-multiselect__control {
  position: relative;
  display: flex;
  align-items: center;
  margin: var(--pd-spacing-xs) 0;
  width: 100%;
  height: var(--pdc-input-height, var(--pd-size-height-input));
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: var(--pd-radius-input);
  padding: 0 var(--inner-input-padding-with-icons) 0 var(--inner-input-padding-default);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-interactive-default);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  background-color: var(--pd-color-surface-inverse);
  cursor: pointer;
}

.pd-multiselect__control:hover {
  border-color: var(--pd-color-border-interactive-hover);
}

.pd-multiselect__control:not(:focus-visible):hover {
  border-color: var(--pd-color-border-interactive-hover);
}

.pd-multiselect__control:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  border: 2px solid var(--pd-color-border-interactive-focus);
}

.pd-multiselect__value {
  flex-basis: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pd-multiselect__arrow {
  position: absolute;
  right: var(--pd-spacing-s);
  top: 50%;
  transform: translateY(-50%);
  width: var(--pdc-select-icon-width, var(--pd-size-icon-s));
  height: var(--pdc-select-icon-height, var(--pd-size-icon-s));
  pointer-events: none;
  background-color: var(--pd-color-icon-interactive-default);
  mask-image: var(--inner-icon-arrow-down);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.pd-multiselect__arrow--up {
  mask-image: var(--inner-icon-arrow-up);
}

.pd-multiselect__clear {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: 0;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  width: var(--pdc-select-icon-width, var(--pd-size-icon-s));
  height: var(--pdc-select-icon-height, var(--pd-size-icon-s));
  cursor: pointer;
  background-color: var(--pd-color-icon-high);
  mask-image: var(--inner-icon-close);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.pd-multiselect__list,
.pd-multiselect__list-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.pd-multiselect__list {
  padding: var(--pd-spacing-xs);
  border-radius: var(--pd-radius-card);
  box-shadow: var(--pd-dropshadow-02);
  max-height: var(--pd-size-height-dropdown);
  width: 100%;
  overflow-y: auto;
  scrollbar-color: #eaeaea #ffffff;
  scrollbar-width: thin;
}

.pd-multiselect__list-item {
  border-radius: 8px;
  cursor: pointer;
}

.pd-multiselect__list-item:hover {
  background-color: var(--pd-color-surface-interactive-hover);
}

.pd-multiselect__list::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

.pd-multiselect__list::-webkit-scrollbar-track {
  background: #ffffff;
}

.pd-multiselect__list::-webkit-scrollbar-thumb {
  background: #eaeaea;
}

.pd-multiselect__list::-webkit-scrollbar-thumb:hover {
  background: #eaeaea;
}

.pd-multiselect .pd-checkbox {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  column-gap: 8px;
  width: 100%;
  padding: var(--pd-spacing-s);
  cursor: pointer;
}

.pd-multiselect .pd-checkbox__input {
  margin: 3px 0 0;
}

/* Estado Disabled */
.pd-multiselect--disabled .pd-multiselect__control {
  padding: 0 48px 0 var(--inner-input-padding-default);
  pointer-events: none;
  background-color: var(--pd-color-surface-interactive-disabled-low);
  border-color: var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
}

.pd-multiselect--disabled .pd-multiselect__clear {
  display: none;
}

.pd-multiselect--disabled .pd-checkbox__input {
  cursor: not-allowed;
}

/* Status success y error */
.pd-multiselect--error {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
  --inner-icon-src: var(--inner-icon-error);
}

.pd-multiselect--success {
  --inner-color-status: var(--pd-color-status-success-high);
  --inner-color-border-status: var(--pd-color-status-success);
  --inner-icon-src: var(--inner-icon-success);
}

.pd-multiselect--error .pd-multiselect__control,
.pd-multiselect--success .pd-multiselect__control {
  border-color: var(--inner-color-border-status);
  border-width: 2px;
}

.pd-multiselect--success .pd-multiselect__control::after,
.pd-multiselect--error .pd-multiselect__control::after {
  content: "";
  display: inline-block;
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--inner-color-status);
  mask-image: var(--inner-icon-src);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

/* Otros */
.u-visually-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
}/* v1.0.0 */
.pd-search {
  --inner-icon-close: var(
    --pdc-search-icon-close,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath d='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z' /%3e%3c/svg%3e")
  );
  --inner-icon-search: var(
    --pdc-search-icon-search,
    url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%0A%3E%3Cpath d='M15.5 14h-.79l-.28-.27a6.5 6.5 0 1 0-.7.7l.27.28v.79l5 4.99L20.49 19l-4.99-5Zm-6 0a4.5 4.5 0 1 1-.01-8.99A4.5 4.5 0 0 1 9.5 14Z' /%3E%3C/svg%3E")
  );
  --inner-icon-width: 16px;
  --inner-icon-height: 16px;
  position: relative;
  width: var(--pdc-search-width, 100%);
  box-sizing: border-box;
}

.pd-search *,
.pd-search *::before,
.pd-search *::after {
  box-sizing: inherit;
}

.pd-search__input {
  width: 100%;
  height: var(--pdc-search-height, var(--pd-size-height-input));
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: var(--pd-radius-input);
  padding: 0 var(--pd-spacing-xl) 0 var(--pd-spacing-l);
  overflow: hidden;
  transition: border-color 250ms ease-out;
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-interactive-active);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  background-color: var(--pd-color-surface-inverse);
}

.pd-search__input::placeholder {
  color: var(--pd-color-text-interactive-default);
}

.pd-search__input:not(:disabled):hover {
  border: 1px solid var(--pd-color-border-interactive-hover);
}

.pd-search__input:not(:disabled):focus-visible {
  border: 2px solid var(--pd-color-border-interactive-hover);
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  padding-left: calc(var(--pd-spacing-l) - 1px);
}

/* collapse */
.pd-search__input--collapse {
  width: var(--pdc-search-height, var(--pd-size-height-input));
  height: var(--pdc-search-height, var(--pd-size-height-input));
  padding: 0;
  transition: width 250ms ease-out, border-color 250ms ease-out;
}

.pd-search:focus-within .pd-search__input--collapse {
  width: 100%;
  padding: 0 var(--pd-spacing-xl) 0 var(--pd-spacing-l);
  transition: width 250ms ease-in-out;
}

.pd-search:focus-within .pd-search__input--collapse ~ .pd-search__button {
  opacity: 1;
  transition-delay: 250ms;
  transition-property: opacity;
  transition-timing-function: ease-out;
  pointer-events: all;
}

.pd-search__input--collapse:not(:focus),
.pd-search__input--collapse::placeholder {
  color: transparent;
}

.pd-search__input--collapse:not(:focus) ~ .pd-search__button {
  opacity: 0;
  pointer-events: none;
}

/* disabled */
.pd-search__input:disabled {
  background-color: var(--pd-color-surface-interactive-disabled);
  border-color: var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
  outline: none;
  cursor: not-allowed;
}

.pd-search__input:disabled ~ .pd-search__button {
  display: none;
}

/* buttons */
.pd-search__label,
.pd-search .pd-search__button {
  display: flex;
  position: absolute;
  top: 0;
  align-items: center;
  justify-content: center;
  width: var(--pdc-search-height, var(--pd-size-height-input));
  height: 100%;
  border: 0;
  background-color: transparent;
}

.pd-search__label {
  left: 0;
  pointer-events: none;
}

.pd-search .pd-search__button {
  display: none;
  right: 0;
}

.pd-search__label::before,
.pd-search__button::before {
  display: inline-block;
  content: "";
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  background-color: currentColor;
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-search__label::before {
  --inner-icon-src: var(--inner-icon-search);
  color: var(--pd-color-icon-interactive-default);
}

.pd-search__input:not(:placeholder-shown) + .pd-search__button::before {
  display: inline-block;
}

.pd-search__input:not(:placeholder-shown) + .pd-search__button {
  display: flex;
}

.pd-search__button::before {
  --inner-icon-src: var(--inner-icon-close);
  cursor: pointer;
  color: var(--pd-color-icon-interactive-active);
}

.pd-search__desc {
  margin-top: var(--pd-spacing-xs);
  padding: 0 var(--pd-spacing-s);
  text-decoration: none;
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0 */
.pd-spinner {
  --inner-spinner-color: var(--pdc-spinner-color, var(--pd-color-icon-interactive-active, currentColor));
  --inner-spinner-size: var(--pdc-spinner-size, 20px);
  --inner-spinner-margin: calc(var(--inner-spinner-size) / 2);
  /* vertical-align: text-bottom; */
}

.pd-spinner.pd-spinner--sm::before {
  --inner-spinner-size: var(--pd-size-icon-s);
}

.pd-spinner.pd-spinner--md::before {
  --inner-spinner-size: var(--pd-size-icon-m);
}

.pd-spinner.pd-spinner--lg::before {
  --inner-spinner-size: var(--pd-size-icon-l);
}

.pd-spinner::before {
  --inner-spinner-fat: calc(var(--inner-spinner-size) / 8);
  display: inline-block;
  width: var(--inner-spinner-size);
  height: var(--inner-spinner-size);
  border: var(--inner-spinner-fat) solid var(--inner-spinner-color);
  border-radius: var(--inner-spinner-size);
  border-right-color: transparent;
  content: "";
  vertical-align: middle;
  animation: spinner 0.75s linear infinite;
  margin-right: var(--inner-spinner-margin);
}

.pd-spinner:empty {
  text-align: center;
}

.pd-spinner:empty::before {
  margin-right: 0;
}

@keyframes spinner {
  to {
    rotate: 360deg;
  }
}/* v1.0.0-beta0 */
.pd-textarea {
  box-sizing: border-box;
  display: inline-block;
  width: var(--pdc-textarea-width, 100%);
}

.pd-textarea *,
.pd-textarea *::before,
.pd-textarea *::after {
  box-sizing: inherit;
}

.pd-textarea__label {
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-color-text-high);
  font-family: var(--pd-tipography-caption-1);
  font-size: var(--pd-tipography-caption-1-font-size);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  padding: 0 var(--pd-spacing-s);
  margin-bottom: var(--pd-spacing-xs);
  display: inline-block;
}

.pd-textarea__desc {
  margin-top: 0;
  padding: 0 var(--pd-spacing-s) 0 var(--pd-spacing-s);
  text-decoration: none;
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
}

.pd-textarea__foot {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}

.pd-textarea__count {
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-medium);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  min-width: 100px;
  margin-top: 0;
  text-align: right;
}

/* textarea */
.pd-textarea__textarea {
  width: 100%;
  height: var(--pdc-textarea-height, var(--pd-size-height-textarea));
  border: 1px solid var(--pd-color-border-interactive-default);
  border-radius: var(--pd-radius-input);
  padding: var(--pd-spacing-s);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-interactive-active);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  background-color: var(--pd-color-surface-inverse);
  resize: vertical;
  margin-bottom: var(--pd-spacing-xxs);
}

.pd-textarea__textarea::placeholder {
  color: var(--pd-color-text-interactive-default);
}

.pd-textarea__textarea:hover {
  border: 1px solid var(--pd-color-border-interactive-hover);
}

.pd-textarea__textarea:focus-visible {
  border: 2px solid var(--pd-color-border-interactive-hover);
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  padding: calc(var(--pd-spacing-s) - 1px);
}

.pd-textarea__textarea:disabled {
  background-color: var(--pd-color-surface-interactive-disabled);
  border-color: var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
  cursor: not-allowed;
  pointer-events: none;
}

/* error - success status */
:is(.pd-textarea--error, .pd-textarea--success) .pd-textarea__textarea {
  border-width: 2px;
  padding: calc(var(--pd-spacing-s) - 1px);
}

.pd-textarea--error {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
}

.pd-textarea--success {
  --inner-color-status: var(--pd-color-status-success-high);
  --inner-color-border-status: var(--pd-color-status-success);
}

.pd-textarea--error .pd-textarea__status {
  --inner-color-status: var(--pd-color-status-error);
  --inner-color-border-status: var(--pd-color-status-error);
  --inner-icon-src: var(--inner-icon-error);
}

.pd-textarea--success .pd-textarea__status {
  --inner-color-status: var(--pd-color-status-success);
  --inner-color-border-status: var(--pd-color-status-success);
  --inner-icon-src: var(--inner-icon-success);
}

.pd-textarea--error .pd-textarea__desc,
.pd-textarea--success .pd-textarea__desc {
  color: var(--inner-color-status);
}

:is(.pd-textarea--error, .pd-textarea--success) .pd-textarea__textarea {
  border-color: var(--inner-color-border-status);
}

:is(.pd-textarea--error, .pd-textarea--success) .pd-textarea__textarea:hover,
:is(.pd-textarea--error, .pd-textarea--success) .pd-textarea__textarea:focus {
  outline-color: var(--pd-color-border-interactive-focus-low);
  border-color: var(--inner-color-border-status);
}

:is(.pd-textarea--error, .pd-textarea--success) .pd-textarea__status {
  color: var(--inner-color-status);
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0-beta5 */
.pd-badge {
  --inner-height: var(--pdc-badge-size, 32px);
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-info)
  );
  --inner-text-color: var(
    --pdc-badge-text-color,
    var(--pd-color-text-interactive-default)
  );
  --inner-border-color: var(
    --pdc-badge-border-color,
    var(--pd-color-status-info)
  );
  --inner-border-width: var(--pdc-badge-border-width, 2px);
  --inner-icon-src: var(--pdc-badge-icon-src);
  --inner-icon-close: var(
    --pdc-badge-icon-close,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath  fill-rule='evenodd' clip-rule='evenodd' d='M2.90254 2.67851C2.82425 2.70107 2.74038 2.77411 2.69785 2.85679C2.66195 2.92656 2.65783 3.03744 2.68807 3.11967C2.71102 3.18208 2.77167 3.24383 5.11592 5.59198L7.52023 8.00029L5.11592 10.4086C2.77167 12.7568 2.71102 12.8185 2.68807 12.8809C2.58878 13.1509 2.85042 13.4109 3.12177 13.3118C3.18124 13.2901 3.26962 13.2031 5.58901 10.8822L7.99458 8.47518L10.4001 10.8822C12.7195 13.2031 12.8079 13.2901 12.8674 13.3118C13.0333 13.3724 13.2221 13.2956 13.2897 13.1401C13.3032 13.109 13.3185 13.0753 13.3237 13.0651C13.3354 13.0421 13.3363 12.915 13.3248 12.9222C13.3201 12.9251 13.3077 12.9026 13.2972 12.8722C13.2793 12.8206 13.1164 12.655 10.8735 10.4086L8.46892 8.00029L10.8731 5.59198C13.0665 3.39487 13.279 3.179 13.2964 3.13034C13.3068 3.101 13.3194 3.07243 13.3243 3.06686C13.3373 3.05204 13.3356 2.91955 13.3225 2.92764C13.3167 2.93127 13.3119 2.9266 13.3119 2.91725C13.3119 2.90791 13.3003 2.87762 13.2861 2.84995C13.2084 2.69779 13.0304 2.62848 12.8696 2.68774C12.8073 2.71072 12.7456 2.77143 10.4001 5.11836L7.99458 7.52541L5.58901 5.11836C3.26962 2.79753 3.18124 2.71049 3.12177 2.68879C3.05603 2.66479 2.965 2.66053 2.90254 2.67851ZM2.67013 3.00232C2.67018 3.04339 2.6721 3.05888 2.67441 3.03676C2.67671 3.01462 2.67668 2.98101 2.67433 2.96208C2.67197 2.94313 2.67008 2.96125 2.67013 3.00232ZM2.67013 12.9983C2.67018 13.0393 2.6721 13.0548 2.67441 13.0327C2.67671 13.0106 2.67668 12.977 2.67433 12.958C2.67197 12.9391 2.67008 12.9572 2.67013 12.9983Z' /%3e%3c/svg%3e")
  );
  --inner-icon-color: var(
    --pdc-badge-icon-color,
    var(--pd-color-status-info-high)
  );
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-info-low)
  );
  --inner-azimuth: var(--pdc-badge-icon-azimuth, 0);
  --inner-radius: var(--pdc-badge-radius, var(--pd-radius-badge));
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--inner-height);
  color: var(--inner-text-color);
  background-color: var(--inner-background-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-flex;
  height: var(--inner-height);
  padding: 0 var(--pd-spacing-sm);
  border-radius: var(--inner-radius);
  border-color: var(--inner-border-color);
  border-width: var(--inner-border-width);
  box-sizing: border-box;
}

.pd-badge *,
.pd-badge *::before,
.pd-badge *::after {
  box-sizing: inherit;
}

.pd-badge.pd-badge--outline {
  border: var(--inner-border-width) solid var(--pdc-badge-border-color, var(--inner-border-color));
  --inner-background-color: var(--pdc-badge-background-color, #ffffff);
  --inner-text-color: var(--pdc-badge-text-color, var(--inner-border-color));
  height: var(--inner-height);
  line-height: calc(var(--inner-height) - var(--inner-border-width) * 2);
}

.pd-badge.pd-badge--outline button {
  height: calc(var(--inner-height) - var(--inner-border-width) * 2);
}

/* Variants
  ----------------------- */
.pd-badge--info {
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-info-low)
  );
}

.pd-badge--info.pd-badge--outline {
  --inner-text-color: var(--pdc-badge-text-color, var(--pd-color-status-info));
  --inner-border-color: var(--pd-color-status-info);
}

.pd-badge--info button {
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-info-low)
  );
}

.pd-badge--info button::before {
  --inner-icon-color: var(--pd-color-status-info-high);
}

.pd-badge--neutral {
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-neutral-low)
  );
}

.pd-badge--neutral.pd-badge--outline {
  --inner-text-color: var(
    --pdc-badge-text-color,
    var(--pd-color-status-neutral)
  );
  --inner-border-color: var(--pd-color-status-neutral);
}

.pd-badge--neutral button {
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-neutral-low)
  );
}

.pd-badge--neutral button::before {
  --inner-icon-color: var(--pd-color-status-neutral-high);
}

.pd-badge--success {
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-success-low)
  );
}

.pd-badge--success.pd-badge--outline {
  --inner-text-color: var(
    --pdc-badge-text-color,
    var(--pd-color-status-success-high)
  );
  --inner-border-color: var(--pd-color-status-success);
}

.pd-badge--success button {
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-success-low)
  );
}

.pd-badge--success button::before {
  --inner-icon-color: var(--pd-color-status-success-high);
}

.pd-badge--error {
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-error-low)
  );
}

.pd-badge--error.pd-badge--outline {
  --inner-text-color: var(--pdc-badge-text-color, var(--pd-color-status-error));
  --inner-border-color: var(--pd-color-status-error);
}

.pd-badge--error button {
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-error-low)
  );
}

.pd-badge--error button::before {
  --inner-icon-color: var(--pd-color-status-error-high);
}

.pd-badge--warning {
  --inner-background-color: var(
    --pdc-badge-background-color,
    var(--pd-color-status-warning-low)
  );
}

.pd-badge--warning.pd-badge--outline {
  --inner-text-color: var(
    --pdc-badge-text-color,
    var(--pd-color-status-warning-high)
  );
  --inner-border-color: var(--pd-color-status-warning);
}

.pd-badge--warning button {
  --inner-icon-color-background: var(
    --pdc-badge-icon-background-color,
    var(--pd-color-status-warning-low)
  );
}

.pd-badge--warning button::before {
  --inner-icon-color: var(--pd-color-status-warning-high);
}

/* Button
  ----------------------- */
.pd-badge:has(button) {
  position: relative;
  margin-right: 0;
  padding: 0 0 0 var(--pd-spacing-sm);
  background: linear-gradient(to right, var(--inner-background-color), var(--inner-background-color) calc(100% - 32px), transparent 100%);
}

.pd-badge button {
  overflow: hidden;
  cursor: pointer;
  transition: background-color 250ms ease-out, box-shadow 250ms ease-out, color 250ms ease-out;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background-color: var(--inner-icon-color-background);
  --inner-icon-src: var(--inner-icon-close);
  width: var(--inner-height);
  height: var(--inner-height);
  margin-left: var(--pd-spacing-s);
  padding-left: var(--pd-spacing-s);
  border-left: 1px solid #ffffff;
}

.pd-badge button::before {
  display: inline-block;
  content: "";
  width: calc(var(--inner-height) / 2);
  height: calc(var(--inner-height) / 2);
  background-color: var(--inner-icon-color);
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  --innerX: calc(-12px + var(--inner-azimuth));
  transform: translateX(var(--innerX)) translateY(-50%);
}

.pd-badge button:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  outline-offset: -4px;
}

/* Icon
  ----------------------- */
.pd-badge--icon {
  position: relative;
  padding-left: var(--inner-height);
}

.pd-badge--icon i {
  display: block;
  position: absolute;
  left: 0;
  width: calc(var(--inner-height) - 2px);
  height: calc(var(--inner-height) - 2px);
  text-align: center;
}

.pd-badge--icon.pd-badge--outline i {
  margin-top: calc(-1 * var(--inner-border-width) / 2);
}

.pd-badge--icon:not(.pd-badge--outline) i {
  height: var(--inner-height);
}

.pd-badge--icon i::before {
  display: inline-block;
  content: "";
  width: 60%;
  height: 60%;
  background-color: currentColor;
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-badge--icon i::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.pd-badge--icon-right {
  padding-left: var(--pd-spacing-m);
  padding-right: var(--inner-height);
}

.pd-badge--icon-right i {
  left: auto;
  right: 0;
  margin-left: var(--pd-spacing-s);
  margin-right: 0;
}

/* Small
  ----------------------- */
.pd-badge--sm {
  --inner-height: var(--pdc-badge-size-small, 24px);
  font-family: var(--pd-tipography-caption-2);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  font-size: var(--pd-tipography-caption-2-font-size);
}

/* icon */
.pd-badge--sm.pd-badge--icon-right {
  padding-left: var(--pd-spacing-s);
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0-beta4 */
.pd-alert {
  --inner-size-height: var(--pdc-alert-size-height, 50px);
  --inner-size-width: var(--pdc-alert-size-width, 100%);
  --inner-icon-close: var(--pdc-alert-icon-close, url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath  fill-rule='evenodd' clip-rule='evenodd' d='M2.90254 2.67851C2.82425 2.70107 2.74038 2.77411 2.69785 2.85679C2.66195 2.92656 2.65783 3.03744 2.68807 3.11967C2.71102 3.18208 2.77167 3.24383 5.11592 5.59198L7.52023 8.00029L5.11592 10.4086C2.77167 12.7568 2.71102 12.8185 2.68807 12.8809C2.58878 13.1509 2.85042 13.4109 3.12177 13.3118C3.18124 13.2901 3.26962 13.2031 5.58901 10.8822L7.99458 8.47518L10.4001 10.8822C12.7195 13.2031 12.8079 13.2901 12.8674 13.3118C13.0333 13.3724 13.2221 13.2956 13.2897 13.1401C13.3032 13.109 13.3185 13.0753 13.3237 13.0651C13.3354 13.0421 13.3363 12.915 13.3248 12.9222C13.3201 12.9251 13.3077 12.9026 13.2972 12.8722C13.2793 12.8206 13.1164 12.655 10.8735 10.4086L8.46892 8.00029L10.8731 5.59198C13.0665 3.39487 13.279 3.179 13.2964 3.13034C13.3068 3.101 13.3194 3.07243 13.3243 3.06686C13.3373 3.05204 13.3356 2.91955 13.3225 2.92764C13.3167 2.93127 13.3119 2.9266 13.3119 2.91725C13.3119 2.90791 13.3003 2.87762 13.2861 2.84995C13.2084 2.69779 13.0304 2.62848 12.8696 2.68774C12.8073 2.71072 12.7456 2.77143 10.4001 5.11836L7.99458 7.52541L5.58901 5.11836C3.26962 2.79753 3.18124 2.71049 3.12177 2.68879C3.05603 2.66479 2.965 2.66053 2.90254 2.67851ZM2.67013 3.00232C2.67018 3.04339 2.6721 3.05888 2.67441 3.03676C2.67671 3.01462 2.67668 2.98101 2.67433 2.96208C2.67197 2.94313 2.67008 2.96125 2.67013 3.00232ZM2.67013 12.9983C2.67018 13.0393 2.6721 13.0548 2.67441 13.0327C2.67671 13.0106 2.67668 12.977 2.67433 12.958C2.67197 12.9391 2.67008 12.9572 2.67013 12.9983Z' /%3e%3c/svg%3e"));
  --inner-icon-success-default: url("data: image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.4822 8.67025L10.2243 16.9282L5.29297 11.9967L6.7072 10.5825L10.2243 14.0997L17.068 7.25604L18.4822 8.67025Z' /%3E%3Cpath d='M12 24C5.383 24 0 18.617 0 12C0 5.383 5.383 0 12 0C18.617 0 24 5.383 24 12C24 18.617 18.617 24 12 24ZM12 1.5C6.21 1.5 1.5 6.21 1.5 12C1.5 17.79 6.21 22.5 12 22.5C17.79 22.5 22.5 17.79 22.5 12C22.5 6.21 17.79 1.5 12 1.5Z' /%3E%3C/svg%3E");
  --inner-icon-error-warning-default: url("data: image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M2.46668 23C2.09611 23 1.72846 22.9051 1.40384 22.7262C0.341974 22.1395 -0.0452256 20.799 0.541441 19.7371L10.0718 2.14204C10.2742 1.7744 10.5725 1.47618 10.9362 1.27476C11.2628 1.09484 11.6294 1 11.9981 1C12.2044 1 12.4097 1.02933 12.6101 1.08702C13.1753 1.24933 13.6427 1.62284 13.9262 2.13715L23.4625 19.742C23.6395 20.0627 23.7333 20.4294 23.7333 20.8C23.7333 22.0134 22.7468 23 21.5333 23H2.46668ZM11.999 2.46667C11.8749 2.46667 11.7565 2.49795 11.6461 2.55858C11.5248 2.62507 11.4261 2.7248 11.3586 2.84604L1.8282 20.4411C1.7314 20.6162 1.70891 20.8147 1.76366 21.0034C1.81842 21.1921 1.94162 21.3475 2.11273 21.4424C2.22126 21.502 2.34348 21.5343 2.46668 21.5343H21.5333C21.9381 21.5343 22.2667 21.2048 22.2667 20.801C22.2667 20.6778 22.2354 20.5555 22.1748 20.447L12.6395 2.84213C12.5466 2.67395 12.3911 2.54978 12.2034 2.496C12.1359 2.47644 12.0675 2.46667 11.999 2.46667Z' /%3E%3Cpath d='M11.9984 19.3332C11.9554 19.3332 11.9124 19.3293 11.8713 19.3224C11.3697 19.2638 10.9688 18.8629 10.9102 18.3613C10.9023 18.3192 10.8984 18.2762 10.8984 18.2332C10.8984 18.1902 10.9023 18.1471 10.9102 18.1051C10.9688 17.6035 11.3697 17.2036 11.8713 17.1449C11.9124 17.1371 11.9554 17.1342 11.9994 17.1342C12.0434 17.1342 12.0855 17.1381 12.1265 17.1449C12.6281 17.2036 13.029 17.6045 13.0877 18.1061C13.0955 18.1471 13.0984 18.1902 13.0984 18.2342C13.0984 18.2782 13.0945 18.3202 13.0877 18.3622C13.029 18.8638 12.6281 19.2647 12.1265 19.3234C12.0845 19.3302 12.0424 19.3332 11.9984 19.3332Z' /%3E%3Cpath d='M12.0009 15.6665C11.5961 15.6665 11.2676 15.338 11.2676 14.9332V8.33319C11.2676 7.92839 11.5961 7.59985 12.0009 7.59985C12.4047 7.59985 12.7342 7.92839 12.7342 8.33319V14.9332C12.7342 15.338 12.4057 15.6665 12.0009 15.6665Z' /%3E%3C/svg%3E");
  --inner-icon-info-default: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 17.2869C12.259 17.2869 11.25 16.2779 11.25 15.0369V11.2869H10.5C10.086 11.2869 9.75 10.9509 9.75 10.5369C9.75 10.1229 10.086 9.78687 10.5 9.78687H11.25C12.077 9.78687 12.75 10.4599 12.75 11.2869V15.0369C12.75 15.4509 13.086 15.7869 13.5 15.7869H14.25C14.664 15.7869 15 16.1229 15 16.5369C15 16.9509 14.664 17.2869 14.25 17.2869H13.5Z' /%3E%3Cpath d='M11.625 8.28687C12.2463 8.28687 12.75 7.78319 12.75 7.16187C12.75 6.54054 12.2463 6.03687 11.625 6.03687C11.0037 6.03687 10.5 6.54054 10.5 7.16187C10.5 7.78319 11.0037 8.28687 11.625 8.28687Z' /%3E%3Cpath d='M12 24.0369C5.383 24.0369 0 18.6539 0 12.0369C0 5.41987 5.383 0.0368652 12 0.0368652C18.617 0.0368652 24 5.41987 24 12.0369C24 18.6539 18.617 24.0369 12 24.0369ZM12 1.53687C6.21 1.53687 1.5 6.24687 1.5 12.0369C1.5 17.8269 6.21 22.5369 12 22.5369C17.79 22.5369 22.5 17.8269 22.5 12.0369C22.5 6.24687 17.79 1.53687 12 1.53687Z' /%3E%3C/svg%3E");
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-family: var(--pd-tipography-subtitle-2);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  border-radius: var(--pd-radius-alert);
  margin: var(--pd-spacing-xs) 0;
  min-height: var(--inner-size-height);
  width: var(--inner-size-width);
  padding: var(--pd-spacing-s) var(--pd-spacing-sm);
  gap: var(--pd-spacing-s);
  box-sizing: border-box;
}

.pd-alert *,
.pd-alert *::before,
.pd-alert *::after {
  box-sizing: inherit;
}

.pd-alert__close::before,
.pd-alert::before {
  display: inline-block;
  content: "";
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-alert::before {
  align-self: var(--pdc-alert-flex-align);
  width: var(--pdc-alert-icon-width, 24px);
  min-width: var(--pdc-alert-icon-width, 24px);
  height: var(--pdc-alert-icon-height, 24px);
}

.pd-alert__close::before {
  width: var(--pdc-alert-close-icon-width, 24px);
  height: var(--pdc-alert-close-icon-height, 24px);
}

/* default */
.pd-alert {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-info-background-color, var(--pd-color-status-info)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-info-icon, var(--inner-icon-info-default)));
  color: var(--pdc-alert-text-color, var(--pdc-alert-info-text-color, var(--pd-color-text-interactive-selected-inverse)));
}

.pd-alert .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-info-text-color, var(--pd-color-text-interactive-selected-inverse)));
}

/* Icon */
.pd-alert::before {
  -webkit-mask-image: var(--inner-icon-status);
  mask-image: var(--inner-icon-status);
}

/* Text: title and description */
.pd-alert__text strong {
  display: block;
}

.pd-alert__text > div {
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  line-height: var(--pd-tipography-caption-2-line-height);
}

/* Close */
.pd-alert__close {
  margin: 0;
  border: 0;
  cursor: pointer;
  background-color: transparent;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.pd-alert__close::before {
  -webkit-mask-image: var(--inner-icon-close);
  mask-image: var(--inner-icon-close);
}

.pd-alert__close:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  outline-offset: 2px;
}

/* Themes */
.pd-alert--success {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-success-background-color, var(--pd-color-status-success-high)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-success-icon, var(--inner-icon-success-default)));
}

.pd-alert--success,
.pd-alert--success .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-success-text-color, var(--pd-color-text-interactive-selected-inverse)));
}

.pd-alert--success-light {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-success-light-background-color, var(--pd-color-status-success-low)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-success-icon, var(--inner-icon-success-default)));
}

.pd-alert--success-light,
.pd-alert--success-light .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-success-light-text-color, var(--pd-color-status-success-high)));
}

.pd-alert--error {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-error-background-color, var(--pd-color-status-error)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-error-icon, var(--inner-icon-error-warning-default)));
}

.pd-alert--error,
.pd-alert--error .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-error-text-color, var(--pd-color-text-interactive-selected-inverse)));
}

.pd-alert--error-light {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-error-light-background-color, var(--pd-color-status-error-low)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-error-icon, var(--inner-icon-error-warning-default)));
}

.pd-alert--error-light,
.pd-alert--error-light .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-error-light-text-color, var(--pd-color-status-error-high)));
}

.pd-alert--warning {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-warning-background-color, var(--pd-color-status-warning)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-warning-icon, var(--inner-icon-error-warning-default)));
}

.pd-alert--warning,
.pd-alert--warning .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-warning-text-color, var(--pd-color-status-neutral-high)));
}

.pd-alert--warning-light {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-warning-light-background-color, var(--pd-color-status-warning-low)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-warning-icon, var(--inner-icon-error-warning-default)));
}

.pd-alert--warning-light,
.pd-alert--warning-light .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-warning-light-text-color, var(--pd-color-status-warning-high)));
}

.pd-alert--info {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-info-background-color, var(--pd-color-status-info)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-info-icon, var(--inner-icon-info-default)));
}

.pd-alert--info,
.pd-alert--info .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-info-text-color, var(--pd-color-text-interactive-selected-inverse)));
}

.pd-alert--info-light {
  background-color: var(--pdc-alert-background-color, var(--pdc-alert-info-light-background-color, var(--pd-color-status-info-low)));
  --inner-icon-status: var(--pdc-alert-icon, var(--pdc-alert-info-icon, var(--inner-icon-info-default)));
}

.pd-alert--info-light,
.pd-alert--info-light .pd-alert__close {
  color: var(--pdc-alert-text-color, var(--pdc-alert-info-light-text-color, var(--pd-color-status-info-high)));
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0-beta0 */
.pd-tabs {
  --inner-border-height: var(--pdc-tabs-border-height, 4px);
  --inner-border-width: var(--pdc-tabs-border-width, 60px);
  display: flex;
  flex-wrap: nowrap;
  column-gap: var(--pd-spacing-xl);
  box-sizing: content-box;
  overflow-x: auto;
  margin-bottom: var(--pd-spacing-m);
  padding: 0 4px;
}

.pd-tabs *,
.pd-tabs *::before,
.pd-tabs *::after {
  box-sizing: inherit;
}

.pd-tabs li {
  position: relative;
  padding: 4px 0px;
}

.pd-tabs button {
  all: unset;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 250ms ease-out, box-shadow 250ms ease-out, color 250ms ease-out;
  vertical-align: middle;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  height: calc(var(--pd-size-height-button-md) - var(--pd-spacing-xs));
  padding: 0 0 var(--pd-spacing-xs) 0;
  margin-right: var(--pd-spacing-xl);
  font-family: var(--pd-tipography-body-1);
  line-height: var(--pd-tipography-body-1-line-height);
  font-size: var(--pd-tipography-body-1-font-size);
  font-weight: var(--pd-tipography-body-1-font-weight);
  border: 0;
  background-color: transparent;
  color: var(--pd-color-text-button-primary-default);
  text-align: center;
}

.pd-tabs button:last-child {
  margin-right: 0;
}

.pd-tabs button[data-selected],
.pd-tabs button:focus-visible {
  font-family: var(--pd-tipography-subtitle-2);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
}

.pd-tabs button[disabled] {
  color: var(--pd-color-text-interactive-disabled-low);
  pointer-events: none;
}

.pd-tabs button[data-selected]::after,
.pd-tabs button:hover::after {
  content: "";
  position: absolute;
  left: calc(50% - var(--inner-border-width) / 2);
  bottom: 0;
  height: var(--inner-border-height);
  width: var(--inner-border-width);
  background: var(--pd-color-border-interactive-hover);
  border-radius: 2px;
}

.pd-tabs button[disabled]:hover {
  border-color: transparent;
}

.pd-tabs button:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  outline-offset: 2px;
  border-radius: 8px;
}

.badge-notify {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: var(--pd-spacing-xs);
  top: 0;
  background: var(--pd-color-surface-low);
  width: 20px;
  height: 18px;
  border-radius: 50%;
  text-align: center;
  font-family: var(--pd-tipography-button-small-1);
  font-size: var(--pd-tipography-overline-1-font-size);
  line-height: var(--pd-tipography-button-small-1-line-height);
  font-weight: var(--pd-tipography-button-small-1-font-weight);
}/* v1.0.0 */
.pd-breadcrumb {
  --inner-link-color: var(--pdc-breadcrumb-link-color, var(--pd-color-text-button-link-default));
  --inner-icon-separator: var(--pdc-breadcrumb-icon-separator, url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.60232 2.67672C5.50848 2.69529 5.41274 2.76765 5.36893 2.8531C5.31834 2.95178 5.32201 3.08997 5.37759 3.18038C5.39275 3.20503 6.47953 4.3001 7.79266 5.61387L10.1802 8.00253L7.79266 10.3912C6.47953 11.705 5.39275 12.8 5.37759 12.8247C5.32201 12.9151 5.31834 13.0533 5.36893 13.152C5.3958 13.2044 5.4621 13.2707 5.51452 13.2976C5.61614 13.3496 5.75597 13.3443 5.84859 13.2849C5.87549 13.2676 6.98873 12.1613 8.32246 10.8264C10.589 8.55785 10.75 8.39432 10.7862 8.3232C10.8461 8.20591 10.8636 8.13327 10.8636 8.00253C10.8636 7.8718 10.8461 7.79916 10.7862 7.68187C10.75 7.61076 10.589 7.44722 8.3279 5.18369C6.99716 3.85155 5.88669 2.74645 5.86019 2.72793C5.81447 2.69596 5.7164 2.66455 5.66924 2.66677C5.65728 2.66733 5.62717 2.67181 5.60232 2.67672Z" fill="%233366FF"/></svg>'));
  font-family: var(--pd-tipography-button-small-1);
  font-size: var(--pd-tipography-button-small-1-font-size);
  font-weight: var(--pd-tipography-button-small-1-font-weight);
  line-height: var(--pd-tipography-button-small-1-line-height);
  color: var(--pd-color-text-interactive-active);
}

.pd-breadcrumb ul {
  display: flex;
  list-style: none;
  padding-left: 0;
}

.pd-breadcrumb li {
  background-image: var(--inner-icon-separator);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: var(--pd-spacing-ml);
  padding-left: var(--pd-spacing-xs);
}

.pd-breadcrumb li:first-child {
  padding-left: 0;
}

.pd-breadcrumb li:last-child {
  background-image: none;
  padding-right: 0;
}

.pd-breadcrumb a {
  color: var(--inner-link-color);
  text-decoration: none;
}

.pd-breadcrumb a:active {
  color: var(--pd-color-text-button-link-active);
}

.pd-breadcrumb a:hover {
  color: var(--pd-color-text-button-link-hover);
}

.pd-breadcrumb a:focus-visible {
  border-radius: var(--pd-radius-card);
  outline: 4px solid var(--pd-color-border-interactive-focus);
  /* outline-offset: 0px; */
}

.pd-breadcrumb a[aria-disabled=true],
.pd-breadcrumb a[aria-disabled=true]:hover {
  color: var(--pd-color-text-button-link-disabled);
  cursor: not-allowed;
  background-color: transparent;
}

@media (max-width: 768px) {
  .pd-breadcrumb li:not(:nth-last-child(2)) {
    display: none;
    padding: 0;
  }
  .pd-breadcrumb li:nth-last-child(2) {
    background-image: none;
    position: relative;
    padding-left: 18px;
  }
  .pd-breadcrumb li:nth-last-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    width: 16px;
    height: 16px;
    z-index: -1;
    margin-left: calc(var(--pd-spacing-ml) * -1);
    background-image: var(--inner-icon-separator);
    background-repeat: no-repeat;
  }
}/* v1.0.0-beta1 */
.pd-button-group {
  display: flex;
  flex-wrap: nowrap;
  box-sizing: border-box;
  --inner-border-size: var(--pdc-buttongroup-border-size, 2px);
}

.pd-button-group *,
.pd-button-group *::before,
.pd-button-group *::after {
  box-sizing: inherit;
}

.pd-button-group button,
.pd-button-group a {
  all: unset;
  box-sizing: border-box;
  text-align: center;
  font-family: var(--pd-tipography-button-medium-1-regular);
  line-height: var(--pd-tipography-button-medium-1-regular-line-height);
  font-size: var(--pd-tipography-button-medium-1-regular-font-size);
  font-weight: var(--pd-tipography-button-medium-1-regular-font-weight);
  height: var(--pd-size-height-button-md);
  padding: 0 var(--pd-spacing-sm);
  border: var(--inner-border-size) solid var(--pd-color-border-button-secondary-default);
  border-left: 0;
  background-color: var(--pd-color-surface-button-secondary-default);
  color: var(--pd-color-text-button-secondary-default);
  position: relative;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  transition: background-color 250ms ease-out, box-shadow 250ms ease-out, color 250ms ease-out;
  vertical-align: middle;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  align-content: center;
}

.pd-button-group button[data-selected],
.pd-button-group a[data-selected] {
  background-color: var(--pd-color-surface-button-primary-default);
  color: var(--pd-color-text-button-primary-default);
  border: 0;
}

.pd-button-group button:hover:not([data-selected]),
.pd-button-group a:hover:not([data-selected]) {
  background-color: var(--pd-color-surface-button-secondary-hover);
  color: var(--pd-color-text-button-secondary-default);
}

.pd-button-group button:not([data-selected]):focus-visible,
.pd-button-group a:not([data-selected]):focus-visible {
  background-color: var(--pd-color-surface-button-secondary-hover);
}

.pd-button-group button:disabled,
.pd-button-group a[disabled],
.pd-button-group button:disabled:hover,
.pd-button-group a[disabled]:hover {
  background-color: var(--pd-color-surface-button-secondary-default);
  border-color: var(--pd-color-border-button-secondary-disabled);
  color: var(--pd-color-text-button-secondary-disabled);
}

.pd-button-group button:disabled:hover,
.pd-button-group a[disabled]:hover {
  cursor: default;
}

.pd-button-group button:focus:not(:focus-visible) {
  outline: none;
}

.pd-button-group button:focus-visible,
.pd-button-group a:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
}

.pd-button-group button:first-child,
.pd-button-group a:first-child {
  border-bottom-left-radius: var(--pd-radius-button);
  border-top-left-radius: var(--pd-radius-button);
  border-left: var(--inner-border-size) solid var(--pd-color-border-button-secondary-default);
}

.pd-button-group button:last-child,
.pd-button-group a:last-child {
  border-bottom-right-radius: var(--pd-radius-button);
  border-top-right-radius: var(--pd-radius-button);
  border-right: var(--inner-border-size) solid var(--pd-color-border-button-secondary-default);
}

/* SIZES
  ------------------------------------------------- */
.pd-button-group.pd-button-group--sm button,
.pd-button-group.pd-button-group--sm a {
  height: var(--pd-size-height-button-sm);
  line-height: var(--pd-tipography-button-small-1-line-height);
  font-size: var(--pd-tipography-button-small-1-font-size);
  font-weight: var(--pd-tipography-button-small-1-font-weight);
}

.pd-button-group.pd-button-group--lg button,
.pd-button-group.pd-button-group--lg a {
  height: var(--pd-size-height-button-lg);
  line-height: var(--pd-tipography-button-large-1-line-height);
  font-size: var(--pd-tipography-button-large-1-font-size);
  font-weight: var(--pd-tipography-button-large-1-font-weight);
}/* v1.0.0 */
.pd-progress-bar {
  --inner-icon-success: var(--pdc-progress-bar-icon-success, url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M7.52774 1.68013C6.41617 1.75653 5.33663 2.1151 4.39183 2.72169C3.53666 3.27074 2.7822 4.05199 2.26673 4.92226C1.10689 6.88041 1.02279 9.28599 2.04326 11.3153C2.7754 12.7713 4.02763 13.9185 5.53657 14.5157C6.57433 14.9264 7.66779 15.0683 8.78637 14.9373C10.2611 14.7647 11.6422 14.0931 12.702 13.0333C13.5166 12.2187 14.0892 11.2398 14.4122 10.11C14.5221 9.72575 14.613 9.19684 14.6349 8.8147C14.6399 8.72863 14.649 8.6582 14.6553 8.6582C14.6615 8.6582 14.6666 8.50201 14.6666 8.31113C14.6666 8.12024 14.6615 7.96723 14.6552 7.97112C14.6489 7.97501 14.6397 7.91093 14.6347 7.82873C14.6106 7.42987 14.5251 6.93995 14.4064 6.52053C13.6783 3.94788 11.4869 2.0557 8.8463 1.71952C8.4415 1.66799 7.92778 1.65264 7.52774 1.68013ZM7.58101 2.51297C6.78835 2.57989 6.13147 2.75727 5.43999 3.09111C4.27912 3.65155 3.31402 4.6202 2.75002 5.79097C2.46329 6.38618 2.28667 6.99486 2.20404 7.67261C2.17031 7.94939 2.17048 8.70353 2.20435 8.97785C2.27868 9.57996 2.41336 10.0864 2.64121 10.6205C3.18596 11.8977 4.21289 12.9723 5.45665 13.5667C6.07873 13.864 6.63604 14.0256 7.34793 14.1151C7.61415 14.1486 8.37364 14.1486 8.63986 14.1151C9.37173 14.0231 9.9305 13.8584 10.5711 13.5458C11.8037 12.9444 12.8036 11.8902 13.3463 10.62C13.5739 10.0873 13.7092 9.57887 13.7834 8.97785C13.8174 8.70319 13.8175 7.9492 13.7837 7.67261C13.6026 6.19132 12.9365 4.92224 11.8231 3.93732C11.0778 3.2781 10.1246 2.80915 9.1287 2.61187C8.74166 2.53519 8.53593 2.51577 8.06715 2.51166C7.83274 2.50959 7.61398 2.51019 7.58101 2.51297ZM1.34029 8.32523C1.34029 8.51935 1.34215 8.59877 1.34442 8.50171C1.34669 8.40464 1.34669 8.24582 1.34442 8.14876C1.34215 8.05169 1.34029 8.13111 1.34029 8.32523Z' fill='%231BAD40'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.9315 5.35408C10.8753 5.36887 10.8145 5.40297 10.7702 5.44457C10.7479 5.46544 9.83211 6.61798 8.73503 8.00579C6.9155 10.3075 6.73634 10.5303 6.69486 10.5427C6.6429 10.5582 6.57723 10.5427 6.54642 10.5076C6.53643 10.4962 6.24694 10.0871 5.9031 9.59846C5.55925 9.10981 5.26448 8.69568 5.24802 8.67819C5.18826 8.61462 5.10199 8.57889 4.99462 8.57326C4.90875 8.56875 4.88755 8.57195 4.83073 8.59795C4.68592 8.66425 4.61405 8.76984 4.60572 8.92853C4.60149 9.00918 4.60504 9.03658 4.62584 9.08361C4.64669 9.13074 5.6359 10.5488 5.90716 10.9204C6.03731 11.0987 6.22083 11.2261 6.42522 11.2801C6.55297 11.3139 6.74952 11.314 6.87759 11.2804C7.04971 11.2353 7.22639 11.1248 7.34024 10.991C7.50486 10.7976 11.3359 5.93786 11.3605 5.89121C11.3999 5.81642 11.4082 5.6862 11.3791 5.59861C11.3536 5.52175 11.2736 5.43173 11.1907 5.38662C11.123 5.34977 11.0044 5.33489 10.9315 5.35408Z' fill='%231BAD40'/></svg>"));
  --inner-icon-error: var(--pdc-progress-bar-icon-error, url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M2.90254 2.67853C2.82425 2.70109 2.74038 2.77412 2.69785 2.8568C2.66195 2.92658 2.65783 3.03745 2.68807 3.11968C2.71102 3.18209 2.77167 3.24385 5.11592 5.592L7.52023 8.00031L5.11592 10.4086C2.77167 12.7568 2.71102 12.8185 2.68807 12.8809C2.58878 13.1509 2.85042 13.4109 3.12177 13.3118C3.18124 13.2901 3.26962 13.2031 5.58901 10.8822L7.99458 8.4752L10.4001 10.8822C12.7195 13.2031 12.8079 13.2901 12.8674 13.3118C13.0333 13.3724 13.2221 13.2956 13.2897 13.1401C13.3032 13.109 13.3185 13.0753 13.3237 13.0651C13.3354 13.0422 13.3363 12.9151 13.3248 12.9222C13.3201 12.9251 13.3077 12.9026 13.2972 12.8722C13.2793 12.8206 13.1164 12.655 10.8735 10.4086L8.46892 8.00031L10.8731 5.592C13.0665 3.39489 13.279 3.17902 13.2964 3.13035C13.3068 3.10101 13.3194 3.07244 13.3243 3.06688C13.3373 3.05206 13.3356 2.91956 13.3225 2.92766C13.3167 2.93128 13.3119 2.92661 13.3119 2.91727C13.3119 2.90792 13.3003 2.87764 13.2861 2.84996C13.2084 2.6978 13.0304 2.62849 12.8696 2.68775C12.8073 2.71073 12.7456 2.77145 10.4001 5.11837L7.99458 7.52542L5.58901 5.11837C3.26962 2.79755 3.18124 2.71051 3.12177 2.6888C3.05603 2.66481 2.965 2.66054 2.90254 2.67853ZM2.67013 3.00233C2.67018 3.04341 2.6721 3.0589 2.67441 3.03677C2.67671 3.01463 2.67668 2.98103 2.67433 2.96209C2.67197 2.94315 2.67008 2.96126 2.67013 3.00233ZM2.67013 12.9983C2.67018 13.0394 2.6721 13.0548 2.67441 13.0327C2.67671 13.0106 2.67668 12.977 2.67433 12.958C2.67197 12.9391 2.67008 12.9572 2.67013 12.9983Z' fill='%23CC2E36'/></svg>"));
  --inner-icon-completed: var(--pdc-progress-bar-icon-completed, url("data:image/svg+xml,<svg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M6.57682 1.34167C6.42914 1.35813 6.31655 1.39173 6.16769 1.46379C5.87072 1.60756 5.66068 1.83381 5.53308 2.14736C5.4554 2.33822 5.45031 2.38775 5.44329 3.02037L5.43684 3.60265H3.55868C1.74894 3.60265 1.67805 3.60359 1.61267 3.62843C1.46928 3.68291 1.36683 3.80431 1.3406 3.95082C1.30528 4.14812 1.40076 4.33089 1.58488 4.41834L1.65979 4.45393L2.29269 4.46074L2.9256 4.46755L3.30234 8.98278C3.50956 11.4661 3.68899 13.5581 3.70108 13.6316C3.74211 13.8808 3.85162 14.0927 4.03659 14.2807C4.2258 14.4729 4.43737 14.5927 4.68034 14.6452C4.78607 14.668 4.97766 14.6694 8.00699 14.6694C11.5653 14.6694 11.2778 14.6765 11.5217 14.5824C11.7257 14.5037 11.9753 14.3067 12.0983 14.1272C12.2093 13.9653 12.2906 13.7503 12.3118 13.5627C12.3167 13.5196 12.4903 11.4556 12.6977 8.97597L13.0747 4.46755L13.7076 4.46074L14.3406 4.45393L14.4155 4.41834C14.7633 4.25313 14.7461 3.76461 14.3877 3.62843C14.3223 3.60359 14.2514 3.60265 12.4417 3.60265H10.5635L10.5571 3.02037C10.55 2.38775 10.5449 2.33822 10.4673 2.14736C10.3406 1.83618 10.1288 1.60757 9.83425 1.46423C9.75818 1.42721 9.64384 1.38326 9.58016 1.36657C9.4644 1.33622 9.46424 1.33622 8.06828 1.33364C7.30042 1.33222 6.62926 1.33584 6.57682 1.34167ZM6.60804 2.2052C6.48784 2.23757 6.37242 2.34314 6.32631 2.46293C6.30779 2.51105 6.3038 2.60324 6.30042 3.06123L6.29643 3.60265H8.00017H9.70392L9.69993 3.06123C9.69554 2.46673 9.69466 2.45972 9.61006 2.3529C9.55288 2.28072 9.4711 2.22649 9.38618 2.20445C9.28588 2.17844 6.70491 2.17913 6.60804 2.2052ZM3.7877 4.50501C3.79013 4.52935 3.95723 6.53209 4.15905 8.95554C4.36085 11.379 4.53198 13.4007 4.53932 13.4483C4.55727 13.5644 4.60425 13.6497 4.68828 13.7187C4.81967 13.8267 4.53394 13.8181 8.00017 13.8181C11.4664 13.8181 11.1807 13.8267 11.3121 13.7187C11.3961 13.6497 11.4431 13.5644 11.461 13.4483C11.4684 13.4007 11.6395 11.379 11.8413 8.95554C12.0431 6.53209 12.2102 4.52935 12.2126 4.50501L12.2171 4.46074H8.00017H3.78327L3.7877 4.50501ZM6.56185 6.61369C6.47803 6.64593 6.37972 6.7391 6.33613 6.82761L6.30441 6.89202V9.13941V11.3868L6.3407 11.4549C6.3874 11.5426 6.4638 11.6157 6.54958 11.6549C6.64652 11.6992 6.80967 11.6992 6.89954 11.655C6.98845 11.6112 7.07015 11.5275 7.11278 11.4366L7.14889 11.3596L7.15284 9.1939C7.15563 7.65788 7.1524 7.00248 7.14172 6.93969C7.096 6.67087 6.8186 6.51493 6.56185 6.61369ZM9.10937 6.61726C8.96654 6.68519 8.88407 6.79155 8.85854 6.94074C8.84797 7.00249 8.84473 7.66505 8.84751 9.1939L8.85146 11.3596L8.88757 11.4366C8.9302 11.5275 9.0119 11.6112 9.10081 11.655C9.19068 11.6992 9.35383 11.6992 9.45077 11.6549C9.53655 11.6157 9.61295 11.5426 9.65965 11.4549L9.69594 11.3868V9.13941V6.89202L9.66545 6.83018C9.62595 6.75002 9.53852 6.66242 9.45921 6.62351C9.36335 6.57648 9.20117 6.5736 9.10937 6.61726Z' fill='%238E8E8E'/></svg>"));
  --inner-icon-size: var(--pdc-progress-bar-icon-size, 32px);
  --inner-color-checked: var(--pdc-progress-bar-color, var(--pd-color-surface-interactive-selected));
  --inner-height-progress-bar: var(--pdc-progress-bar-height-bar, 4px);
}

.pd-progress-bar progress {
  display: inline-block;
  vertical-align: baseline;
  appearance: none;
  width: 100%;
  height: var(--inner-height-progress-bar);
  margin: var(--pd-spacing-xs) 0 var(--pd-spacing-xxs) 0;
  overflow: hidden;
  border: 0;
  border-radius: var(--pd-radius-progressbar);
  background-color: var(--pd-color-surface-interactive-hover);
}

.pd-progress-bar progress::-webkit-progress-bar {
  border-radius: var(--pd-radius-progressbar);
  background: none;
}

.pd-progress-bar progress[value]::-webkit-progress-value {
  background-color: var(--inner-color-checked);
}

.pd-progress-bar progress::-moz-progress-bar {
  background-color: var(--inner-color-checked);
}

.pd-progress-bar__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--pd-spacing-xs);
  /* min-height: var(--inner-icon-size); */
}

.pd-progress-bar__header strong {
  font-family: var(--pd-tipography-caption-2);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  font-size: var(--pd-tipography-caption-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-interactive-default);
}

.pd-progress-bar__header span {
  font-family: var(--pd-tipography-caption-2);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  font-size: var(--pd-tipography-caption-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
  color: var(--pd-color-text-interactive-active);
}

.pd-progress-bar__desc {
  font-family: var(--pd-tipography-caption-2);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  font-size: var(--pd-tipography-caption-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
  margin: 0;
  padding: 0 var(--pd-spacing-xs);
  color: var(--pd-color-text-interactive-default);
}

/* VARIANTS */
.pd-progress-bar--error {
  --inner-color-checked: var(--pd-color-status-error);
}

.pd-progress-bar--success {
  --inner-color-checked: var(--pd-color-status-success);
}

.pd-progress-bar--completed {
  --inner-color-checked: var(--pd-color-surface-medium);
}

:is(.pd-progress-bar--error, .pd-progress-bar--success, .pd-progress-bar--completed) .pd-progress-bar__desc {
  color: var(--inner-color-checked);
}

.pd-progress-bar--error .pd-progress-bar__header span::before,
.pd-progress-bar--success .pd-progress-bar__header span::before,
.pd-progress-bar--completed .pd-progress-bar__header span::before {
  display: inline-block;
  content: "";
  width: calc(var(--inner-icon-size) - 12px);
  height: calc(var(--inner-icon-size) - 12px);
  background-color: currentColor;
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-progress-bar--error .pd-progress-bar__header span::before {
  --inner-icon-src: var(--inner-icon-error);
  color: var(--pdc-progress-bar-icon-color, var(--pd-color-status-error));
  width: calc(var(--inner-icon-size) - 16px);
  height: calc(var(--inner-icon-size) - 16px);
}

.pd-progress-bar--success .pd-progress-bar__header span::before {
  --inner-icon-src: var(--inner-icon-success);
  color: var(--pdc-progress-bar-icon-color, var(--pd-color-status-success));
  width: calc(var(--inner-icon-size) - 16px);
  height: calc(var(--inner-icon-size) - 16px);
}

.pd-progress-bar--completed .pd-progress-bar__header span::before {
  --inner-icon-src: var(--inner-icon-completed);
  width: calc(var(--inner-icon-size) - 16px);
  height: calc(var(--inner-icon-size) - 16px);
}/* v1.0.0-beta1 */
.pd-toast {
  --inner-width: var(--pdc-toast-width, 400px);
  --inner-height: var(--pdc-toast-height, 52px);
  --inner-icon-close: var(--pdc-toast-icon-close, url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath  fill-rule='evenodd' clip-rule='evenodd' d='M2.90254 2.67851C2.82425 2.70107 2.74038 2.77411 2.69785 2.85679C2.66195 2.92656 2.65783 3.03744 2.68807 3.11967C2.71102 3.18208 2.77167 3.24383 5.11592 5.59198L7.52023 8.00029L5.11592 10.4086C2.77167 12.7568 2.71102 12.8185 2.68807 12.8809C2.58878 13.1509 2.85042 13.4109 3.12177 13.3118C3.18124 13.2901 3.26962 13.2031 5.58901 10.8822L7.99458 8.47518L10.4001 10.8822C12.7195 13.2031 12.8079 13.2901 12.8674 13.3118C13.0333 13.3724 13.2221 13.2956 13.2897 13.1401C13.3032 13.109 13.3185 13.0753 13.3237 13.0651C13.3354 13.0421 13.3363 12.915 13.3248 12.9222C13.3201 12.9251 13.3077 12.9026 13.2972 12.8722C13.2793 12.8206 13.1164 12.655 10.8735 10.4086L8.46892 8.00029L10.8731 5.59198C13.0665 3.39487 13.279 3.179 13.2964 3.13034C13.3068 3.101 13.3194 3.07243 13.3243 3.06686C13.3373 3.05204 13.3356 2.91955 13.3225 2.92764C13.3167 2.93127 13.3119 2.9266 13.3119 2.91725C13.3119 2.90791 13.3003 2.87762 13.2861 2.84995C13.2084 2.69779 13.0304 2.62848 12.8696 2.68774C12.8073 2.71072 12.7456 2.77143 10.4001 5.11836L7.99458 7.52541L5.58901 5.11836C3.26962 2.79753 3.18124 2.71049 3.12177 2.68879C3.05603 2.66479 2.965 2.66053 2.90254 2.67851ZM2.67013 3.00232C2.67018 3.04339 2.6721 3.05888 2.67441 3.03676C2.67671 3.01462 2.67668 2.98101 2.67433 2.96208C2.67197 2.94313 2.67008 2.96125 2.67013 3.00232ZM2.67013 12.9983C2.67018 13.0393 2.6721 13.0548 2.67441 13.0327C2.67671 13.0106 2.67668 12.977 2.67433 12.958C2.67197 12.9391 2.67008 12.9572 2.67013 12.9983Z' /%3e%3c/svg%3e"));
  --inner-icon-success: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2916 2.52019C9.62429 2.63479 8.00497 3.17264 6.58777 4.08253C5.30502 4.9061 4.17333 6.07798 3.40013 7.38339C1.66036 10.3206 1.53422 13.929 3.06492 16.973C4.16312 19.1569 6.04148 20.8778 8.30488 21.7736C9.86153 22.3896 11.5017 22.6024 13.1796 22.406C15.3916 22.147 17.4633 21.1396 19.053 19.55C20.2749 18.3281 21.1339 16.8597 21.6184 15.1649C21.7831 14.5886 21.9195 13.7953 21.9524 13.222C21.9598 13.0929 21.9736 12.9873 21.983 12.9873C21.9923 12.9873 22 12.753 22 12.4667C22 12.1804 21.9923 11.9508 21.9828 11.9567C21.9734 11.9625 21.9596 11.8664 21.9521 11.7431C21.916 11.1448 21.7877 10.4099 21.6096 9.78078C20.5175 5.92181 17.2304 3.08354 13.2695 2.57927C12.6623 2.50197 11.8917 2.47896 11.2916 2.52019ZM11.3715 3.76945C10.1826 3.86982 9.19723 4.1359 8.16002 4.63665C6.41871 5.47732 4.97107 6.9303 4.12506 8.68645C3.69497 9.57926 3.43004 10.4923 3.30609 11.5089C3.25549 11.9241 3.25575 13.0553 3.30655 13.4668C3.41805 14.3699 3.62007 15.1295 3.96184 15.9308C4.77897 17.8465 6.31936 19.4584 8.18501 20.3501C9.11812 20.796 9.95409 21.0384 11.0219 21.1726C11.4213 21.2228 12.5605 21.2228 12.9598 21.1726C14.0576 21.0346 14.8958 20.7876 15.8567 20.3187C17.7055 19.4166 19.2055 17.8352 20.0195 15.93C20.3609 15.1309 20.5639 14.3683 20.6752 13.4668C20.7261 13.0548 20.7263 11.9238 20.6756 11.5089C20.404 9.28698 19.4047 7.38335 17.7346 5.90597C16.6168 4.91715 15.1869 4.21371 13.6931 3.91779C13.1125 3.80278 12.8039 3.77365 12.1008 3.76748C11.7491 3.76438 11.421 3.76528 11.3715 3.76945ZM2.01046 12.4878C2.01046 12.779 2.01326 12.8982 2.01666 12.7526C2.02007 12.6069 2.02007 12.3687 2.01666 12.2231C2.01326 12.0775 2.01046 12.1967 2.01046 12.4878Z" fill="%230D7C3F" /><path fill-rule="evenodd" clip-rule="evenodd" d="M16.3972 8.03112C16.313 8.05329 16.2218 8.10444 16.1553 8.16685C16.1219 8.19815 14.7482 9.92696 13.1026 12.0087C10.3733 15.4612 10.1045 15.7954 10.0423 15.814C9.96439 15.8374 9.86588 15.8141 9.81966 15.7614C9.80468 15.7444 9.37044 15.1307 8.85467 14.3977C8.33891 13.6647 7.89674 13.0435 7.87207 13.0173C7.78242 12.9219 7.65301 12.8683 7.49197 12.8599C7.36316 12.8531 7.33135 12.8579 7.24613 12.8969C7.02891 12.9964 6.9211 13.1548 6.90861 13.3928C6.90226 13.5138 6.90759 13.5549 6.9388 13.6254C6.97007 13.6961 8.45388 15.8232 8.86077 16.3806C9.05599 16.6481 9.33127 16.8392 9.63787 16.9202C9.82948 16.9708 10.1243 16.971 10.3164 16.9206C10.5746 16.8529 10.8396 16.6871 11.0104 16.4865C11.2573 16.1964 17.0038 8.90678 17.0407 8.83681C17.0999 8.72463 17.1124 8.52929 17.0687 8.39791C17.0304 8.28262 16.9104 8.14759 16.7861 8.07993C16.6845 8.02464 16.5067 8.00232 16.3972 8.03112Z" fill="%230D7C3F" /></svg>');
  --inner-icon-warning: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.8409 3.02015C11.5336 3.05968 11.1523 3.20809 10.8755 3.39601C10.6833 3.52641 10.5463 3.65909 10.4012 3.85534C10.2675 4.03615 2.34198 18.5771 2.27242 18.7692C2.19629 18.9795 2.17135 19.1572 2.1859 19.3859C2.20692 19.7162 2.30492 19.9791 2.50888 20.2524C2.78325 20.62 3.20736 20.8725 3.70778 20.966C3.88167 20.9985 4.16173 20.9996 12.1635 20.9998C21.1833 21.0001 20.5572 21.0071 20.9004 20.9019C21.4912 20.721 21.952 20.2607 22.1113 19.6925C22.1283 19.6316 22.1423 19.5572 22.1423 19.527C22.1423 19.4969 22.1513 19.4672 22.1623 19.4611C22.1736 19.4548 22.1821 19.3667 22.1819 19.2575C22.1818 19.1469 22.1745 19.0752 22.1649 19.0889C22.1541 19.1042 22.1436 19.078 22.1354 19.0152C22.1284 18.9616 22.0995 18.8537 22.0711 18.7754C22 18.579 14.0767 4.04018 13.9401 3.85534C13.795 3.65913 13.658 3.52643 13.4659 3.39601C12.9994 3.07943 12.4209 2.9456 11.8409 3.02015ZM11.9709 4.14652C11.8399 4.17142 11.6631 4.26388 11.5546 4.36421C11.4646 4.44753 11.411 4.52435 11.2939 4.73819C10.0705 6.97256 3.51847 19.0036 3.4828 19.0812C3.44232 19.1693 3.43524 19.2106 3.44114 19.3242C3.45271 19.5475 3.57792 19.7148 3.80769 19.8142L3.92759 19.866L12.1607 19.8661C19.9422 19.8663 20.3992 19.8645 20.4937 19.8348C20.6318 19.7914 20.8245 19.6191 20.8699 19.4984C20.9184 19.3696 20.9127 19.1951 20.856 19.0741C20.8124 18.9811 13.4048 5.38461 13.051 4.74827C12.8579 4.40095 12.7564 4.29353 12.5355 4.20263C12.4199 4.15507 12.3732 4.14638 12.2106 4.14206C12.1062 4.1393 11.9983 4.1413 11.9709 4.14652ZM12.0542 8.63687C11.8574 8.66553 11.6925 8.78474 11.5987 8.96609L11.5516 9.05725V12.0002V14.9432L11.5987 15.0343C11.7274 15.2832 11.982 15.4054 12.2832 15.3628C12.4849 15.3343 12.6477 15.2179 12.7426 15.0343L12.7897 14.9432V12.0002V9.05725L12.7426 8.96609C12.6829 8.85051 12.5921 8.75718 12.484 8.70009C12.4091 8.66059 12.3637 8.64886 12.2006 8.62677C12.1787 8.6238 12.1128 8.62834 12.0542 8.63687ZM11.9109 16.529C11.6811 16.5843 11.4365 16.77 11.3267 16.9723C11.1319 17.3312 11.2498 17.7725 11.6053 18.0148C11.7948 18.144 11.9191 18.1804 12.1707 18.1804C12.4222 18.1804 12.5465 18.144 12.7361 18.0148C13.0979 17.7682 13.2109 17.3267 13.0059 16.9609C12.9376 16.839 12.7639 16.6737 12.6303 16.6033C12.4423 16.5044 12.1417 16.4733 11.9109 16.529ZM2.18653 19.2811C2.18657 19.39 2.18987 19.4322 2.19385 19.3749C2.19783 19.3176 2.19779 19.2285 2.19377 19.1769C2.18975 19.1253 2.18649 19.1722 2.18653 19.2811Z" fill="%23874503"/></svg>');
  --inner-icon-info: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3729 2.02738C10.0467 2.13965 8.85271 2.47436 7.68652 3.06078C4.30643 4.76046 2.18195 8.20579 2.18195 11.9876C2.18195 13.8851 2.70547 15.6994 3.71839 17.3124C4.50326 18.5622 5.5975 19.6565 6.84735 20.4414C8.46034 21.4543 10.2747 21.9778 12.1721 21.9778C13.7448 21.9778 15.2551 21.6198 16.6577 20.9145C18.4223 20.0272 19.8878 18.6341 20.8674 16.9128C21.5832 15.6549 22.0515 14.1095 22.1345 12.7313C22.1419 12.6074 22.1558 12.5012 22.1651 12.4954C22.1746 12.4896 22.1821 12.2493 22.1819 11.9615C22.1818 11.6737 22.1741 11.45 22.165 11.4645C22.1552 11.4799 22.1427 11.3935 22.1348 11.2547C22.0558 9.88028 21.5854 8.32427 20.8674 7.0625C20.0534 5.63215 18.877 4.40064 17.4969 3.53393C16.2745 2.76635 14.9302 2.27687 13.5208 2.08622C12.879 1.99941 11.9907 1.97507 11.3729 2.02738ZM11.5527 3.26883C10.3427 3.37571 9.38585 3.63226 8.36577 4.12333C6.61232 4.96744 5.1519 6.42786 4.30779 8.18131C3.87026 9.09018 3.61264 9.97709 3.48654 11.0086C3.43605 11.4217 3.43605 12.5536 3.48654 12.9667C3.71989 14.8756 4.48318 16.5341 5.77175 17.9321C7.05185 19.3209 8.79147 20.2666 10.6736 20.5968C11.2078 20.6905 11.4507 20.7086 12.1721 20.7086C12.8935 20.7086 13.1364 20.6905 13.6706 20.5968C15.5527 20.2666 17.2924 19.3209 18.5725 17.9321C19.8617 16.5334 20.6205 14.8843 20.8573 12.9667C20.9084 12.5528 20.9084 11.4225 20.8573 11.0086C20.7458 10.1054 20.5438 9.34567 20.202 8.54434C19.3376 6.51795 17.6897 4.85905 15.6683 3.98041C14.8629 3.63032 14.0604 3.41319 13.1711 3.30474C12.9142 3.27339 11.7847 3.24835 11.5527 3.26883ZM11.6148 7.02419C11.1605 7.14635 10.8603 7.60458 10.9337 8.06395C10.9722 8.30495 11.0545 8.45522 11.2419 8.62646C11.7048 9.04952 12.4319 8.89643 12.7156 8.31618C12.7794 8.18553 12.7815 8.1737 12.7815 7.93066C12.7815 7.68193 12.7809 7.67877 12.7078 7.53106C12.6239 7.36148 12.4611 7.18556 12.3139 7.10541C12.1138 6.99654 11.8371 6.96439 11.6148 7.02419ZM10.7534 10.1356C10.5402 10.1953 10.3552 10.3963 10.311 10.6163C10.2616 10.8625 10.3686 11.1186 10.5788 11.2573C10.7222 11.3519 10.8091 11.3672 11.2073 11.3678L11.5513 11.3683L11.5575 13.1015L11.5638 14.8348L11.609 14.9847C11.767 15.508 12.1197 15.9271 12.6017 16.1641C12.9376 16.3293 13.0697 16.3524 13.6806 16.3529L14.2001 16.3533L14.3143 16.2973C14.5258 16.1934 14.6696 15.9654 14.6696 15.734C14.6696 15.5025 14.5258 15.2745 14.3143 15.1706C14.2014 15.1152 14.1948 15.1144 13.7306 15.1042C13.3424 15.0955 13.2474 15.0877 13.1826 15.0588C13.0441 14.997 12.9378 14.8928 12.8674 14.7499L12.8015 14.616L12.7915 12.8473C12.7804 10.887 12.7907 11.0362 12.648 10.766C12.5122 10.509 12.2259 10.2689 11.9439 10.1755C11.7902 10.1246 11.7602 10.1218 11.313 10.1162C10.9797 10.1121 10.8173 10.1177 10.7534 10.1356ZM2.19068 11.9876C2.19068 12.2789 2.19347 12.398 2.19687 12.2524C2.20029 12.1068 2.20029 11.8685 2.19687 11.7229C2.19347 11.5773 2.19068 11.6964 2.19068 11.9876Z" fill="%23015FC4"/></svg>');
  --inner-icon-error: url('data:image/svg+xml,<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3729 2.03847C10.0467 2.15074 8.85271 2.48545 7.68652 3.07187C4.30643 4.77156 2.18195 8.21688 2.18195 11.9987C2.18195 13.8961 2.70547 15.7105 3.71839 17.3235C4.50326 18.5733 5.5975 19.6676 6.84735 20.4524C8.46034 21.4654 10.2747 21.9889 12.1721 21.9889C13.7448 21.9889 15.2551 21.6309 16.6577 20.9256C18.4223 20.0383 19.8878 18.6451 20.8674 16.9239C21.5832 15.6659 22.0515 14.1206 22.1345 12.7424C22.1419 12.6184 22.1558 12.5123 22.1651 12.5065C22.1746 12.5006 22.1821 12.2604 22.1819 11.9726C22.1818 11.6848 22.1741 11.4611 22.165 11.4756C22.1552 11.491 22.1427 11.4046 22.1348 11.2658C22.0558 9.89137 21.5854 8.33537 20.8674 7.07359C20.0534 5.64324 18.877 4.41173 17.4969 3.54503C16.2745 2.77744 14.9302 2.28796 13.5208 2.09731C12.879 2.0105 11.9907 1.98616 11.3729 2.03847ZM11.5527 3.27993C10.3427 3.3868 9.38585 3.64335 8.36577 4.13443C6.61232 4.97853 5.1519 6.43896 4.30779 8.19241C3.87026 9.10127 3.61264 9.98818 3.48654 11.0197C3.43605 11.4328 3.43605 12.5647 3.48654 12.9778C3.71989 14.8867 4.48318 16.5452 5.77175 17.9432C7.05185 19.332 8.79147 20.2777 10.6736 20.6079C11.2078 20.7016 11.4507 20.7197 12.1721 20.7197C12.8935 20.7197 13.1364 20.7016 13.6706 20.6079C15.5527 20.2777 17.2924 19.332 18.5725 17.9432C19.8617 16.5445 20.6205 14.8954 20.8573 12.9778C20.9084 12.5639 20.9084 11.4336 20.8573 11.0197C20.7458 10.1165 20.5438 9.35676 20.202 8.55543C19.3376 6.52905 17.6897 4.87014 15.6683 3.99151C14.8629 3.64141 14.0604 3.42429 13.1711 3.31583C12.9142 3.28448 11.7847 3.25945 11.5527 3.27993ZM12.0557 5.76778C11.8589 5.79959 11.694 5.93192 11.6002 6.13322L11.5531 6.23442L11.5529 9.80234C11.5527 13.8256 11.5379 13.4722 11.7143 13.6652C11.8457 13.809 11.9733 13.8645 12.1721 13.8645C12.3709 13.8645 12.4985 13.809 12.6299 13.6652C12.8063 13.4722 12.7915 13.8256 12.7913 9.80234L12.7911 6.23442L12.744 6.13322C12.6842 6.00492 12.5935 5.90133 12.4854 5.83795C12.4105 5.79411 12.3652 5.78108 12.2021 5.75657C12.1801 5.75327 12.1142 5.75831 12.0557 5.76778ZM2.19068 11.9987C2.19068 12.29 2.19347 12.4091 2.19687 12.2635C2.20029 12.1179 2.20029 11.8796 2.19687 11.734C2.19347 11.5884 2.19068 11.7075 2.19068 11.9987ZM11.9723 15.1363C11.7372 15.1857 11.4624 15.3928 11.3483 15.6067C11.1501 15.9786 11.2144 16.4193 11.51 16.7143C11.7051 16.9091 11.9059 16.9938 12.1721 16.9938C12.4383 16.9938 12.6391 16.9091 12.8342 16.7143C13.2364 16.3129 13.191 15.6557 12.7374 15.3125C12.6699 15.2614 12.5627 15.2001 12.4991 15.1763C12.3669 15.1269 12.1101 15.1074 11.9723 15.1363Z" fill="%23CC2E36"/></svg></svg>');
  --inner-icon-width: var(--pdc-toast-icon-width, var(--pd-size-icon-l));
  --inner-icon-height: var(--pdc-toast-icon-height, var(--pd-size-icon-l));
  --inner-icon-status: var(--inner-icon-info);
  --inner-border-color-left: var(--pd-color-status-info);
  --inner-border-color-right: var(--pd-color-status-info-low);
  --inner-color: var(--pd-color-status-info-high);
  --inner-border-height: var(--pdc-toast-border-height, 3px);
  --inner-animation-time: var(--pdc-toast-animation-time, 0s);
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: var(--inner-height);
  max-width: var(--inner-width);
  position: relative;
  border-top: var(--inner-border-height) solid var(--inner-border-color-right);
  color: var(--inner-color);
  box-shadow: var(--pd-dropshadow-03);
  border-bottom-left-radius: var(--pd-radius-alert);
  border-bottom-right-radius: var(--pd-radius-alert);
  padding: 0 var(--pd-spacing-sm) 0 calc(var(--pd-spacing-sm) + var(--inner-icon-width) + var(--pd-spacing-s));
  font-family: var(--pd-tipography-subtitle-3);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  box-sizing: border-box;
}

.pd-toast *,
.pd-toast *::before,
.pd-toast *::after {
  box-sizing: inherit;
}

/* border */
.pd-toast::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: var(--inner-border-height);
  background-color: var(--inner-border-color-left);
  top: -3px;
  animation-duration: var(--inner-animation-time);
  animation-name: slidein;
}

@keyframes slidein {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
/* Status */
.pd-toast.pd-toast--success {
  --inner-color: var(--pd-color-status-success-high);
  --inner-icon-status: var(--inner-icon-success);
  --inner-border-color-left: var(--pd-color-status-success);
  --inner-border-color-right: var(--pd-color-status-success-low);
}

.pd-toast.pd-toast--warning {
  --inner-color: var(--pd-color-status-warning-high);
  --inner-icon-status: var(--inner-icon-warning);
  --inner-border-color-left: var(--pd-color-status-warning);
  --inner-border-color-right: var(--pd-color-status-warning-low);
}

.pd-toast.pd-toast--error {
  --inner-color: var(--pd-color-status-error-high);
  --inner-icon-status: var(--inner-icon-error);
  --inner-border-color-left: var(--pd-color-status-error);
  --inner-border-color-right: var(--pd-color-status-error-low);
}

/* Icon */
.pd-toast::before {
  position: absolute;
  left: var(--pd-spacing-sm);
  display: inline-block;
  content: "";
  width: var(--inner-icon-width);
  height: var(--inner-icon-height);
  background-color: currentColor;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-toast::before {
  -webkit-mask-image: var(--inner-icon-status);
  mask-image: var(--inner-icon-status);
}

/* Button
----------------------- */
.pd-toast button {
  overflow: hidden;
  cursor: pointer;
  transition: background-color 250ms ease-out, box-shadow 250ms ease-out, color 250ms ease-out;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 0;
  background-color: transparent;
  --inner-icon-src: var(--inner-icon-close);
  margin: 0;
  padding: 0;
}

.pd-toast button::before {
  display: inline-block;
  content: "";
  width: var(--pd-size-icon-m);
  height: var(--pd-size-icon-m);
  background-color: var(--inner-color);
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}/* v1.0.0 */
[data-tooltip] {
  --inner-background-color: var(--pdc-tooltip-background-color, var(--pd-color-surface-high));
  --inner-text-color: var(--pdc-tooltip-color, var(--pd-color-text-interactive-selected-inverse));
  --inner-max-width: var(--pdc-tooltip-max-width, max-content);
  position: relative;
  display: inline-block;
}

/** tooltip body **/
[data-tooltip]::before {
  content: attr(data-tooltip);
  background: var(--inner-background-color);
  color: var(--inner-text-color);
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  font-weight: var(--pd-tipography-caption-2-font-weight);
  line-height: var(--pd-tipography-caption-2-line-height);
  font-style: normal;
  border-radius: var(--pd-radius-tooltip);
  box-shadow: var(--pd-dropshadow-06);
  text-align: left;
  padding: var(--pd-spacing-s) var(--pd-spacing-sm);
  margin: 0 0 10px 0;
  width: max-content;
  max-width: var(--inner-max-width);
}

[data-tooltip]::after,
[data-tooltip]::before {
  opacity: 0;
  position: absolute;
  transition: all 0.18s ease-out 0.18s;
  top: auto;
  bottom: 100%;
  right: 50%;
  transform: translate(50%, 10px);
  z-index: 999;
  pointer-events: none;
}

[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
  transform: translate(50%, 0);
  pointer-events: auto;
  opacity: 1;
}

[data-tooltip].tt-s::after,
[data-tooltip].tt-s::before {
  transform: translate(50%, -10px);
}

[data-tooltip].tt-s:hover::after,
[data-tooltip].tt-s:hover::before {
  transform: translate(50%, 0);
}

[data-tooltip].tt-e::after,
[data-tooltip].tt-e::before {
  transform: translate(-10px, 50%);
}

[data-tooltip].tt-e:hover::after,
[data-tooltip].tt-e:hover::before {
  transform: translate(0, 50%);
}

[data-tooltip].tt-w::after,
[data-tooltip].tt-w::before {
  transform: translate(10px, 50%);
}

[data-tooltip].tt-w:hover::after,
[data-tooltip].tt-w:hover::before {
  transform: translate(0, 50%);
}

/* Position N, S, E or West of content based on class
--------------------------------------------------------- */
.tt-n::before,
.tt-n::after {
  top: auto;
  bottom: 100%;
}

.tt-s::before,
.tt-s::after {
  bottom: auto;
  top: 100%;
  right: 50%;
}

.tt-e::before,
.tt-e::after,
.tt-w::before,
.tt-w::after {
  top: auto;
  bottom: 50%;
}

.tt-e::before,
.tt-e::after {
  left: 100%;
  right: auto;
}

.tt-w::before,
.tt-w::after {
  left: auto;
  right: 100%;
}

.tt-n::before {
  margin: 0 0 10px 0;
}

.tt-s::before {
  margin: 10px 0 0 0;
}

.tt-e::before {
  margin: 0 0 0 10px;
}

.tt-w::before {
  margin: 0 10px 0 0;
}

/* Tooltip arrow
----------------------- */
[data-tooltip]::after {
  content: "";
  border: 5px solid transparent;
  margin: 0 0 0 -5px;
  border-top-color: var(--inner-background-color);
}

.tt-n::after,
.tt-s::after,
.tt-e::after,
.tt-w::after {
  border-color: transparent;
}

.tt-n::after,
.tt-s::after {
  margin: 0 0 0 5px;
}

.tt-s::after {
  border-bottom-color: var(--inner-background-color);
}

.tt-n::after {
  border-top-color: var(--inner-background-color);
}

.tt-e::after,
.tt-w::after {
  margin: 5px 0 0 0;
}

.tt-e::after {
  border-right-color: var(--inner-background-color);
}

.tt-w::after {
  border-left-color: var(--inner-background-color);
}/* v1.0.0 */
.pd-pagination {
  --inner-chevron-left: var(--pdc-pagination-chevron-left-src, url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M15.41 7.41L14 6L8 12L14 18L15.41 16.59L10.83 12L15.41 7.41Z' /%3E%3C/svg%3E"));
  --inner-chevron-right: var(--pdc-pagination-chevron-right-src, url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg'%0A%3E%3Cpath d='M9.99984 6L8.58984 7.41L13.1698 12L8.58984 16.59L9.99984 18L15.9998 12L9.99984 6Z' /%3E%3C/svg%3E%0A"));
  --inner-size: var(--pdc-pagination-size, var(--pd-size-pagination, 32px));
  --inner-icon-size: calc(var(--inner-size) * 0.75);
}

.pd-pagination .pd-pagination__items {
  display: flex;
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  gap: var(--pdc-pagination-spacer, var(--pd-spacing-xxs, 4px));
  margin: 0;
  padding: 0;
}

.pd-pagination .pd-pagination__item {
  display: flex;
  align-items: center;
}

.pd-pagination button {
  font-size: var(--pd-tipography-body-2-font-size);
  color: var(--pd-color-text-high);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--inner-size);
  min-width: var(--inner-size);
  border-radius: var(--pd-radius-button);
  background-color: transparent;
  text-decoration: none;
  transition: background-color 250ms ease-out;
  padding: 0 var(--pd-spacing-xs);
}

.pd-pagination button:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-high);
  outline-offset: 0.125rem;
}

.pd-pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--inner-size);
  width: var(--inner-size);
}

.pd-pagination button:not(.pd-pagination__item-disabled):not(button[aria-current=true], [aria-disabled=true]):hover {
  background-color: var(--pd-color-surface-button-tertiary-active);
  color: var(--pd-color-text-button-tertiary-default-high);
}

.pd-pagination button[aria-current=true] {
  background-color: var(--pd-color-surface-interactive-selected);
  color: var(--pd-color-text-interactive-selected-inverse);
}

.pd-pagination__item button[aria-disabled=true],
.pd-pagination__item button[aria-disabled=true]:hover {
  color: var(--pd-color-text-button-tertiary-disabled);
  cursor: not-allowed;
  background-color: transparent;
}

.pd-pagination__item--prev {
  --inner-icon-src: var(--inner-chevron-left);
}

.pd-pagination__item--next {
  --inner-icon-src: var(--inner-chevron-right);
}

.pd-pagination__item--prev button::before,
.pd-pagination__item--next button::after {
  display: inline-block;
  content: "";
  width: var(--inner-icon-size);
  height: var(--inner-icon-size);
  background-color: var(--pd-color-icon-button-tertiary-default);
  -webkit-mask-image: var(--inner-icon-src);
  mask-image: var(--inner-icon-src);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-pagination__item--prev button[aria-disabled=true]::before,
.pd-pagination__item--next button[aria-disabled=true]::after {
  background-color: var(--pd-color-text-button-tertiary-disabled);
}/* v1.0.0-beta2 */
.pd-modal {
  --inner-icon-close: var(
    --pdc-modal-icon-close,
    url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' aria-hidden='true' focusable='false' xmlns='http://www.w3.org/2000/svg' %3e%3cpath  fill-rule='evenodd' clip-rule='evenodd' d='M2.90254 2.67851C2.82425 2.70107 2.74038 2.77411 2.69785 2.85679C2.66195 2.92656 2.65783 3.03744 2.68807 3.11967C2.71102 3.18208 2.77167 3.24383 5.11592 5.59198L7.52023 8.00029L5.11592 10.4086C2.77167 12.7568 2.71102 12.8185 2.68807 12.8809C2.58878 13.1509 2.85042 13.4109 3.12177 13.3118C3.18124 13.2901 3.26962 13.2031 5.58901 10.8822L7.99458 8.47518L10.4001 10.8822C12.7195 13.2031 12.8079 13.2901 12.8674 13.3118C13.0333 13.3724 13.2221 13.2956 13.2897 13.1401C13.3032 13.109 13.3185 13.0753 13.3237 13.0651C13.3354 13.0421 13.3363 12.915 13.3248 12.9222C13.3201 12.9251 13.3077 12.9026 13.2972 12.8722C13.2793 12.8206 13.1164 12.655 10.8735 10.4086L8.46892 8.00029L10.8731 5.59198C13.0665 3.39487 13.279 3.179 13.2964 3.13034C13.3068 3.101 13.3194 3.07243 13.3243 3.06686C13.3373 3.05204 13.3356 2.91955 13.3225 2.92764C13.3167 2.93127 13.3119 2.9266 13.3119 2.91725C13.3119 2.90791 13.3003 2.87762 13.2861 2.84995C13.2084 2.69779 13.0304 2.62848 12.8696 2.68774C12.8073 2.71072 12.7456 2.77143 10.4001 5.11836L7.99458 7.52541L5.58901 5.11836C3.26962 2.79753 3.18124 2.71049 3.12177 2.68879C3.05603 2.66479 2.965 2.66053 2.90254 2.67851ZM2.67013 3.00232C2.67018 3.04339 2.6721 3.05888 2.67441 3.03676C2.67671 3.01462 2.67668 2.98101 2.67433 2.96208C2.67197 2.94313 2.67008 2.96125 2.67013 3.00232ZM2.67013 12.9983C2.67018 13.0393 2.6721 13.0548 2.67441 13.0327C2.67671 13.0106 2.67668 12.977 2.67433 12.958C2.67197 12.9391 2.67008 12.9572 2.67013 12.9983Z' /%3e%3c/svg%3e")
  );
  display: flex;
  z-index: 999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: center;
  justify-content: center;
  width: inherit;
  min-width: 100%;
  height: inherit;
  min-height: 100%;
  border: 0;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: var(--pd-color-surface-modal-default);
  color: var(--pd-color-text-interactive-active);
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  box-sizing: border-box;
}

.pd-modal *,
.pd-modal *::before,
.pd-modal *::after {
  box-sizing: inherit;
}

.pd-modal article {
  border-radius: var(--pd-radius-modal);
  padding: var(--pd-spacing-xl) var(--pd-spacing-xl) var(--pd-spacing-xl);
  background-color: var(--pd-color-surface-inverse);
  box-shadow: var(--pd-dropshadow-05);
  min-height: 120px;
  max-height: calc(100vh - 32px);
  width: var(--pdc-modal-width, 702px);
  overflow: auto;
  position: relative;
}

/* Sizes
----------------------- */
.pd-modal--sm article {
  width: 440px;
}

.pd-modal--lg article {
  width: 1024px;
}

/* Button
----------------------- */
.pd-modal__close {
  margin: 0;
  padding: 0;
  border: 0;
  cursor: pointer;
  position: absolute;
  top: var(--pd-spacing-xl);
  right: var(--pd-spacing-xl);
  width: var(--pd-size-icon-l);
  height: var(--pd-size-icon-l);
  background-color: transparent;
  vertical-align: middle;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.pd-modal__close::before {
  display: inline-block;
  content: "";
  width: var(--pd-size-icon-l);
  height: var(--pd-size-icon-l);
  background-color: var(--pd-color-icon-high);
  -webkit-mask-image: var(--inner-icon-close);
  mask-image: var(--inner-icon-close);
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.pd-modal__close:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  outline-offset: 2px;
}

/* Animations
   ----------------- */
.pd-modal:not([open]),
.pd-modal[open=false] {
  display: none;
}

.pd-modal[open=true] {
  animation-duration: 0.8s;
  animation-name: modal-overlay;
}

.pd-modal[open=true] > article {
  animation-duration: 0.2s;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
  animation-delay: 0.2s;
  animation-name: modal;
}

@keyframes modal-overlay {
  from {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: transparent;
  }
}
@keyframes modal {
  from {
    transform: translateY(-20%);
    opacity: 0;
  }
}
.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

/* Content
   ----------------- */
.pd-modal__content header {
  margin-bottom: var(--pd-spacing-m);
}
.pd-modal__content h3,
.pd-modal__content .pd-modal__tiltle {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-end;
  column-gap: var(--pd-spacing-sm);
  font-family: var(--pd-tipography-headline-6);
  font-size: var(--pd-tipography-headline-6-font-size);
  font-weight: var(--pd-tipography-headline-6-font-weight);
  line-height: var(--pd-tipography-headline-6-line-height);
  color: var(--pd-tipography-headline-6-color);
}
.pd-modal__content h3 .required,
.pd-modal__content .pd-modal__tiltle .required {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(-pd-color-text-high);
}
.pd-modal__content p {
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  font-weight: var(--pd-tipography-body-2-font-weight);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}
.pd-modal__content footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-end;
  column-gap: var(--pd-spacing-sm);
  padding-top: var(--pd-spacing-l);
}
/* v1.0.0-beta1 */
.pd-stepper {
  list-style: none;
  display: flex;
  justify-content: space-between;
  counter-reset: line-number;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.pd-stepper a {
  padding-top: calc(var(--pd-size-stepper) + var(--pd-spacing-s));
  z-index: 3;
  text-decoration: none;
  color: var(--pd-color-text-interactive-active);
  font-family: var(--pd-tipography-body-1);
  font-size: var(--pd-tipography-body-1-font-size);
  font-weight: var(--pd-tipography-body-1-font-weight);
}

.pd-stepper button {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  text-align: inherit;
  appearance: none;
  padding-top: calc(var(--pd-size-stepper) + var(--pd-spacing-s));
  z-index: 3;
  color: var(--pd-tipography-subtitle-2-color);
  font-family: var(--pd-tipography-subtitle-2);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  line-height: var(--pd-tipography-subtitle-2-line-height);
}

.pd-stepper a:not([href]) {
  cursor: not-allowed;
}

.pd-stepper li {
  position: relative;
  counter-increment: line-number;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 0;
  gap: 10px;
}

.pd-stepper li:first-child {
  text-align: left;
}

.pd-stepper [data-selected] a {
  color: var(--pd-color-text-interactive-selected);
  cursor: default;
  font-family: var(--pd-tipography-subtitle-2);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
}

.pd-stepper li[data-selected] ~ li a {
  color: var(--pd-color-text-interactive-disabled);
}

/* square all */
.pd-stepper li::before {
  font-family: var(--pd-tipography-subtitle-1);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  font-weight: var(--pd-tipography-subtitle-1-font-weight);
  position: absolute;
  width: calc(var(--pd-size-stepper) - 2px);
  height: calc(var(--pd-size-stepper) - 2px);
  line-height: var(--pd-size-stepper);
  border-radius: var(--pd-radius-checkbox);
  text-align: center;
  z-index: 1;
  border-color: var(--pd-color-border-interactive-selected);
  background-color: var(--pd-color-surface-interactive-selected);
  color: var(--pd-color-icon-interactive-inverse);
  content: "";
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.7538 4.16692C15.6435 4.19594 15.5242 4.26287 15.4371 4.34455C15.3935 4.3855 13.5958 6.64793 11.4422 9.37219C7.87048 13.8904 7.5188 14.3277 7.43736 14.3521C7.33538 14.3826 7.20646 14.3522 7.14597 14.2833C7.12637 14.2609 6.5581 13.4578 5.88314 12.4986C5.20818 11.5394 4.62953 10.7264 4.59724 10.6921C4.47992 10.5673 4.31057 10.4972 4.09982 10.4861C3.93125 10.4773 3.88963 10.4836 3.7781 10.5346C3.49383 10.6648 3.35274 10.872 3.3364 11.1835C3.32809 11.3418 3.33507 11.3956 3.3759 11.4879C3.41684 11.5805 5.35864 14.3641 5.89111 15.0936C6.1466 15.4436 6.50684 15.6937 6.90807 15.7997C7.15883 15.866 7.54466 15.8662 7.79607 15.8003C8.13394 15.7116 8.48076 15.4947 8.70423 15.2322C9.02739 14.8525 16.5476 5.31287 16.5959 5.2213C16.6734 5.07449 16.6897 4.81886 16.6326 4.64692C16.5825 4.49606 16.4254 4.31935 16.2627 4.23079C16.1298 4.15845 15.897 4.12924 15.7538 4.16692Z" fill="white"/></svg>');
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}

/* sqare active */
.pd-stepper [data-selected]::before {
  background-color: var(--pd-color-surface-inverse);
  border: 2px solid var(--pd-color-border-interactive-selected);
  color: var(--pd-color-text-interactive-selected);
  content: counter(line-number);
}

/* sqare after */
.pd-stepper [data-selected] ~ li::before {
  border: 1px solid var(--pd-color-border-interactive-disabled);
  color: var(--pd-color-text-interactive-disabled);
  content: counter(line-number);
  background-color: var(--pd-color-surface-interactive-disabled);
  background-image: none;
}

/* línea all */
.pd-stepper li:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: calc(var(--pd-size-stepper) / 2);
  left: 50%;
  background-color: var(--pd-color-border-interactive-active);
  height: 2px;
}

/* línea active y after */
.pd-stepper li[data-selected]:not(:last-child)::after,
.pd-stepper li[data-selected] ~ li:not(:last-child)::after {
  height: 1px;
  background-color: var(--pd-color-border-interactive-disabled);
}

/* Vertical */
.pd-stepper.pd-stepper--vertical {
  flex-direction: column;
}

.pd-stepper.pd-stepper--vertical li {
  position: relative;
  counter-increment: line-number;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  min-height: 100px;
}

.pd-stepper.pd-stepper--vertical li::before {
  position: relative;
}

.pd-stepper.pd-stepper--vertical li::after {
  width: 2px;
  height: 100%;
  left: 1rem;
}

.pd-stepper.pd-stepper--vertical a {
  padding-top: inherit;
  margin-top: 6px;
}

.pd-stepper.pd-stepper--vertical li[data-selected]:not(:last-child)::after,
.pd-stepper.pd-stepper--vertical li[data-selected] ~ li:not(:last-child)::after {
  height: 100%;
  background-color: var(--pd-color-border-interactive-disabled);
  width: 1px;
}.toast-container {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  z-index: 1000;
  background: var(--pd-color-surface-button-secondary-default);
}

.reset-password-toast,
.new-password-toast,
.update-data-toast,
.contact-form-toast {
  margin-right: var(--pd-spacing-m);
}

.pd-toast {
  height: auto;
  width: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
.pd-toast button {
  flex: 0 0 auto;
}
.pd-toast .document-edit-toast {
  font-weight: 400;
}
.pd-toast .document-edit-toast button::before {
  content: none;
}

.pd-toast--success {
  background-color: var(--pd-color-status-success-low);
}

.pd-toast--error {
  background-color: var(--pd-color-status-error-low);
}

.pd-toast--info {
  background-color: var(--pd-color-status-info-low);
}

.pd-toast--warning {
  background-color: var(--pd-color-status-warning-low);
}

.toast-title {
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  margin-bottom: var(--pd-spacing-xxs);
}

.toast-text {
  font-size: var(--pd-tipography-caption-2-font-size);
  line-height: var(--pd-tipography-overline-1-line-height);
}.error-page {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: var(--pd-spacing-l) var(--pd-spacing-sm) 0;
  margin: 0 auto;
  background-color: var(--pd-color-white);
  background-image: url("/assets/login-bg-82a5d2a5.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media screen and (min-width: 768px) {
  .error-page {
    background-size: 100%;
  }
}
.error-page {
  /* Evita que la tarjeta o el footer se aplasten si falta espacio */
}
.error-page > * {
  flex-shrink: 0;
}
.error-page {
  /* Creamos un elemento invisible al final para simular el padding-bottom */
}
.error-page::after {
  content: "";
  display: block;
  min-height: var(--pd-spacing-4xl);
  width: 100%;
  flex-shrink: 0; /* Obligatorio para que no desaparezca */
}

.error-page .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--pd-spacing-2xl) var(--pd-spacing-ml) var(--pd-spacing-xl);
  max-width: 910px;
  width: 100%;
  background: var(--pd-color-surface-button-secondary-default);
  box-shadow: var(--pd-dropshadow-01);
  border-radius: 45px;
}
@media screen and (min-width: 992px) {
  .error-page .card {
    padding: var(--pd-spacing-2xl) 70px var(--pd-spacing-xl);
    border-radius: 48px;
  }
}
.error-page .card img {
  margin-bottom: var(--pd-spacing-l);
  width: 150px;
}
@media screen and (max-width: 767px) {
  .error-page .card img {
    width: 120px;
  }
}

.error-page .card__content {
  margin-bottom: var(--pd-spacing-3xl);
  text-align: center;
}
.error-page .card__content h1 {
  font-family: var(--pd-tipography-headline-3);
  font-weight: var(--pd-tipography-headline-3-font-weight);
  font-size: var(--pd-tipography-headline-3-font-size);
  line-height: var(--pd-tipography-headline-3-line-height);
  color: var(--pd-tipography-headline-3-color);
  margin-bottom: var(--pd-spacing-ml);
}
.error-page .card__content p {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-tipography-body-1-color);
  margin-bottom: var(--pd-spacing-l);
}
.error-page .card__content .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: var(--pd-spacing-l);
}
.error-page .card__content .pd-button--primary {
  margin-bottom: 80px;
}

.error-page .card__help {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-page .card__help .links {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.error-page .card__help .text {
  margin-bottom: var(--pd-spacing-xxs);
}
.error-page .card__help .pd-button:first-child {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.error-page .card__help .pd-button:first-child::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--pd-color-text-button-link-hover);
}

.error__footer {
  display: flex;
  gap: var(--pd-spacing-l);
  flex-wrap: wrap;
  justify-content: center;
  padding: var(--pd-spacing-sm) 0;
}
.error__footer .pd-button {
  color: var(--pd-color-surface-button-secondary-default);
}
@media screen and (max-width: 767px) {
  .error__footer {
    gap: 5px 32px;
  }
}.pd-header {
  height: 56px;
  padding: 0 32px;
  align-items: center;
  color: var(--pd-color-text-button-cta-default);
  display: flex;
  justify-content: flex-end;
  border-bottom: 1px solid var(--pd-color-surface-interactive-disabled-low);
  background-color: var(--pd-color-surface-button-tertiary-default);
}
@media screen and (max-width: 767px) {
  .pd-header {
    display: none;
  }
}
.pd-header .pd-header__left-item-container {
  position: relative;
}
.pd-header .pd-header__left-item-container .pd-header__right-item_inner {
  position: relative;
}
.pd-header .pd-header__left-item-container .dropdown {
  background: var(--pd-color-surface-button-secondary-default);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-popover);
  box-shadow: var(--pd-dropshadow-01);
  position: absolute;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  top: 37px;
  right: 27px;
  padding: 8px;
  min-width: 204px;
}
.pd-header .pd-header__left-item-container .dropdown li {
  padding: 12px;
}
.pd-header .pd-header__left-item-container .dropdown li:hover {
  background-color: var(--pd-color-surface-interactive-hover);
  cursor: pointer;
}
.pd-header .pd-header__left-item-container .dropdown li button {
  all: unset;
}
.pd-header .pd-header__left-item {
  position: relative;
  display: flex;
  align-items: center;
  text-transform: uppercase;
  margin-right: var(--pd-spacing-m);
  border: 2px solid var(--pd-color-icon-button-cta-default);
  border-radius: var(--pd-radius-button);
  padding: 2px 12px 2px 34px;
  font-family: var(--pd-tipography-button-medium-1);
  font-size: var(--pd-tipography-button-medium-1-font-size);
  line-height: var(--pd-tipography-button-medium-1-line-height);
  font-weight: var(--pd-tipography-button-medium-1-font-weight);
  color: var(--pd-color-text-button-cta-default);
  background-color: transparent;
  cursor: pointer;
  min-width: 0;
}
.pd-header .pd-header__left-item::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--pd-color-status-success);
}
.pd-header .pd-header__left-item .pd-header__text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.pd-header .pd-header__left-item .pd-icon {
  margin-left: var(--pd-spacing-xs);
}
.pd-header .pd-header__center-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: var(--pd-spacing-s);
  border-radius: 50%;
  text-transform: uppercase;
  background-color: var(--pd-color-surface-low);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.pd-header .pd-header__right-item {
  display: flex;
  align-items: center;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
  color: var(--pd-color-text-button-cta-default);
  cursor: pointer;
}
.pd-header .pd-header__right-item .pd-icon {
  margin-left: var(--pd-spacing-m);
}
.pd-header .pd-header__right-item button {
  all: unset;
  display: flex;
  align-items: center;
}
.pd-header .pd-header__right-item .pd-header__right-item_inner {
  position: relative;
}
.pd-header .pd-header__right-item .dropdown {
  background: var(--pd-color-surface-button-secondary-default);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-popover);
  box-shadow: var(--pd-dropshadow-01);
  position: absolute;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  top: 33px;
  right: 0;
  padding: 8px;
}
.pd-header .pd-header__right-item .dropdown li {
  padding: 12px;
}
.pd-header .pd-header__right-item .dropdown li:hover {
  background-color: var(--pd-color-surface-interactive-hover);
  cursor: pointer;
}
.pd-header .pd-header__right-item .dropdown li button {
  all: unset;
}.avatar-mobile {
  display: inline-block;
  position: relative;
}
.avatar-mobile .avatar-mobile__button {
  all: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: var(--pd-spacing-s);
  border-radius: 200px;
  text-transform: uppercase;
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.avatar-mobile .avatar-mobile__initials {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--pd-tipography-body-2-font-size);
  background-color: var(--pd-color-surface-low);
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.avatar-mobile.impersonated-user {
  border: 1px solid var(--pd-color-icon-button-primary-default);
  border-radius: 200px;
}
.avatar-mobile.impersonated-user .avatar-mobile__button {
  width: 75px;
  height: 44px;
  margin-right: 0;
}

.dropdown {
  background: var(--pd-color-surface-button-secondary-default);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-popover);
  box-shadow: var(--pd-dropshadow-01);
  position: absolute;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  top: 40px;
  right: 15px;
  padding: 8px;
  min-width: 150px;
}
.dropdown li {
  padding: 12px;
}
.dropdown li:hover {
  background-color: var(--pd-color-surface-interactive-hover);
  cursor: pointer;
}
.dropdown li button {
  all: unset;
}@media screen and (max-width: 767px) {
  .main-component {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .main-component .left-side {
    padding-right: 24px;
  }
}
.main-component .left-side .title {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.main-component .left-side .desk-data-item {
  margin-bottom: var(--pd-spacing-m);
}
.main-component .left-side .desk-data-item dt {
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-color-text-medium);
}
.main-component .left-side .desk-data-item dd {
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.main-component .left-side .desk-data-item.group {
  display: flex;
  gap: 32px;
  align-items: center;
}
.main-component .right-side {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .main-component .right-side {
    max-width: 320px;
    margin-top: 0;
    display: block;
  }
}
.main-component .right-side .right-side_content {
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  padding: var(--pd-spacing-ml);
  border-radius: var(--pd-radius-card);
  box-shadow: var(--pd-dropshadow-02);
}
.main-component .right-side .title {
  margin-bottom: var(--pd-spacing-sm);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
}
.main-component .right-side .text {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}
.main-component .right-side .text:last-child {
  margin-bottom: 0;
}
.main-component .right-side .pd-button {
  width: 100%;
  text-align: center;
}
.main-component .right-side .email {
  text-align: left;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  height: auto;
}

.upload-icon {
  margin-left: 5px;
}
.upload-icon span {
  color: var(--pd-color-text-button-link-default);
}

.textarea-container {
  margin-bottom: 24px;
}

.new-password .pd-progress-bar {
  display: none;
}

.help-center {
  flex-direction: column;
}
.help-center .title {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}

.documentation-container .documentation-item {
  display: flex;
  border: 1px solid var(--pd-color-icon-button-secondary-disabled);
  border-radius: 4px;
  margin-bottom: var(--pd-spacing-ml);
  padding: 16px;
}
.documentation-container .documentation-item .left-side {
  margin-right: var(--pd-spacing-sm);
  padding-right: 0;
}
.documentation-container .documentation-item .center-side {
  flex: 1;
  margin-right: var(--pd-spacing-l);
}
.documentation-container .documentation-item .center-side .title {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-tipography-body-1-color);
  margin-bottom: var(--pd-spacing-xs);
}
.documentation-container .documentation-item .center-side .title .creation-date {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}
.documentation-container .documentation-item .center-side .text {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-bottom: 0;
}
.documentation-container .documentation-item .right-side {
  align-self: flex-end;
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .documentation-container .documentation-item .right-side {
    display: block;
  }
}
.documentation-container .documentation-item .right-side .pd-icon {
  cursor: pointer;
}
.documentation-container .documentation-item .right-side .pd-button--icononly {
  --inner-icon-color: var(--pd-color-text-button-primary-default);
}
.documentation-container.invoices .text {
  color: var(--pd-color-text-medium);
  display: flex;
}
@media screen and (min-width: 768px) {
  .documentation-container.invoices .text {
    align-items: center;
  }
}
.documentation-container.invoices .text .pd-icon {
  margin-right: 4px;
  color: var(--pd-color-status-warning);
}

@media screen and (max-width: 767px) {
  .desk-data-component {
    padding-bottom: 85px;
  }
}.main-component {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .main-component {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .main-component .left-side {
    padding-right: 24px;
  }
}
.main-component .left-side .title {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.main-component .left-side .title.required-form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.main-component .left-side .title .title-inner {
  margin-right: var(--pd-spacing-l);
}
.main-component .left-side .title .required-form__title {
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  position: relative;
  padding-left: 10px;
}
.main-component .left-side .title .required-form__title::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}
.main-component .left-side .desk-data-item {
  margin-bottom: var(--pd-spacing-m);
}
.main-component .left-side .desk-data-item dt {
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-color-text-medium);
}
.main-component .left-side .desk-data-item dd {
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.main-component .left-side .desk-data-item.group {
  display: flex;
  gap: 32px;
  align-items: center;
}
.main-component .right-side {
  margin-top: 24px;
}
@media screen and (min-width: 768px) {
  .main-component .right-side {
    max-width: 390px;
    display: block;
    margin-top: 70px;
  }
}
@media screen and (max-width: 767px) {
  .main-component .right-side {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: var(--pd-color-surface-button-secondary-default);
  }
}
.main-component .right-side .contact-support-mobile .contact-support-mobile__header {
  background-color: transparent;
  border: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.main-component .right-side .contact-support-mobile .contact-support-mobile__header .title {
  margin-bottom: 0;
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  font-weight: var(--pd-tipography-headline-6-font-weight);
}
.main-component .right-side .contact-support-mobile.open .contact-support-mobile__content {
  margin-top: var(--pd-spacing-ml);
}
.main-component .right-side .contact-support-mobile.open .arrow.up {
  transform: rotate(90deg);
}
.main-component .right-side .right-side_content {
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  padding: var(--pd-spacing-ml);
  border-radius: var(--pd-radius-card);
  box-shadow: var(--pd-dropshadow-02);
}
.main-component .right-side .title {
  margin-bottom: var(--pd-spacing-sm);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
}
.main-component .right-side .text {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}
.main-component .right-side .text:last-child {
  margin-bottom: 0;
}
.main-component .right-side .text.contact {
  display: flex;
}
.main-component .right-side .text.contact span:first-child {
  margin-right: 7px;
}
.main-component .right-side .text.contact .pd-icon:before {
  --inner-icon-height: 24px;
  --inner-icon-width: 24px;
}
.main-component .right-side .pd-button {
  width: 100%;
  text-align: center;
}
.main-component .right-side .email {
  text-align: left;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  height: auto;
}

.upload-icon {
  margin-left: 5px;
}
.upload-icon span {
  color: var(--pd-color-text-button-link-default);
}

.textarea-container {
  margin-bottom: 24px;
}

.new-password .pd-progress-bar {
  display: none;
}

.help-center {
  flex-direction: column;
  gap: 0;
}
.help-center .title {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.help-center .tabs-content {
  padding-top: var(--pd-spacing-s);
}

.documentation-container .documentation-item {
  display: flex;
  border: 1px solid var(--pd-color-icon-button-secondary-disabled);
  border-radius: 4px;
  margin-bottom: var(--pd-spacing-ml);
  padding: 16px;
}
.documentation-container .documentation-item .left-side {
  margin-right: var(--pd-spacing-sm);
  padding-right: 0;
}
.documentation-container .documentation-item .center-side {
  flex: 1;
  margin-right: var(--pd-spacing-l);
}
.documentation-container .documentation-item .center-side .title {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-tipography-body-1-color);
  margin-bottom: var(--pd-spacing-xs);
}
.documentation-container .documentation-item .center-side .text {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-bottom: 0;
}
.documentation-container .documentation-item .right-side {
  align-self: flex-end;
  position: relative;
}
@media screen and (max-width: 767px) {
  .documentation-container .documentation-item .right-side {
    display: block;
  }
}
.documentation-container .documentation-item .right-side .pd-icon {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .desk-data-component {
    padding-bottom: 85px;
  }
}
.desk-data-component .right-side {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .contact-page .right-side {
    position: relative;
  }
}.badges-column .pd-badge {
  margin-right: var(--pd-spacing-xs);
}
.badges-column .pd-badge:last-child {
  margin-right: 0;
}

.card-info {
  display: flex;
  justify-content: space-between;
  border: 1px solid var(--pd-color-icon-button-secondary-disabled);
  border-radius: var(--pd-radius-card);
  padding: var(--pd-spacing-m);
  margin-bottom: var(--pd-spacing-m);
}
.card-info .card__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: var(--pd-radius-card);
  background-color: var(--pd-color-surface-low);
  margin-right: var(--pd-spacing-s);
  margin-left: var(--pd-spacing-m);
}
.card-info .card__info-inner {
  display: flex;
}
.card-info .card__info {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-spacing-xs);
  align-items: center;
}
.card-info .card__list {
  flex: 100%;
}
.card-info .card__right-inner-mobile {
  all: unset;
  cursor: pointer;
}
.card-info .card__right-inner-mobile .pd-icon {
  color: var(--pd-color-status-info);
}
@media screen and (min-width: 768px) {
  .card-info .card__right-inner-mobile {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .card-info .card__right-inner-mobile {
    display: none;
  }
}
.card-info .card__right-inner {
  display: none;
}
@media screen and (min-width: 1200px) {
  .card-info .card__right-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--pd-spacing-xs);
  }
}
.card-info .pd-button--icononly {
  --inner-icon-color: var(--pd-color-text-button-primary-default);
}
.card-info .card__list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-spacing-sm);
}
.card-info .card__list li {
  display: none;
}
@media screen and (min-width: 768px) {
  .card-info .card__list li {
    display: block;
    position: relative;
    padding-right: var(--pd-spacing-sm);
    font-family: var(--pd-tipography-body-2);
    font-weight: var(--pd-tipography-body-2-font-weight);
    font-size: var(--pd-tipography-body-2-font-size);
    line-height: var(--pd-tipography-body-2-line-height);
    color: var(--pd-tipography-body-2-color);
  }
}
.card-info .card__list li::before {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: 15px;
  background-color: var(--pd-color-surface-interactive-disabled-low);
}
.card-info .card__list li:last-child {
  padding-right: 0;
}
.card-info .card__list li:last-child::before {
  display: none;
}
.card-info .card__title {
  font-family: var(--pd-tipography-headline-5);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  color: var(--pd-tipography-headline-5-color);
}
.card-info .card__text {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}
.card-info .card__workers {
  display: flex;
  gap: var(--pd-spacing-xs);
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  white-space: nowrap;
}

.comunity-list .filter-container .search-container {
  min-width: 150px;
  flex: auto;
}

.community-detail .products .title {
  margin-top: var(--pd-spacing-l);
}
.community-detail .products .products__list {
  margin-top: var(--pd-spacing-l);
  grid-template-columns: repeat(auto-fill, minmax(512px, 1fr));
}
.community-detail.mobile-fixed-container.providers .card__list li:last-child {
  flex: 100%;
}

.files {
  display: flex;
  gap: var(--pd-spacing-ml);
  margin-bottom: var(--pd-spacing-m);
}
@media screen and (max-width: 767px) {
  .files {
    flex-wrap: wrap;
  }
}

.file-card {
  width: 100%;
  max-width: 364px;
  height: 123px;
  background-color: var(--pd-color-surface-low);
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  text-align: center;
  transition: background-color 0.2s ease;
  position: relative;
}
@media screen and (max-width: 767px) {
  .file-card {
    max-width: 200px;
  }
}
.file-card .hover-container {
  display: none;
  border-radius: 12px;
}
.file-card:hover .hover-container {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.file-card .file-card:hover {
  background-color: #efe5dc;
}
.file-card .file-icon {
  width: 66px;
  height: auto;
}
.file-card .file-name-container {
  position: absolute;
  bottom: 0;
  background: var(--pd-color-icon-button-ghost-disabled);
  left: 0;
  right: 0;
  padding: var(--pd-spacing-xs);
  border-radius: 0 0 12px 12px;
}
.file-card .file-name {
  color: var(--pd-color-text-button-primary-default);
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
  max-width: 160px;
  padding-left: 0;
}
.file-card .file-name::before {
  top: -5px;
}

.uploaded-file .file-name {
  color: var(--pd-color-text-button-primary-default);
}
.uploaded-file .file-name::before {
  top: -5px;
}

.file-name.image {
  color: var(--pd-color-text-button-primary-default);
}
.file-name.image::before {
  top: -4px;
}

.uploaded-file {
  padding: 8px 12px;
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-card);
  box-shadow: var(--pd-dropshadow-01);
}

.mobile-fixed-container.community-detail .card__list {
  display: flex;
  flex-wrap: wrap;
  padding-right: 20px;
}
.mobile-fixed-container.community-detail .card__list li {
  flex: 32%;
  margin-bottom: 12px;
}
.mobile-fixed-container.community-detail .card__list li:nth-child(odd) {
  flex: 65%;
}
.mobile-fixed-container.community-detail .card__list li p {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
}
.mobile-fixed-container.community-detail .card__list li p:last-child {
  font-family: var(--pd-tipography-subtitle-2);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  color: var(--pd-tipography-subtitle-2-color);
}
.mobile-fixed-container.community-detail .btn-close {
  position: absolute;
  right: 20px;
}
.mobile-fixed-container.community-detail .btn-close::before {
  --inner-icon-height: 24px;
  --inner-icon-width: 24px;
  background-color: var(--pd-color-icon-high);
}

.product-request-modal .communities-list {
  max-height: 50vh;
  overflow: auto;
}
.product-request-modal .communities-list li {
  margin-bottom: 4px;
}
.product-request-modal .communities-list .pd-checkbox {
  width: 100%;
  border: 1px solid var(--pd-color-border-interactive-default);
  padding: 8px 16px;
  border-radius: var(--pd-radius-card);
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.product-request-modal .communities-list .pd-checkbox__input {
  margin-right: 8px;
  vertical-align: middle;
}

.products-tooltip--community {
  position: absolute;
  background: var(--pd-color-surface-button-secondary-default);
  padding: var(--pd-spacing-sm);
  width: 100%;
  display: flex;
  max-width: 255px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--pd-radius-tooltip);
  box-shadow: var(--pd-dropshadow-06);
  text-align: left;
}
.products-tooltip--community .tooltip-product-item span {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
}

.products-tooltip .tooltip-product-item {
  display: flex;
}
.products-tooltip .tooltip-product-item .pd-icon {
  margin-top: 2px;
  margin-right: 8px;
}
.products-tooltip .tooltip-product-item .tooltip-icon-error .pd-icon {
  color: var(--pd-color-status-error);
}
.products-tooltip .tooltip-product-item .tooltip-icon-success .pd-icon {
  color: var(--pd-color-status-success-high);
}.upload-document-modal a {
  color: var(--pd-color-text-button-primary-default);
}
.upload-document-modal .drop-zone:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  outline-offset: 2px;
}
.upload-document-modal .drop-zone:focus-visible {
  border: 2px solid var(--pd-color-border-interactive-hover);
}
.upload-document-modal .file-name::before {
  top: -5px;
}
.upload-document-modal .drop-zone {
  display: flex;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-button-cta-default);
  justify-content: center;
  border: 2px dashed var(--pd-color-border-interactive-default);
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-bottom: var(--pd-spacing-s);
  position: relative;
  width: 100%;
}
.upload-document-modal .drop-zone *:not(input) {
  pointer-events: none;
}
.upload-document-modal .drop-zone:hover {
  border-color: var(--pd-color-text-button-secondary-default);
  background: #fff6ef;
}
.upload-document-modal input:disabled + .drop-zone {
  background: var(--pd-color-surface-interactive-disabled-low);
  border-color: var(--pd-color-border-interactive-default);
  cursor: not-allowed;
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-document-modal input:disabled + .drop-zone .upload-link,
.upload-document-modal input:disabled + .drop-zone .pd-icon {
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-document-modal .upload-link {
  color: var(--pd-color-text-button-link-default);
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}
.upload-document-modal .upload-link:hover {
  text-decoration: underline;
}
.upload-document-modal .icon-upload {
  vertical-align: middle;
  margin-left: 4px;
  color: var(--pd-color-text-button-secondary-default);
}
.upload-document-modal .hint {
  color: var(--pd-color-text-medium);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
}
.upload-document-modal .hint:last-child {
  margin-bottom: var(--pd-spacing-ml);
}
.upload-document-modal input[type=file] {
  display: none;
}
.upload-document-modal input:disabled + .drop-zone {
  background: var(--pd-color-surface-interactive-disabled-low);
  border-color: var(--pd-color-border-interactive-default);
  cursor: not-allowed;
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-document-modal input:disabled + .drop-zone .upload-link,
.upload-document-modal input:disabled + .drop-zone .pd-icon {
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-document-modal .uploaded-files .uploaded-file {
  position: relative;
}
.upload-document-modal .uploaded-files .uploaded-file .uploaded-file__delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
}

.arrow-button {
  all: unset;
}

.carrusel-container {
  width: 100%;
}

.main-component__title {
  display: flex;
  align-items: center;
}
.main-component__title .pd-button--icononly {
  margin-right: var(--pd-spacing-sm);
  --inner-icon-color: var(--pd-color-text-button-primary-default);
}

.products {
  width: 100%;
  margin-bottom: var(--pd-spacing-xl);
}
.products.available-products {
  margin-bottom: 0;
}
.products.available-products .products__list {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.products.available-products .products__item {
  background-color: var(--pd-color-icon-button-ghost-disabled);
}
.products .title {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}
.products .products__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  align-items: stretch;
  gap: var(--pd-spacing-l);
}
.products .products__item {
  border-radius: var(--pd-radius-card);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  box-shadow: var(--pd-dropshadow-01);
  padding: var(--pd-spacing-ml);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.products .products__item .products__item-title {
  display: flex;
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  margin-bottom: var(--pd-spacing-xs);
}
.products .products__item .products__item-title .pd-icon {
  margin-right: var(--pd-spacing-xs);
}
.products .products__item .products__item-description {
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  margin-bottom: var(--pd-spacing-l);
}
.products .products__item .products__item-button {
  text-align: right;
  margin-top: auto;
}
.products .products__item .products__item-image {
  margin-bottom: var(--pd-spacing-m);
}
.products .products__item .products__item-image img {
  width: 100%;
}
.products .products__all {
  display: flex;
  align-items: center;
  font-family: var(--pd-tipography-button-medium-1);
  font-size: var(--pd-tipography-button-medium-1-font-size);
  line-height: var(--pd-tipography-button-medium-1-line-height);
  font-weight: var(--pd-tipography-button-medium-1-font-weight);
  color: var(--pd-color-text-button-link-default);
  margin-left: var(--pd-spacing-m);
}
.products .products__all .pd-icon {
  color: var(--pd-color-text-button-link-default);
  margin-left: var(--pd-spacing-xs);
  transform: rotate(-90deg);
}
.products .products__all.open .pd-icon {
  transform: rotate(90deg);
}
.pd-layout {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pd-layout {
    flex-direction: column;
  }
}
.pd-layout {
  /* ==== Sidebar ==== */
}
.pd-layout .sidebar {
  background-color: var(--pd-color-surface-button-secondary-default);
  color: var(--pd-tipography-display-0-color);
  border-right: 1px solid var(--pd-color-surface-interactive-disabled-low);
  width: 312px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  position: relative;
  padding: 20px;
  z-index: 100;
}
@media screen and (max-width: 767px) {
  .pd-layout .sidebar {
    width: 100%;
    border: 0;
    padding: 20px;
    position: fixed;
  }
}
.pd-layout .menu-title .badge {
  color: var(--pd-color-text-button-primary-default);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: var(--pd-color-surface-low);
  border-radius: 50%;
  font-size: var(--pd-tipography-caption-2-font-size);
}
.pd-layout .sidebar.collapsed {
  width: 80px;
}
@media screen and (max-width: 767px) {
  .pd-layout .sidebar.collapsed {
    width: 100%;
    padding: 20px;
  }
  .pd-layout .sidebar.collapsed .social-media-container,
  .pd-layout .sidebar.collapsed .menu {
    display: none;
  }
}
.pd-layout .sidebar.collapsed .menu-title {
  padding: 8px;
}
.pd-layout .sidebar.collapsed .left-icon {
  margin: 0;
}
.pd-layout .sidebar.collapsed .menu-btn {
  padding: 8px;
}
.pd-layout .sidebar.collapsed .menu-item.open .submenu {
  display: none;
}
.pd-layout .sidebar-header {
  height: 36px;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .pd-layout .sidebar-header {
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.pd-layout .sidebar-content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.pd-layout .sidebar-menu-logo {
  height: 28px;
}
.pd-layout {
  /* Botón hamburguesa */
}
.pd-layout .hamburger {
  background: none;
  border: none;
  cursor: pointer;
  align-self: flex-end;
  padding: 8px;
  margin-right: 20px;
}
.pd-layout .hamburger-mobile {
  background: none;
  border: none;
  cursor: pointer;
  align-self: flex-end;
  padding: 8px;
  margin-right: 20px;
}
.pd-layout {
  /* ==== Menu principal ==== */
}
.pd-layout .menu {
  flex: 1;
}
@media screen and (max-width: 767px) {
  .pd-layout .menu {
    margin-top: 24px;
  }
}
.pd-layout .menu-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .pd-layout .menu-item {
    margin-bottom: 16px;
  }
}
.pd-layout .menu-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 9px 16px;
  border-radius: 48px;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
}
.pd-layout .menu-title:hover {
  background-color: var(--pd-color-surface-low);
}
.pd-layout .collapsed .menu-title.active:hover {
  background-color: var(--pd-color-surface-low);
}
.pd-layout .menu-btn {
  display: flex;
  background-color: transparent;
  border: 0;
  padding: 9px 16px;
  margin-bottom: 0;
  cursor: pointer;
  border-radius: 48px;
  justify-content: space-between;
  width: 100%;
}
.pd-layout .menu-btn:hover {
  background-color: var(--pd-color-surface-low);
}
.pd-layout .menu-title-container {
  display: flex;
}
.pd-layout .left-icon {
  margin-right: 10px;
  width: 24px;
  text-align: center;
}
.pd-layout .text {
  flex: 1;
  color: var(--pd-color-border-high);
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
}
.pd-layout .arrow {
  transition: transform 0.2s ease;
}
.pd-layout .menu-item.open .arrow {
  transform: rotate(90deg);
}
.pd-layout .sidebar .menu-item[data-tooltip]::before {
  display: none;
}
.pd-layout .sidebar .menu-item[data-tooltip]::after {
  display: none;
}
.pd-layout .sidebar.collapsed .menu-item[data-tooltip]::before {
  background: var(--pd-color-surface-button-secondary-default);
  color: var(--pd-color-border-high);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  font-weight: 700;
  display: block;
  left: 0;
  bottom: auto;
  transform: translate(54px);
  padding: 8px 12px;
}
.pd-layout .sidebar.collapsed .menu-item[data-tooltip]::after {
  border-top-color: var(--pd-color-surface-button-secondary-default);
  display: block;
  bottom: auto;
  right: -15px;
  top: 15px;
  transform: rotate(90deg);
}
.pd-layout .sidebar.collapsed .menu-title,
.pd-layout .sidebar.collapsed .menu-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.pd-layout {
  /* ==== Submenú ==== */
}
.pd-layout .submenu {
  list-style: none;
  max-height: 0;
  overflow: hidden;
}
.pd-layout .menu-item.open .submenu {
  max-height: 300px;
  width: 100%;
}
.pd-layout .submenu .submenu-item {
  display: block;
  padding: 9px 16px 9px 55px;
  margin: 2px;
  color: var(--pd-color-border-high);
  text-decoration: none;
  border-radius: 48px;
}
.pd-layout .submenu li {
  margin-bottom: 0;
}
.pd-layout .submenu li a:hover {
  background-color: var(--pd-color-surface-low);
}
.pd-layout {
  /* ==== Main layout ==== */
}
.pd-layout .main {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
}
.pd-layout .social-media-container {
  border-top: 1px solid var(--pd-color-surface-interactive-disabled-low);
  padding-top: var(--pd-spacing-l);
}
@media screen and (max-width: 767px) {
  .pd-layout .social-media-container {
    bottom: 24px;
    left: 48px;
    right: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.pd-layout .legal-links {
  display: flex;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .pd-layout .legal-links {
    justify-content: center;
  }
}
.pd-layout .legal-links .text {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .pd-layout .social-icons {
    display: flex;
    justify-content: center;
  }
}
.pd-layout .certificate-logo {
  margin-right: 30px;
  height: 98px;
}
.pd-layout .legal-link {
  text-decoration: none;
  font-family: var(--pd-tipography-button-small-1);
  font-weight: var(--pd-tipography-button-small-1-font-weight);
  font-size: var(--pd-tipography-button-small-1-font-size);
  line-height: var(--pd-tipography-button-small-1-line-height);
  color: var(--pd-color-icon-high);
}
.pd-layout .social-media-list {
  display: flex;
  justify-content: space-between;
}
.pd-layout .sidebar.collapsed .text,
.pd-layout .sidebar.collapsed .arrow,
.pd-layout .sidebar.collapsed .social-media-container {
  display: none;
}
@media screen and (min-width: 768px) {
  .pd-layout .sidebar.collapsed .sidebar-logo {
    display: none;
  }
}
.pd-layout .sidebar.collapsed .sidebar-menu-logo {
  width: 41px;
}
.pd-layout .sidebar.collapsed .hamburger {
  padding: 0;
}

.menu-title.active,
.submenu-item.active {
  background-color: var(--pd-color-surface-low);
}

.collapsed .menu-title.active {
  background-color: transparent;
}

.mobile-menu-open {
  overflow: hidden;
}
.mobile-menu-open .sidebar {
  height: 100vh;
  z-index: 1000;
}
.mobile-menu-open .sidebar-content {
  overflow-y: auto;
}
.mobile-menu-open {
  /*
    .menu {
      overflow: auto;
    }
      */
}.pd-layout__content-wrapper {
  height: 100%;
  overflow-y: auto;
  padding: var(--pd-spacing-2xl) var(--pd-spacing-xl);
}
@media screen and (max-width: 767px) {
  .pd-layout__content-wrapper {
    padding: 85px 24px 100px 24px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .pd-layout__content-wrapper {
    padding-top: 35px;
  }
}

.pd-layout__footer {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
  text-align: center;
  padding: var(--pd-spacing-s) var(--pd-spacing-l);
  border-top: 1px solid var(--pd-color-surface-interactive-disabled-low);
  background-color: var(--pd-color-surface-button-secondary-default);
}
@media screen and (max-width: 767px) {
  .pd-layout__footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: var(--zindex-footer);
  }
}:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &:only-child {
    display: none !important;
  }
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
  }
  .swiper-rtl & .swiper-pagination-progressbar-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}
/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
.swiper-wrapper {
  align-items: stretch;
}

.swiper-slide {
  height: auto;
  display: flex;
}

.swiper-button-hidden {
  display: none;
}

.swiper-pagination-hidden {
  display: none;
}.dashboard {
  overflow: hidden;
}
.dashboard [data-tooltip] {
  --inner-background-color: var(--pd-color-surface-inverse);
  --inner-text-color: var(--pd-color-text-interactive-default);
  --inner-max-width: 240px;
}

.dashboard__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-flow: row wrap;
  margin-bottom: var(--pd-spacing-3xl);
}
@media screen and (min-width: 768px) {
  .dashboard__header {
    margin-bottom: var(--pd-spacing-4xl);
  }
}

.dashboard__title {
  font-family: var(--pd-tipography-headline-4);
  font-weight: var(--pd-tipography-headline-4-font-weight);
  font-size: var(--pd-tipography-headline-4-font-size);
  line-height: var(--pd-tipography-headline-4-line-height);
  color: var(--pd-tipography-headline-4-color);
}

.dashboard__date {
  font-family: var(--pd-tipography-subtitle-2);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  color: var(--pd-tipography-subtitle-2-color);
}

.dashboard__content .table__body .table__row--clickable:hover {
  cursor: pointer;
}

.dashboard__content--empty .dashboard__content-title {
  font-family: var(--pd-tipography-headline-6);
  font-weight: var(--pd-tipography-headline-6-font-weight);
  font-size: var(--pd-tipography-headline-6-font-size);
  line-height: var(--pd-tipography-headline-6-line-height);
  color: var(--pd-tipography-headline-6-color);
  text-align: center;
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--empty .dashboard__content-title-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 64px;
  height: 64px;
  background-color: var(--pd-color-surface-low);
  border-radius: 8px;
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--empty .dashboard__content-title-icon .pd-icon {
  --pdc-icon-color: var(--pd-color-surface-inverse);
}
.dashboard__content--empty .dashboard__content-text,
.dashboard__content--empty .dashboard__content-contact,
.dashboard__content--empty .dashboard__content-schedule,
.dashboard__content--empty .dashboard__content-form {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  text-align: center;
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--empty .dashboard__content-contact {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: var(--pd-spacing-s);
}
.dashboard__content--empty .dashboard__content-contact .pd-button--link {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  column-gap: var(--pd-spacing-s);
}
.dashboard__content--empty .dashboard__content-form p {
  margin-bottom: var(--pd-spacing-m);
}

.dashboard__content--cae .card {
  display: flex;
  flex-flow: row nowrap;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  column-gap: var(--pd-spacing-m);
  padding: var(--pd-spacing-sm) var(--pd-spacing-l);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-card);
}
.dashboard__content--cae .card.card--disabled .card__icon {
  background-color: var(--pd-color-surface-medium);
}
.dashboard__content--cae .card.card--disabled .pd-icon {
  --pdc-icon-color: var(--pd-color-icon-interactive-disabled);
}
.dashboard__content--cae .card.card--disabled h3,
.dashboard__content--cae .card.card--disabled .number span {
  color: var(--pd-color-text-interactive-disabled);
}
.dashboard__content--cae .card.card--clickable {
  cursor: pointer;
}
.dashboard__content--cae .card .card__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.dashboard__content--cae .card .card__content h3 {
  margin-top: 6px;
}
.dashboard__content--cae .card .card__icon {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: var(--pd-color-surface-low);
  border-radius: var(--pd-radius-card);
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--cae .card .card__icon .pd-icon {
  --pdc-icon-color: var(--pd-color-icon-high);
}
.dashboard__content--cae .card .card__icon.card__icon--empty span.pd-icon {
  opacity: 0;
}
.dashboard__content--cae .card .card__icon--warning {
  background-color: var(--pd-color-status-error-low);
}
.dashboard__content--cae .card .card__icon--alert {
  background-color: #ff6a72;
}
.dashboard__content--cae .card .card__icon--alert .pd-icon {
  --pdc-icon-color: var(--pd-color-icon-interactive-inverse);
}
.dashboard__content--cae .card .card__icon--success {
  background-color: var(--pd-color-status-success-low);
}
.dashboard__content--cae .card h3 {
  font-family: var(--pd-tipography-subtitle-1);
  font-weight: var(--pd-tipography-subtitle-1-font-weight);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  color: var(--pd-tipography-subtitle-1-color);
}
.dashboard__content--cae .card .number {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}
.dashboard__content--cae .card .number span {
  display: block;
  font-family: var(--pd-tipography-headline-3);
  font-weight: var(--pd-tipography-headline-3-font-weight);
  font-size: var(--pd-tipography-headline-3-font-size);
  line-height: var(--pd-tipography-headline-3-line-height);
  color: var(--pd-tipography-headline-3-color);
}
.dashboard__content--cae .card .number--inline {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-end;
  column-gap: var(--pd-spacing-s);
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
}
.dashboard__content--cae .card .percentage {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  width: 100%;
  column-gap: var(--pd-spacing-s);
}
.dashboard__content--cae .card .percentage p {
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
}
.dashboard__content--cae .card .percentage .pd-badge {
  margin-left: auto;
}
.dashboard__content--cae .row {
  display: grid;
  gap: var(--pd-spacing-m);
  margin-bottom: var(--pd-spacing-m);
}
.dashboard__content--cae .row--cards {
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
}
.dashboard__content--cae .row--carousel {
  display: block;
}
.dashboard__content--cae .row--two-columns-left-large:not(.row--mobile-stack) {
  grid-template-columns: 1fr;
}
@media screen and (min-width: 768px) {
  .dashboard__content--cae .row--two-columns-left-large:not(.row--mobile-stack) {
    grid-template-columns: 2fr 1fr;
  }
}
.dashboard__content--cae .row--mobile-stack {
  grid-template-columns: 2fr 1fr;
}
@media screen and (max-width: 767px) {
  .dashboard__content--cae .row--mobile-stack {
    grid-template-columns: 1fr;
  }
}
.dashboard__content--cae .row--two-columns-equal {
  grid-template-columns: 1fr 1fr;
}
.dashboard__content--cae .column--cards {
  display: flex;
  flex-direction: column;
  row-gap: var(--pd-spacing-s);
}
.dashboard__content--cae .column--table {
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  padding: var(--pd-spacing-l);
  border-radius: var(--pd-radius-card);
}
.dashboard__content--cae .column--info {
  padding: var(--pd-spacing-ml);
  border-radius: var(--pd-radius-card);
  background-color: var(--pd-color-surface-low);
  text-align: center;
}
.dashboard__content--cae .column--info h3 {
  font-family: var(--pd-tipography-headline-6);
  font-weight: var(--pd-tipography-headline-6-font-weight);
  font-size: var(--pd-tipography-headline-6-font-size);
  line-height: var(--pd-tipography-headline-6-line-height);
  color: var(--pd-tipography-headline-6-color);
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--cae .column--info p {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  margin-bottom: var(--pd-spacing-xl);
}
.dashboard__content--cae .table-title h3 {
  font-family: var(--pd-tipography-subtitle-2);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  color: var(--pd-tipography-subtitle-2-color);
}
.dashboard__content--cae .table-title p {
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
  margin-bottom: var(--pd-spacing-s);
}
.dashboard__content--cae th.table__cell--sticky-right,
.dashboard__content--cae td.table__cell--sticky-right {
  width: 1%;
  white-space: nowrap;
  text-align: right;
}
.dashboard__content--cae .table--providers-community .table__row:not(.table__row--header):first-child .table__cell {
  font-weight: 700;
}
.dashboard__content--cae .table__row:hover .table__cell--interactive {
  text-decoration: underline;
}

.dashboard__content--cae .tabs-content {
  padding: var(--pd-spacing-m);
}.legal-content {
  overflow-y: auto;
  height: 100%;
  padding: 0 20px;
}
.legal-content h2 {
  font-weight: 500;
  line-height: 1.2;
  font-size: 2rem;
  margin-left: 15px;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.legal-content h5 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.legal-content p {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}
.legal-content ul {
  padding-left: 40px;
}
.legal-content li {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}
.legal-content a {
  color: var(--pd-color-text-button-link-default);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}
.legal-content .table-bordered th, .legal-content .table-bordered td {
  border: 1px solid #dee2e6;
}
.legal-content .table th {
  color: var(--pd-color-text-button-link-default);
  padding: 0.75rem;
  vertical-align: middle;
  text-align: center;
}
.legal-content .table td {
  padding: 0.75rem;
  vertical-align: middle;
}
.legal-content .table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.legal-content .bg-dark {
  background-color: #343a40;
}
.legal-content .text-white {
  color: #fff;
}
.legal-content .pt-2, .legal-content .py-2 {
  padding-top: 0.5rem;
}
.legal-content .table-container {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}
.legal-content .table-container table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
}.login .reset-password {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.login .reset-password .nif-input {
  width: 100%;
}
.login .reset-password .login__button {
  margin-bottom: var(--pd-spacing-ml);
}
.login .reset-password .login__button .pd-button {
  width: 100%;
}
.login .reset-password .pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login .reset-password .pd-alert {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login .reset-password .login__sign-in {
  display: flex;
  align-items: center;
  margin-bottom: 80px;
}
.login .reset-password .login__sign-in .login__sign-in-text {
  color: var(--pd-color-text-medium);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-right: 5px;
  margin-bottom: 0;
}
.login .reset-password .login__sign-in .login__sign-in-text .pd-button {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
}
.login .reset-password .reset-password__title {
  font-family: var(--pd-tipography-headline-5);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  color: var(--pd-tipography-headline-5-color);
  margin-bottom: var(--pd-spacing-m);
}
@media screen and (min-width: 768px) {
  .login .reset-password .reset-password__title {
    font-family: var(--pd-tipography-headline-4);
    font-weight: var(--pd-tipography-headline-4-font-weight);
    font-size: var(--pd-tipography-headline-4-font-size);
    line-height: var(--pd-tipography-headline-4-line-height);
    color: var(--pd-tipography-headline-4-color);
    margin-bottom: var(--pd-spacing-ml);
  }
}
.login .reset-password .reset-password__info {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-tipography-body-1-color);
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (min-width: 768px) {
  .login .reset-password .reset-password__info {
    font-family: var(--pd-tipography-subtitle-2);
    font-weight: var(--pd-tipography-subtitle-2-font-weight);
    font-size: var(--pd-tipography-subtitle-2-font-size);
    line-height: var(--pd-tipography-subtitle-2-line-height);
    color: var(--pd-tipography-subtitle-2-color);
    margin-bottom: var(--pd-spacing-l);
  }
}
.login .reset-password form {
  width: 100%;
}.login {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: var(--pd-spacing-l) var(--pd-spacing-sm) 0;
  background-color: var(--pd-color-white);
  background-image: url("/assets/login-bg-82a5d2a5.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}
@media screen and (min-width: 768px) {
  .login {
    background-size: 100%;
  }
}
.login .loginform {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 580px;
  width: 100%;
  padding: var(--pd-size-icon-3xl) var(--pd-size-icon-l) var(--pd-size-icon-2xl);
  margin-bottom: var(--pd-spacing-xs);
  background: var(--pd-color-surface-button-secondary-default);
  box-shadow: var(--pd-dropshadow-01);
  border-radius: 45px;
}
@media screen and (min-width: 768px) {
  .login .loginform {
    padding: var(--pd-size-icon-3xl) 70px var(--pd-size-icon-2xl);
    border-radius: 48px;
    margin-bottom: var(--pd-spacing-sm);
  }
}
.login .loginform img {
  width: 120px;
  margin-bottom: var(--pd-spacing-l);
}
.login .loginform .login__form {
  width: 100%;
}
.login .loginform .login__form .password-input .pd-input {
  margin-bottom: var(--pd-spacing-xs);
}

.login:not(.login--employees) {
  /* Creamos un elemento invisible al final para simular el padding-bottom */
}
.login:not(.login--employees)::after {
  content: "";
  display: block;
  min-height: var(--pd-spacing-4xl);
  width: 100%;
  flex-shrink: 0; /* Obligatorio para que no desaparezca */
}

.login .nif-input {
  width: 100%;
}
.login .password-input {
  width: 100%;
}
.login .login__forget-password {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (min-width: 768px) {
  .login .login__forget-password {
    flex-direction: row;
  }
}
.login .login__forget-password .pd-checkbox {
  margin-bottom: 0;
}
.login .pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login .pd-alert {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login .login__privacy-policy {
  display: flex;
  flex-flow: row nowrap;
  column-gap: var(--pd-spacing-xxs);
  margin-bottom: var(--pd-spacing-sm);
}
.login .login__privacy-policy .pd-button--link {
  font-weight: var(--pd-tipography-body-2-font-weight);
}
.login .login__privacy-policy .pd-checkbox {
  flex-flow: row nowrap;
  flex-shrink: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .login .login__privacy-policy a {
    font-size: var(--pd-tipography-body-2-font-size);
  }
}
.login .login__button {
  margin-bottom: 18%;
}
.login .login__button .pd-button {
  width: 100%;
}
.login .login__privacy-policy-text {
  color: var(--pd-color-text-medium);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .login .login__privacy-policy-text {
    text-align: center;
  }
}
.login .login__privacy-policy-text .pd-button {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
}
.login .login__help {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.login .login__help .login__help-inner {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.login .login__help .pd-button {
  font-size: var(--pd-tipography-body-1-font-size);
}
.login .login__help .pd-button:first-child {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.login .login__help .pd-button:first-child::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--pd-color-text-button-link-hover);
}
.login .login__footer {
  display: flex;
  justify-content: center;
  flex-flow: row wrap;
  column-gap: var(--pd-spacing-l);
}
.login .login__footer .pd-button {
  font-size: var(--pd-tipography-body-1-font-size);
  color: var(--pd-color-surface-button-secondary-default);
}
.login .login__footer ul {
  display: flex;
  gap: 32px;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .login .login__footer ul {
    gap: 20px 32px;
    justify-content: center;
    margin-top: var(--pd-spacing-sm);
  }
}

.exceeded-requests-modal .pd-modal article {
  padding: var(--pd-spacing-xl);
}.login--employees {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  padding: 0;
  background-image: url("/assets/login-img-side-138c843f.png");
  background-repeat: no-repeat;
  background-position: left;
  background-size: cover;
}
@media screen and (min-width: 1200px) {
  .login--employees {
    flex-direction: row;
    background-image: none;
    padding: var(--pd-spacing-xl);
    column-gap: 40px;
    box-sizing: border-box;
  }
}
.login--employees ul {
  justify-content: center;
}
.login--employees .login-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .login--employees .login-inner {
    padding: 40px 140px;
  }
}
@media screen and (min-width: 1200px) {
  .login--employees .login-inner {
    flex: 1;
    padding: 0;
    overflow-y: auto;
  }
  .login--employees .login-inner::-webkit-scrollbar {
    width: 6px;
  }
  .login--employees .login-inner::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px;
  }
}
.login--employees .loginform {
  box-shadow: none;
  width: 100%;
  max-width: 464px;
}
@media screen and (min-width: 1200px) {
  .login--employees .loginform {
    width: 464px;
    margin-top: auto;
  }
}
@media screen and (max-width: 991px) {
  .login--employees .loginform img {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.login--employees .login-employee__title {
  font-family: "inter";
  font-size: var(--pd-tipography-headline-4-font-size);
  line-height: var(--pd-tipography-headline-4-line-height);
  margin-bottom: var(--pd-spacing-ml);
  text-align: center;
}
@media screen and (max-width: 991px) {
  .login--employees .login-employee__title {
    font-size: var(--pd-tipography-headline-5-font-size);
  }
}
.login--employees form {
  width: 100%;
}
.login--employees .user-input,
.login--employees .password-input {
  width: 100%;
}
.login--employees .login__forget-password {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 991px) {
  .login--employees .login__forget-password {
    flex-direction: column;
  }
}
@media screen and (max-width: 991px) {
  .login--employees .login__forget-password .pd-checkbox {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login--employees .login__button {
  margin-bottom: var(--pd-spacing-sm);
}
.login--employees .login__button .pd-button {
  width: 100%;
}
.login--employees .pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 991px) {
  .login--employees .pd-alert {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login--employees .login__footer {
  margin-bottom: auto;
  margin-top: 40px;
  padding-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (min-width: 1200px) {
  .login--employees .login__footer {
    gap: 0 32px;
    width: 488px;
  }
}
.login--employees .login__footer .pd-button {
  color: var(--pd-color-surface-button-secondary-default);
}
@media screen and (min-width: 1200px) {
  .login--employees .login__footer .pd-button {
    color: var(--pd-color-text-button-primary-default);
  }
}
.login--employees .login__img {
  display: none;
}
@media screen and (min-width: 1200px) {
  .login--employees .login__img {
    display: block;
    flex: 1;
    height: 100%;
    background-image: url("/assets/login-img-side-138c843f.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 48px;
    overflow: hidden;
  }
}.login--impersonate-client {
  justify-content: flex-start;
  align-items: center;
  background-image: none;
  background-color: var(--pd-color-surface-low);
  padding: var(--pd-spacing-xl) var(--pd-spacing-ml);
  min-height: 100vh;
  height: auto;
}
@media screen and (min-width: 768px) {
  .login--impersonate-client {
    justify-content: center;
  }
}
.login--impersonate-client .login__logo {
  max-width: 282px;
  margin: 0 auto var(--pd-spacing-xl);
}
@media screen and (min-width: 768px) {
  .login--impersonate-client .login__logo {
    max-width: 350px;
    margin: 0 auto var(--pd-spacing-4xl);
  }
}
.login--impersonate-client .login__logo img {
  max-width: 100%;
  height: auto;
}
.login--impersonate-client .loginform {
  padding: 40px;
  border-radius: 12px;
  max-width: 440px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}
.login--impersonate-client .loginform form {
  width: 100%;
}
.login--impersonate-client .searcher-container .text {
  color: var(--pd-color-text-medium);
}
.login--impersonate-client .title {
  font-family: var(--pd-tipography-headline-6);
  font-size: var(--pd-tipography-headline-6-font-size);
  font-weight: var(--pd-tipography-headline-6-font-weight);
  line-height: var(--pd-tipography-headline-6-line-height);
  margin-bottom: var(--pd-spacing-m);
}
.login--impersonate-client .text {
  font-family: var(--pd-tipography-body-2);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-bottom: var(--pd-spacing-m);
}
.login--impersonate-client .login__button {
  margin-bottom: var(--pd-spacing-sm);
}
.login--impersonate-client .login__button .pd-button {
  width: 100%;
}
.login--impersonate-client .button-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  margin-top: var(--pd-spacing-xl);
}
@media screen and (min-width: 768px) {
  .login--impersonate-client .button-group {
    flex-direction: row-reverse;
  }
}
.login--impersonate-client .pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login--impersonate-client .pd-alert {
    margin-bottom: var(--pd-spacing-m);
  }
}

.login.login--impersonate-client::after {
  min-height: 80px;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  margin-left: -4px;
  position: absolute;
  width: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px;
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  top: 0;
  margin-top: -8px;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  border-top: none;
  border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
  top: 0;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae;
}

.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  bottom: 0;
  margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  border-bottom: none;
  border-top-color: #fff;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
  bottom: 0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
  bottom: -1px;
  border-top-color: #aeaeae;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
}

.react-datepicker--time-only .react-datepicker__triangle {
  left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker__triangle {
  position: absolute;
  left: 50px;
}

.react-datepicker-popper {
  z-index: 1;
}
.react-datepicker-popper[data-placement^=bottom] {
  padding-top: 10px;
}
.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
  left: auto;
  right: 50px;
}
.react-datepicker-popper[data-placement^=top] {
  padding-bottom: 10px;
}
.react-datepicker-popper[data-placement^=right] {
  padding-left: 8px;
}
.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
  left: auto;
  right: 42px;
}
.react-datepicker-popper[data-placement^=left] {
  padding-right: 8px;
}
.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
  left: 42px;
  right: auto;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: #a6a6a6;
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,
.react-datepicker__week-number--keyboard-selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__week-number--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #2a87d0;
  color: #fff;
}
.react-datepicker__week-number--keyboard-selected:hover {
  background-color: #1d5d90;
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover,
.react-datepicker__year-text:hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover,
.react-datepicker__year-text--highlighted:hover {
  background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .holiday-overlay,
.react-datepicker__month-text--holidays .holiday-overlay,
.react-datepicker__quarter-text--holidays .holiday-overlay,
.react-datepicker__year-text--holidays .holiday-overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:hover,
.react-datepicker__month-text--holidays:hover,
.react-datepicker__quarter-text--holidays:hover,
.react-datepicker__year-text--holidays:hover {
  background-color: #cf5300;
}
.react-datepicker__day--holidays:hover .holiday-overlay,
.react-datepicker__month-text--holidays:hover .holiday-overlay,
.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
.react-datepicker__year-text--holidays:hover .holiday-overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__quarter-text--selected:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__year-text--selected:hover,
.react-datepicker__year-text--in-selecting-range:hover,
.react-datepicker__year-text--in-range:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: #bad9f1;
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover,
.react-datepicker__year-text--keyboard-selected:hover {
  background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover,
.react-datepicker__year-text--disabled:hover {
  background-color: transparent;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3;
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.login.new-password .new-password__title {
  font-family: "inter";
  font-size: var(--pd-tipography-headline-4-font-size);
  line-height: var(--pd-tipography-headline-4-line-height);
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login.new-password .new-password__title {
    font-size: var(--pd-tipography-headline-5-font-size);
  }
}
.login.new-password .login__privacy-policy {
  flex-wrap: wrap;
  margin-bottom: var(--pd-spacing-xl);
}
.login.new-password .helper-text {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
  margin-bottom: var(--pd-spacing-sm);
}
.login.new-password .helper-text .pd-button--link {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
  color: var(--pd-color-text-button-link-default);
  line-height: var(--pd-tipography-caption-1-line-height);
  height: auto;
}.login--register .loginform img {
  margin-bottom: var(--pd-spacing-l);
}
.login--register .nif-input {
  width: 100%;
  margin-bottom: 0;
}
.login--register .helper-text {
  margin-bottom: var(--pd-spacing-sm);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  padding: 0 12px;
}
.login--register .password-input {
  width: 100%;
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login--register .password-input {
    margin-bottom: var(--pd-spacing-sm);
  }
}
.login--register .login__button {
  margin-bottom: var(--pd-spacing-sm);
}
.login--register .login__button .pd-button {
  width: 100%;
}
.login--register .login__forget-password {
  display: flex;
  justify-content: space-between;
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login--register .login__forget-password {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .login--register .login__forget-password .pd-checkbox {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login--register .pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}
@media screen and (max-width: 767px) {
  .login--register .pd-alert {
    margin-bottom: var(--pd-spacing-m);
  }
}
.login--register .login__privacy-policy {
  display: flex;
  align-items: center;
  margin-bottom: var(--pd-spacing-3xl);
}
@media screen and (max-width: 767px) {
  .login--register .login__privacy-policy {
    margin-bottom: 80px;
    flex-direction: column;
  }
}
.login--register .login__privacy-policy .login__privacy-policy-text {
  color: var(--pd-color-text-medium);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .login--register .login__privacy-policy .login__privacy-policy-text {
    text-align: center;
  }
}
.login--register .login__privacy-policy .login__privacy-policy-text .pd-button {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
}
.login--register .login__help {
  position: absolute;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .login--register .login__help {
    position: relative;
  }
}
.login--register .login__help .text {
  margin-bottom: var(--pd-spacing-s);
}
.login--register .login__help .pd-button:first-child {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.login--register .login__help .pd-button:first-child::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  height: 100%;
  background-color: var(--pd-color-text-button-link-hover);
}
.login--register .login__footer {
  display: flex;
  gap: 32px;
}
@media screen and (max-width: 767px) {
  .login--register .login__footer {
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 var(--pd-spacing-sm);
    gap: 5px 32px;
  }
}
.login--register .login__footer .pd-button {
  color: var(--pd-color-surface-button-secondary-default);
}
.login--register form {
  width: 100%;
}.pd-removable-list {
  --inner-icon-delete: url("data:image/svg+xml,<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M9.86523 2.01251C9.6437 2.0372 9.47482 2.0876 9.25153 2.1957C8.80607 2.41135 8.49101 2.75072 8.29961 3.22104C8.1831 3.50734 8.17546 3.58163 8.16493 4.53056L8.15525 5.40398H5.33802C2.62341 5.40398 2.51706 5.40539 2.419 5.44265C2.20392 5.52438 2.05024 5.70648 2.01089 5.92623C1.95791 6.22219 2.10113 6.49634 2.37732 6.62752L2.48969 6.68091L3.43903 6.69112L4.38839 6.70134L4.95351 13.4742C5.26434 17.1992 5.53348 20.3372 5.55162 20.4474C5.61316 20.8213 5.77742 21.1391 6.05487 21.421C6.3387 21.7094 6.65605 21.8891 7.0205 21.9677C7.1791 22.002 7.46648 22.0041 12.0105 22.0041C17.3479 22.0041 16.9166 22.0147 17.2825 21.8737C17.5885 21.7556 17.963 21.4601 18.1474 21.1909C18.3139 20.948 18.4358 20.6255 18.4677 20.3441C18.475 20.2795 18.7355 17.1834 19.0465 13.464L19.6121 6.70134L20.5615 6.69112L21.5108 6.68091L21.6232 6.62752C22.1449 6.3797 22.1191 5.64692 21.5815 5.44265C21.4835 5.40539 21.3771 5.40398 18.6625 5.40398H15.8453L15.8356 4.53056C15.8251 3.58163 15.8174 3.50734 15.7009 3.22104C15.511 2.75428 15.1932 2.41137 14.7514 2.19635C14.6373 2.14082 14.4658 2.07489 14.3702 2.04986C14.1966 2.00434 14.1964 2.00434 12.1024 2.00046C10.9506 1.99834 9.94389 2.00377 9.86523 2.01251ZM9.91206 3.30781C9.73176 3.35636 9.55863 3.51471 9.48947 3.6944C9.46168 3.76659 9.45569 3.90486 9.45063 4.59185L9.44464 5.40398H12.0003H14.5559L14.5499 4.59185C14.5433 3.7001 14.542 3.68958 14.4151 3.52936C14.3293 3.42108 14.2066 3.33975 14.0793 3.30669C13.9288 3.26766 10.0574 3.26871 9.91206 3.30781ZM5.68154 6.75752C5.6852 6.79403 5.93584 9.79815 6.23857 13.4333C6.54127 17.0685 6.79797 20.1011 6.80898 20.1724C6.83591 20.3467 6.90637 20.4746 7.03241 20.5781C7.22951 20.74 6.80091 20.7271 12.0003 20.7271C17.1996 20.7271 16.771 20.74 16.9681 20.5781C17.0942 20.4746 17.1646 20.3466 17.1915 20.1724C17.2025 20.1011 17.4592 17.0685 17.7619 13.4333C18.0646 9.79815 18.3153 6.79403 18.3189 6.75752L18.3256 6.69112H12.0003H5.6749L5.68154 6.75752ZM9.84278 9.92055C9.71705 9.96891 9.56958 10.1087 9.5042 10.2414L9.45661 10.338V13.7091V17.0802L9.51104 17.1824C9.5811 17.3139 9.6957 17.4236 9.82437 17.4824C9.96978 17.5488 10.2145 17.5489 10.3493 17.4825C10.4827 17.4168 10.6052 17.2913 10.6692 17.1549L10.7233 17.0394L10.7293 13.7909C10.7334 11.4868 10.7286 10.5037 10.7126 10.4095C10.644 10.0063 10.2279 9.77241 9.84278 9.92055ZM13.664 9.9259C13.4498 10.0278 13.3261 10.1873 13.2878 10.4111C13.272 10.5037 13.2671 11.4976 13.2713 13.7909L13.2772 17.0394L13.3314 17.1549C13.3953 17.2913 13.5178 17.4168 13.6512 17.4825C13.786 17.5489 14.0307 17.5488 14.1761 17.4824C14.3048 17.4236 14.4194 17.3139 14.4895 17.1824L14.5439 17.0802V13.7091V10.338L14.4982 10.2453C14.4389 10.125 14.3078 9.99363 14.1888 9.93528C14.045 9.86473 13.8018 9.8604 13.664 9.9259Z' fill='%23221919'/></svg>");
  list-style: none;
  padding: 0;
  margin: 0;
}

.pd-removable-list__item {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  padding: var(--pd-spacing-xs) var(--pd-spacing-s);
  border: 1px solid var(--pd-color-icon-button-secondary-disabled);
  border-radius: var(--pd-radius-card);
}
.pd-removable-list__item + .pd-removable-list__item {
  margin-top: var(--pd-spacing-xs);
}

.pd-removable-list__text {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}
.pd-removable-list__text strong {
  display: block;
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
}

.pd-removable-list__remove {
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  line-height: 0;
  width: var(--pdc-input-icon-width);
  height: var(--pdc-input-icon-height);
  cursor: pointer;
  background-color: var(--pd-color-icon-high);
  mask-image: var(--inner-icon-delete);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}

.pd-removable-list__remove:hover {
  color: var(--pd-color-status-error);
}

.pd-removable-list__remove:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus);
  border-radius: 4px;
}.community-card {
  max-width: 380px;
  height: fit-content;
  border: 1px solid var(--pd-color-border-medium);
  border-radius: var(--pd-radius-modal);
  padding: var(--pd-spacing-sm) var(--pd-spacing-ml);
  background: var(--pd-color-surface-button-secondary-default, #fff);
  cursor: pointer;
}
.community-card > button {
  all: unset;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.community-card__header {
  display: flex;
  align-items: flex-start;
  gap: var(--pd-spacing-s, 0.75rem);
  margin-bottom: var(--pd-spacing-xs, 0.5rem);
}
.community-card__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: var(--pd-color-surface-low);
  color: var(--pd-color-icon-high);
}
.community-card__title {
  color: var(--pd-color-text-high);
  line-height: 22px;
  font-size: var(--pd-tipography-subtitle-1-font-size);
  font-weight: 500;
  font-family: var(--pd-tipography-subtitle-1);
  margin: 0;
}
.community-card__subtitle {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-spacing-s, 0.75rem);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-low);
  margin: 0 0 var(--pd-spacing-s, 0.75rem);
}
.community-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-spacing-xs, 0.375rem);
  margin-bottom: var(--pd-spacing-m, 1rem);
}
.community-card__footer {
  display: flex;
  align-items: center;
  gap: var(--pd-spacing-m, 1rem);
  padding-top: var(--pd-spacing-s, 0.75rem);
  border-top: 1px solid var(--pd-color-border-medium);
  width: 100%;
}
.community-card__footer-item {
  display: flex;
  align-items: center;
  gap: var(--pd-spacing-xs, 0.375rem);
  font-size: var(--pd-tipography-body-2-font-size);
  color: var(--pd-color-text-high);
}
.community-card__footer-divider {
  width: 1px;
  height: 1rem;
  background: var(--pd-color-border-medium);
}
.community-card .color-disabled-low {
  color: var(--pd-color-text-interactive-disabled-low);
}

.mobile-communities-search {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%;
}
.mobile-communities-search__title {
  font-family: var(--pd-tipography-subtitle-1);
  font-weight: var(--pd-tipography-subtitle-1-font-weight);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  color: var(--pd-tipography-subtitle-1-color);
  text-align: center;
}
.mobile-communities-search__section-label {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-color-text-high);
}
.mobile-communities-search__cards {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.s1-subtitle {
  font-family: var(--pd-tipography-subtitle-1);
  font-weight: var(--pd-tipography-subtitle-1-font-weight);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  color: var(--pd-tipography-subtitle-1-color);
  color: var(--pd-color-text-high);
  text-align: center;
  margin-bottom: 16px;
}

.last-consulted {
  margin: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.last-consulted .communities-search__section-label {
  font-family: var(--pd-tipography-body-1);
  font-weight: var(--pd-tipography-body-1-font-weight);
  font-size: var(--pd-tipography-body-1-font-size);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-tipography-body-1-color);
}
.last-consulted ul {
  display: flex;
  flex-direction: column;
  gap: 12px;
}:root {
  /* Color Specific Token - Buttons - colorFormatter */
  --pd-color-surface-button-primary-default: #fcab26;
  --pd-color-surface-button-primary-hover: #ffd645;
  --pd-color-surface-button-primary-active: #da6205;
  --pd-color-surface-button-primary-disabled: #fff9eb;
  --pd-color-text-button-primary-default: #221919;
  --pd-color-text-button-primary-disabled: #f4a87d;
  --pd-color-icon-button-primary-disabled: #f4a87d;
  --pd-color-surface-button-secondary-default: #ffffff;
  --pd-color-surface-button-secondary-hover: #fff9eb;
  --pd-color-surface-button-secondary-active: #feeed4;
  --pd-color-surface-button-secondary-disabled: #ffffff;
  --pd-color-text-button-secondary-default: #451303;
  --pd-color-text-button-secondary-default-high: #451303;
  --pd-color-text-button-secondary-disabled: #726c6c;
  --pd-color-icon-button-secondary-default: #451303;
  --pd-color-icon-button-secondary-disabled: #aeabab;
  --pd-color-border-button-secondary-default: #451303;
  --pd-color-border-button-secondary-disabled: #c2c0c0;
  --pd-color-surface-button-tertiary-default: #ffffff;
  --pd-color-surface-button-tertiary-hover: #fff9eb;
  --pd-color-surface-button-tertiary-active: #feeed4;
  --pd-color-surface-button-tertiary-disabled: #ffffff;
  --pd-color-text-button-tertiary-default: #451303;
  --pd-color-text-button-tertiary-default-high: #da6205;
  --pd-color-text-button-tertiary-disabled: #726c6c;
  --pd-color-icon-button-tertiary-default: #451303;
  --pd-color-icon-button-tertiary-disabled: #868181;
  --pd-color-surface-button-cta-default: #ed703a;
  --pd-color-surface-button-cta-hover: #ea5925;
  --pd-color-surface-button-cta-active: #db401b;
  --pd-color-surface-button-cta-disabled: #fff8f5;
  --pd-color-text-button-cta-default: #221919;
  --pd-color-text-button-cta-disabled: #ea5925;
  --pd-color-icon-button-cta-default: #362d2d;
  --pd-color-icon-button-cta-disabled: #f4a87d;
  --pd-color-surface-button-ghost-hover: #fdc14c;
  --pd-color-surface-button-ghost-active: #fdcd7d;
  --pd-color-border-button-ghost-default: #362d2d;
  --pd-color-border-button-ghost-disabled: #ffffff;
  --pd-color-text-button-ghost-default: #221919;
  --pd-color-text-button-ghost-disabled: #feeed4;
  --pd-color-icon-button-ghost-default: #362d2d;
  --pd-color-icon-button-ghost-disabled: #f5f5f5;
  --pd-color-text-button-link-default: #b54208;
  --pd-color-text-button-link-hover: #da6205;
  --pd-color-text-button-link-active: #da6205;
  --pd-color-text-button-link-disabled: #726c6c;
  --pd-color-icon-button-link-default: #b54208;
  --pd-color-icon-button-link-hover: #da6205;
  --pd-color-icon-button-link-active: #da6205;
  --pd-color-icon-button-link-disabled: #726c6c;
  --pd-border-card-default-desktop: #e1e1e1;
  /* Color Semantic Token - colorFormatter */
  --pd-color-text-low: #726c6c;
  --pd-color-text-medium: #5e5757;
  --pd-color-text-high: #221919;
  --pd-color-text-interactive-default: #221919;
  --pd-color-text-interactive-hover: #726c6c;
  --pd-color-text-interactive-active: #b54208;
  --pd-color-text-interactive-selected: #da6205;
  --pd-color-text-interactive-disabled: #726c6c;
  --pd-color-text-interactive-disabled-low: #868181;
  --pd-color-text-interactive-selected-inverse: #ffffff;
  --pd-color-border-inverse: #ffffff;
  --pd-color-border-medium: #aeabab;
  --pd-color-border-high: #4a4242;
  --pd-color-border-interactive-default: #9a9696;
  --pd-color-border-interactive-default-high: #4a4242;
  --pd-color-border-interactive-hover: #fdc14c;
  --pd-color-border-interactive-active: #fcab26;
  --pd-color-border-interactive-selected: #da6205;
  --pd-color-border-interactive-focus-high: #da6205;
  --pd-color-border-interactive-focus: #fcab26;
  --pd-color-border-interactive-focus-low: #fedda8;
  --pd-color-border-interactive-disabled: #9a9696;
  --pd-color-surface-inverse: #ffffff;
  --pd-color-surface-low: #f2e9e2;
  --pd-color-surface-medium: #f5f5f5;
  --pd-color-surface-high: #221919;
  --pd-color-surface-interactive-disabled: #aeabab;
  --pd-color-surface-interactive-disabled-low: #eaeaea;
  --pd-color-surface-interactive-default: #9a9696;
  --pd-color-surface-interactive-default-hover: #726c6c;
  --pd-color-surface-interactive-hover: #fff9eb;
  --pd-color-surface-interactive-selected: #fcab26;
  --pd-color-surface-interactive-selected-hover: #b54208;
  --pd-color-surface-interactive-selected-disabled: #feeed4;
  --pd-color-surface-modal-default: rgba(34, 25, 25, .800000011920929);
  --pd-color-icon-low: #726c6c;
  --pd-color-icon-high: #221919;
  --pd-color-icon-interactive-default: #b54208;
  --pd-color-icon-interactive-default-high: #4a4242;
  --pd-color-icon-interactive-selected-disabled: #726c6c;
  --pd-color-icon-interactive-disabled: #868181;
  --pd-color-icon-interactive-hover: #f4a87d;
  --pd-color-icon-interactive-active: #ea5925;
  --pd-color-icon-interactive-inverse: #ffffff;
  --pd-color-status-success-low: #d6fad0;
  --pd-color-status-success: #1bad40;
  --pd-color-status-success-high: #0d7c3f;
  --pd-color-status-warning-low: #fbefcb;
  --pd-color-status-warning: #eb983f;
  --pd-color-status-warning-high: #874503;
  --pd-color-status-info-low: #c9ebfc;
  --pd-color-status-info: #015fc4;
  --pd-color-status-info-high: #00368d;
  --pd-color-status-error-low: #fce1d5;
  --pd-color-status-error: #cc2e36;
  --pd-color-status-error-high: #921733;
  --pd-color-status-neutral-low: #f2e9e2;
  --pd-color-status-neutral: #4a4242;
  --pd-color-status-neutral-high: #221919;
  /* Size Tokens - spacingFormatter */
  --pd-size-height-button-sm: 32px;
  --pd-size-height-button-md: 40px;
  --pd-size-height-button-lg: 48px;
  --pd-size-checkbox: 20px;
  --pd-size-radiobutton: 20px;
  --pd-size-icon-xs: 8px;
  --pd-size-icon-s: 16px;
  --pd-size-icon-m: 20px;
  --pd-size-icon-l: 24px;
  --pd-size-icon-xl: 32px;
  --pd-size-icon-2xl: 40px;
  --pd-size-icon-3xl: 48px;
  --pd-size-icon-4xl: 64px;
  --pd-size-pagination: 32px;
  --pd-size-stepper: 32px;
  --pd-size-height-switch: 24px;
  --pd-size-width-switch: 48px;
  --pd-size-height-input: 40px;
  --pd-size-height-textarea: 96px;
  --pd-size-height-fileinput: 96px;
  --pd-size-height-dropdown: 321px;
  /* Typography Tokens */
  --pd-tipography-display-0: "Inter";
  --pd-tipography-display-0-font-weight: 500;
  --pd-tipography-display-0-font-size: 96px;
  --pd-tipography-display-0-line-height: 112px;
  --pd-tipography-display-0-color: #4a4242;
  --pd-tipography-display-1: "Inter";
  --pd-tipography-display-1-font-weight: 500;
  --pd-tipography-display-1-font-size: 64px;
  --pd-tipography-display-1-line-height: 74px;
  --pd-tipography-display-1-color: #4a4242;
  --pd-tipography-headline-1: "Inter";
  --pd-tipography-headline-1-font-weight: 500;
  --pd-tipography-headline-1-font-size: 48px;
  --pd-tipography-headline-1-line-height: 58px;
  --pd-tipography-headline-1-color: #4a4242;
  --pd-tipography-headline-2: "Inter";
  --pd-tipography-headline-2-font-weight: 500;
  --pd-tipography-headline-2-font-size: 40px;
  --pd-tipography-headline-2-line-height: 50px;
  --pd-tipography-headline-2-color: #4a4242;
  --pd-tipography-headline-3: "Inter";
  --pd-tipography-headline-3-font-weight: 500;
  --pd-tipography-headline-3-font-size: 36px;
  --pd-tipography-headline-3-line-height: 46px;
  --pd-tipography-headline-3-color: #4a4242;
  --pd-tipography-headline-4: "Inter";
  --pd-tipography-headline-4-font-weight: 500;
  --pd-tipography-headline-4-font-size: 28px;
  --pd-tipography-headline-4-line-height: 38px;
  --pd-tipography-headline-4-color: #4a4242;
  --pd-tipography-headline-5: "Inter";
  --pd-tipography-headline-5-font-weight: 500;
  --pd-tipography-headline-5-font-size: 24px;
  --pd-tipography-headline-5-line-height: 34px;
  --pd-tipography-headline-5-color: #4a4242;
  --pd-tipography-headline-6: "Inter";
  --pd-tipography-headline-6-font-weight: 500;
  --pd-tipography-headline-6-font-size: 22px;
  --pd-tipography-headline-6-line-height: 32px;
  --pd-tipography-headline-6-color: #4a4242;
  --pd-tipography-subtitle-1: "Inter";
  --pd-tipography-subtitle-1-font-weight: 500;
  --pd-tipography-subtitle-1-font-size: 18px;
  --pd-tipography-subtitle-1-line-height: 28px;
  --pd-tipography-subtitle-1-color: #4a4242;
  --pd-tipography-subtitle-2: "Inter";
  --pd-tipography-subtitle-2-font-weight: 500;
  --pd-tipography-subtitle-2-font-size: 16px;
  --pd-tipography-subtitle-2-line-height: 26px;
  --pd-tipography-subtitle-2-color: #4a4242;
  --pd-tipography-subtitle-3: "Inter";
  --pd-tipography-subtitle-3-font-weight: 500;
  --pd-tipography-subtitle-3-font-size: 14px;
  --pd-tipography-subtitle-3-line-height: 24px;
  --pd-tipography-subtitle-3-color: #4a4242;
  --pd-tipography-body-1: "Inter";
  --pd-tipography-body-1-font-weight: 500;
  --pd-tipography-body-1-font-size: 16px;
  --pd-tipography-body-1-line-height: 26px;
  --pd-tipography-body-1-color: #4a4242;
  --pd-tipography-body-2: "Inter";
  --pd-tipography-body-2-font-weight: 400;
  --pd-tipography-body-2-font-size: 14px;
  --pd-tipography-body-2-line-height: 24px;
  --pd-tipography-body-2-color: #4a4242;
  --pd-tipography-caption-1: "Inter";
  --pd-tipography-caption-1-font-weight: 400;
  --pd-tipography-caption-1-font-size: 12px;
  --pd-tipography-caption-1-line-height: 22px;
  --pd-tipography-caption-1-color: #4a4242;
  --pd-tipography-caption-2: "Inter";
  --pd-tipography-caption-2-font-weight: 400;
  --pd-tipography-caption-2-font-size: 12px;
  --pd-tipography-caption-2-line-height: 16px;
  --pd-tipography-caption-2-color: #4a4242;
  --pd-tipography-overline-1: "Inter";
  --pd-tipography-overline-1-font-weight: 400;
  --pd-tipography-overline-1-font-size: 12px;
  --pd-tipography-overline-1-line-height: 22px;
  --pd-tipography-overline-1-color: #4a4242;
  --pd-tipography-button-large-1: "DM Sans";
  --pd-tipography-button-large-1-font-weight: 400;
  --pd-tipography-button-large-1-font-size: 18px;
  --pd-tipography-button-large-1-line-height: 24px;
  --pd-tipography-button-large-1-color: #4a4242;
  --pd-tipography-button-medium-1: "DM Sans";
  --pd-tipography-button-medium-1-font-weight: 400;
  --pd-tipography-button-medium-1-font-size: 16px;
  --pd-tipography-button-medium-1-line-height: 24px;
  --pd-tipography-button-medium-1-color: #4a4242;
  --pd-tipography-button-small-1: "DM Sans";
  --pd-tipography-button-small-1-font-weight: 400;
  --pd-tipography-button-small-1-font-size: 14px;
  --pd-tipography-button-small-1-line-height: 16px;
  --pd-tipography-button-small-1-color: #4a4242;
  /* Spacing Semantic Tokens - spacingFormatter */
  --pd-spacing-xxs: 4px;
  --pd-spacing-xs: 8px;
  --pd-spacing-s: 12px;
  --pd-spacing-sm: 16px;
  --pd-spacing-m: 20px;
  --pd-spacing-ml: 24px;
  --pd-spacing-l: 32px;
  --pd-spacing-xl: 40px;
  --pd-spacing-2xl: 48px;
  --pd-spacing-3xl: 56px;
  --pd-spacing-4xl: 64px;
  /* Radius Specific Tokens - radiusFormatter */
  --pd-radius-alert: 8px;
  --pd-radius-badge: 1000px;
  --pd-radius-button: 1000px;
  --pd-radius-card: 8px;
  --pd-radius-checkbox: 4px;
  --pd-radius-file-input: 4px;
  --pd-radius-input: 1000px;
  --pd-radius-modal: 12px;
  --pd-radius-popover: 8px;
  --pd-radius-progressbar: 8px;
  --pd-radius-radio-button: 1000px;
  --pd-radius-switch: 1000px;
  --pd-radius-tooltip: 8px;
  /* Shadow Tokens - elevationFormatter */
  --pd-dropshadow-01: 0 2px 4px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-02: 0 4px 4px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-03: 0 6px 14px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-04: 0 12px 18px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-05: 0 20px 32px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-07: 0 6px 32px 0 rgba(0, 0, 0, .1);
  --pd-dropshadow-06: 0 -6px 32px 0 rgba(0, 0, 0, .1);
  --pd-tipography-headline-5-regular-color: var(--pd-color-text-interactive-default);
  --pdc-input-icon-height: 20px;
  --pdc-input-icon-width: 20px;
  --pdc-alert-icon-height: 20px;
  --pdc-alert-icon-width: 20px;
  --pdc-toast-width: 500px;
  --pdc-toast-height: auto;
  --pdc-input-icon-pass-hidden-on: url("/assets/ico-view-2e7ec078.svg");
  --pdc-input-icon-pass-hidden-off: url("/assets/ico-viewoff-8eb1f83c.svg");
  --pdc-tabs-border-width: 125px;
  /*  z-index */
  --zindex-navbar: 200;
  --zindex-subheader: 300;
  --zindex-footer: 400;
  --zindex-header: 500;
  --zindex-drawer: 600;
  --zindex-dropdown: 700;
  --zindex-toast: 800;
  --zindex-tooltip: 900;
  --zindex-dialog: 1000;
  /* Transition */
  --pd-transition-duration: 250ms;
  --pd-transition-delay: 250ms;
  --pd-transition-timing: ease-in-out;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/DMSans-Regular-2623a03d.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/DMSans-Medium-4b8d9f72.woff") format("woff");
}
@font-face {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/DMSans-Bold-53ffc80a.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/Inter-Regular-64c3218f.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/Inter-Medium-a1f7b468.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/Inter-SemiBold-ad09305d.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/Inter-Bold-23d9ce79.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/Inter-ExtraBold-181b7ef8.woff") format("woff");
}
html {
  font-size: var(--pd-tipography-body-1-font-size);
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  line-height: var(--pd-tipography-body-1-line-height);
  color: var(--pd-color-text-interactive-default);
}
@media screen and (min-width: 768px) {
  html,
  body {
    overflow: hidden;
  }
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

#root {
  height: 100%;
  width: 100%;
  flex: 1;
}

:focus-visible {
  outline-color: var(--pd-color-border-interactive-focus);
}

.scroll {
  overflow-y: auto;
  overflow-x: hidden;
  /* UX: Desplazamiento suave al clicar anclas */
  scroll-behavior: smooth;
  /* IMPORTANTE: Para que funcione en iOS suavemente */
  -webkit-overflow-scrolling: touch;
}

.label {
  display: inline-block !important;
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  color: var(--pd-color-text-high);
  padding: 0 var(--pd-spacing-s);
}

.required .label,
.required .pd-input .pd-input__label,
.required .pd-select .pd-select__label,
.required .pd-textarea .pd-textarea__label,
.required .pd-multiselect .pd-multiselect__label {
  position: relative;
  display: inherit;
  padding-right: 3px;
}
.required .label::after,
.required .pd-input .pd-input__label::after,
.required .pd-select .pd-select__label::after,
.required .pd-textarea .pd-textarea__label::after,
.required .pd-multiselect .pd-multiselect__label::after {
  content: "*";
  position: absolute;
  top: 0;
  right: -10px;
}

.pd-search__input {
  color: var(--pd-color-text-interactive-default);
}

.pd-search__label::before {
  color: var(--pd-color-text-interactive-default);
}

.field {
  width: 100%;
}

.field-group {
  display: flex;
  gap: var(--pd-spacing-m);
  align-items: flex-start;
}

::placeholder {
  color: var(--pd-color-text-medium) !important;
}

.pd-multiselect,
.pd-select {
  margin-bottom: var(--pd-spacing-ml);
}

.pd-select .pd-select__select {
  color: var(--pd-color-text-medium);
}

.pd-input {
  margin-bottom: var(--pd-spacing-ml);
}

.pd-input--error + p {
  font-family: var(--pd-tipography-caption-2);
  font-size: var(--pd-tipography-caption-2-font-size);
  line-height: var(--pd-tipography-caption-2-line-height);
  margin-left: 10px;
  color: var(--pd-color-status-error);
}

.pd-input__input:disabled {
  background-color: var(--pd-color-surface-medium);
}

.pd-input__desc {
  margin: var(--pd-spacing-xs) 0 0 0;
}

.pd-textarea__textarea {
  border-radius: 16px;
  color: var(--pd-color-text-button-cta-default);
}

.pd-textarea__label {
  color: var(--pd-color-text-button-cta-default);
  font-family: var(--pd-tipography-subtitle-3);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
}

.pd-modal__content .info {
  background-color: var(--pd-color-surface-medium);
  padding: var(--pd-spacing-xs) var(--pd-spacing-s);
  margin-bottom: var(--pd-spacing-m);
}
.pd-modal__content .info p {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
  color: var(--pd-color-text-medium);
}
.pd-modal__content .info strong {
  display: block;
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
  color: var(--pd-color-text-high);
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .pd-modal__content footer {
    flex-direction: column-reverse;
    row-gap: var(--pd-spacing-sm);
  }
}

@media screen and (max-width: 767px) {
  .upload-document-modal footer {
    padding-top: var(--pd-spacing-sm);
  }
}

.mobile-fixed-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: var(--zindex-drawer);
  padding: var(--pd-spacing-ml);
  background: var(--pd-color-surface-button-secondary-default);
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  box-shadow: var(--pd-dropshadow-02);
  border-radius: var(--pd-radius-card);
  display: flex;
  flex-direction: column;
  gap: var(--pd-spacing-m);
}
.mobile-fixed-container .pd-select {
  margin-bottom: 0;
}

.mobile-filter-buttons {
  display: flex;
  flex-direction: column;
  row-gap: var(--pd-spacing-sm);
  padding-top: var(--pd-spacing-sm);
}

.paragraph-info {
  padding: var(--pd-spacing-xs);
  background-color: var(--pd-color-surface-inverse);
  box-shadow: var(--pd-dropshadow-01);
}
.paragraph-info p {
  padding: var(--pd-spacing-s);
  border-radius: var(--pd-radius-alert);
  background-color: var(--pd-color-surface-interactive-hover);
}
.paragraph-info strong {
  font-weight: 700;
}

.pd-icon.pd-icon--md {
  --inner-icon-width: var(--pd-size-icon-l);
  --inner-icon-height: var(--pd-size-icon-l);
}

@media (max-width: 767px) {
  .pd-button {
    font-family: var(--pd-tipography-subtitle-1-font-size);
    font-size: var(--pd-tipography-body-1-font-size);
  }
}

@media (min-width: 1921px) {
  .pd-layout {
    width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    border-left: 1px solid var(--pd-color-surface-interactive-disabled-low);
    border-right: 1px solid var(--pd-color-surface-interactive-disabled-low);
  }
}
.pd-alert {
  margin-bottom: var(--pd-spacing-ml);
}

.pd-progress-bar progress {
  height: 8px;
}
.pd-progress-bar.pd-progress-bar--completed {
  --inner-color-checked: var(--pd-color-surface-button-primary-default);
}

.pd-button--link:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .pd-button--link {
    height: 40px;
  }
}

.back-button {
  margin-bottom: 24px;
}
.back-button .pd-button {
  color: var(--pd-color-text-button-cta-default);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
}
.back-button .pd-button::before {
  --inner-icon-color: var(--pd-color-text-button-cta-default);
}
@media screen and (max-width: 767px) {
  .back-button .pd-button::before {
    top: 50%;
    transform: translateY(-50%);
  }
}

.add-provider {
  position: relative;
  z-index: 1;
}

.login__privacy-policy__checkbox {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: var(--pd-spacing-ml);
}
.login__privacy-policy__checkbox .pd-checkbox {
  margin-bottom: 0;
}
.login__privacy-policy__checkbox .login__privacy-policy-text {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-right: 7px;
}

.searcher-container__results {
  margin: 20px 0;
}
.searcher-container__results li {
  margin-bottom: 4px;
}
.searcher-container__results li .searcher-container__btn {
  cursor: pointer;
  text-align: left;
  width: 100%;
  padding: 6px 12px;
  border-radius: 8px;
  background-color: var(--pd-color-surface-button-secondary-default);
  border: 1px solid var(--pd-color-surface-interactive-disabled);
}
.searcher-container__results li.selected .searcher-container__btn {
  border: 1px solid var(--pd-color-border-high);
}
.searcher-container__results li .searcher-container__name {
  font-weight: 700;
  text-transform: uppercase;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  margin-bottom: 2px;
}
.searcher-container__results li .searcher-container__nif {
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
}

@media screen and (min-width: 768px) {
  .upload-form {
    width: 445px;
  }
}
.upload-form .drop-zone:focus-visible {
  outline: 2px solid var(--pd-color-border-interactive-focus-low);
  outline-offset: 2px;
}
.upload-form .drop-zone:focus-visible {
  border: 2px solid var(--pd-color-border-interactive-hover);
}
.upload-form .drop-zone {
  display: flex;
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-color-text-button-cta-default);
  justify-content: center;
  border: 2px dashed var(--pd-color-border-interactive-default);
  border-radius: 8px;
  padding: 30px;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
  margin-bottom: var(--pd-spacing-s);
  position: relative;
}
.upload-form .drop-zone *:not(input) {
  pointer-events: none;
}
.upload-form .drop-zone:hover {
  border-color: var(--pd-color-text-button-secondary-default);
  background: #fff6ef;
}
.upload-form input:disabled + .drop-zone {
  background: var(--pd-color-surface-interactive-disabled-low);
  border-color: var(--pd-color-border-interactive-default);
  cursor: not-allowed;
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-form input:disabled + .drop-zone .upload-link,
.upload-form input:disabled + .drop-zone .pd-icon {
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-form .upload-link {
  color: var(--pd-color-text-button-link-default);
  cursor: pointer;
  font-weight: 500;
  text-decoration: none;
}
.upload-form .upload-link:hover {
  text-decoration: underline;
}
.upload-form .icon-upload {
  vertical-align: middle;
  margin-left: 4px;
  color: var(--pd-color-text-button-secondary-default);
}
.upload-form .hint {
  color: var(--pd-color-text-medium);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  margin-bottom: var(--pd-spacing-ml);
}
.upload-form input[type=file] {
  display: none;
}
.upload-form input:disabled + .drop-zone {
  background: var(--pd-color-surface-interactive-disabled-low);
  border-color: var(--pd-color-border-interactive-default);
  cursor: not-allowed;
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-form input:disabled + .drop-zone .upload-link,
.upload-form input:disabled + .drop-zone .pd-icon {
  color: var(--pd-color-text-button-secondary-disabled);
}
.upload-form .pd-progress-bar {
  margin-bottom: var(--pd-spacing-ml);
}
.upload-form .pd-progress-bar progress {
  height: 4px;
}

.uploaded-files .uploaded-file {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--pd-spacing-m);
}
.uploaded-files .uploaded-file .uploaded-file__error {
  color: var(--pd-color-status-error);
  margin-left: var(--pd-spacing-xs);
  font-size: var(--pd-tipography-caption-1-font-size);
}
.uploaded-files .uploaded-file .uploaded-file__delete {
  position: absolute;
  top: 3px;
  right: 17px;
  width: 24px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.uploaded-files .uploaded-file .pd-progress-bar {
  flex: 100%;
}

@media screen and (min-width: 768px) {
  .mobile-fixed-container {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .mobile-fixed-container.community-detail {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .mobile-fixed-container.community-detail {
    display: none;
  }
}

.password-input__help {
  margin-top: -20px;
  margin-bottom: 20px;
}
.password-input__help .pd-progress-bar__header {
  display: none;
}
.password-input__help ul {
  padding: 0 12px;
  margin-bottom: 12px;
}
.password-input__help ul .item {
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
}
.password-input__help ul .item.success {
  color: var(--pd-color-status-success);
}
.password-input__help ul .item.error {
  color: var(--pd-color-status-error);
}

.main-component {
  justify-content: space-between;
}
.main-component.full-content {
  flex-direction: column;
}

.main-component__title {
  margin-bottom: var(--pd-spacing-ml);
  font-size: var(--pd-tipography-headline-5-font-size);
  line-height: var(--pd-tipography-headline-5-line-height);
  font-weight: var(--pd-tipography-headline-5-font-weight);
  color: var(--pd-color-text-button-cta-default);
}

.date-container {
  display: flex;
  gap: var(--pd-spacing-m);
}
.date-container .pd-select__label {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}

.datepicker-container {
  display: flex;
  gap: var(--pd-spacing-m);
}

.toast-info a,
.toast-info .pd-button,
.pd-toast--info a,
.pd-toast--info .pd-button {
  color: var(--pd-color-status-info-high);
}

.toast-info {
  margin-right: var(--pd-spacing-m);
}

.modal-body .pd-search {
  margin-bottom: var(--pd-spacing-ml);
}
.modal-body .pd-search.error {
  background-image: none;
  padding: 0;
}
.modal-body .pd-search.error:last-child {
  content: none;
}
.modal-body .pd-search.error .pd-search__label {
  height: auto;
  top: 12px;
}

.session-warning-timer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.session-warning-timer .timer {
  font-family: var(--pd-tipography-headline-2);
  font-weight: var(--pd-tipography-headline-2-font-weight);
  font-size: var(--pd-tipography-headline-2-font-size);
  line-height: var(--pd-tipography-headline-2-line-height);
  color: var(--pd-tipography-headline-2-color);
}

.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(4px);
}

.loading-content {
  text-align: center;
  color: white;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 15px;
}

.loading-text {
  font-family: sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
}

.pd-spinner {
  margin-bottom: 15px;
}
.pd-spinner::before {
  width: 30px;
  height: 30px;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
.products-tooltip--community {
  position: absolute;
  background: var(--pd-color-surface-button-secondary-default);
  top: 28px;
  padding: var(--pd-spacing-sm);
  width: 100%;
  display: flex;
  min-width: 255px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--pd-radius-tooltip);
  box-shadow: var(--pd-dropshadow-06);
  text-align: left;
}
.products-tooltip--community .tooltip-product-item span {
  font-family: var(--pd-tipography-caption-1);
  font-weight: var(--pd-tipography-caption-1-font-weight);
  font-size: var(--pd-tipography-caption-1-font-size);
  line-height: var(--pd-tipography-caption-1-line-height);
  color: var(--pd-tipography-caption-1-color);
}

.comunity-list .products-tooltip {
  transform: translateX(-91%) translateY(8px);
}

body.sb-main-padded,
body.sb-main-fullscreen {
  overflow-y: auto;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: var(--pd-color-text-button-link-default) !important;
}

#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: var(--pd-color-text-button-link-default) !important;
}

#CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a {
  color: var(--pd-color-text-button-link-default) !important;
}

.CybotCookiebotDialogBodyButton {
  border-radius: var(--pd-radius-button) !important;
  border-color: var(--pd-color-icon-button-cta-default) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid var(--pd-color-text-button-link-default) !important;
  color: var(--pd-color-text-button-link-default) !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--pd-color-text-button-link-default) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--pd-color-text-button-link-default) !important;
}

#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount {
  color: var(--pd-color-surface-button-secondary-default) !important;
}

.table-container {
  display: grid;
  border: 1px solid var(--pd-color-surface-interactive-disabled-low);
  border-radius: var(--pd-radius-card);
}
.table-container .pd-alert {
  width: auto;
  margin-left: var(--pd-spacing-xs);
  margin-right: var(--pd-spacing-xs);
}
.table-container .pd-button--icononly:disabled {
  --inner-icon-color: var(--pd-color-text-interactive-disabled);
  cursor: not-allowed;
}

.table-container-inner {
  position: relative;
  overflow-x: auto;
}

.table {
  width: 100%;
  border-collapse: collapse;
  min-width: 600px;
  background-color: var(--pd-color-surface-button-secondary-default);
}

.table__row {
  background-color: var(--pd-color-surface-button-secondary-default);
}
.table__row:hover .table__cell {
  background-color: var(--pd-color-surface-medium);
  transition: background-color 250ms ease-in-out;
}

.table__row--clickable {
  transition: background-color 250ms ease-in-out;
}
.table__row--clickable:hover {
  background-color: var(--pd-color-surface-medium);
}
.table__row--clickable:hover .table__cell--clickable:first-child {
  cursor: pointer;
}

.table__cell.table__cell--clickable:hover a {
  text-decoration: underline;
}

.table__cell {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  padding: var(--pd-spacing-xs) var(--pd-spacing-s);
  text-align: left;
  border-bottom: 1px solid var(--pd-color-surface-interactive-disabled-low);
  background-color: var(--pd-color-surface-button-secondary-default);
  white-space: nowrap;
  vertical-align: middle;
}
.table__cell:last-child {
  text-align: center;
}
.table__cell.table__cell--error .pd-icon {
  color: var(--pd-color-status-error);
}
.table__cell.table__cell--success .pd-icon {
  color: var(--pd-color-status-success);
}
.table__cell a {
  padding: 0;
}
.table__cell .pd-badge {
  margin-right: var(--pd-spacing-xs);
}
.table__cell .pd-badge:last-child {
  margin-right: 0;
}

.table__cell a {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  text-align: left;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
}

.table__cell--header {
  font-family: var(--pd-tipography-subtitle-3);
  font-weight: var(--pd-tipography-subtitle-3-font-weight);
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-tipography-subtitle-3-color);
  padding: var(--pd-spacing-xxs) var(--pd-spacing-s);
  background-color: var(--pd-color-surface-medium);
}

.table__cell--auto {
  width: 1%;
}

.table__cell--sticky-right {
  position: sticky;
  right: 0;
}

.table__cell--sticky-left {
  position: sticky;
  left: 0;
}

.table__cell--sticky-left:not(.table__cell--header),
.table__cell--sticky-right:not(.table__cell--header) {
  background-color: var(--pd-color-surface-inverse);
}

.table__cell--right {
  text-align: right;
}

.table__cell--center {
  text-align: center;
}

.table__cell--left {
  text-align: left;
}

.table__cell--underline {
  text-decoration: underline;
}

.table__cell--interactive {
  color: var(--pd-color-text-interactive-active);
}

.table__cell--success {
  color: var(--pd-color-status-success);
  text-align: center;
}

.table__cell--warning {
  color: var(--pd-color-status-warning);
}

.table__cell--error {
  color: var(--pd-color-status-error);
  text-align: center;
}

.table__cell--muted {
  color: var(--pd-color-text-interactive-disabled);
}

.table__cell--ellipsis a {
  max-width: 205px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.table--invoices-office .table__cell:first-child,
.table--invoices-office .table__cell:last-child,
.table--documentation .table__cell:first-child,
.table--documentation .table__cell:last-child {
  width: 1%;
}
.table--invoices-office .table__cell:last-child,
.table--documentation .table__cell:last-child {
  position: sticky;
  right: 0;
}

.table--comunity-list .table__cell:first-child,
.table--comunity-list .table__cell:last-child {
  width: 1%;
}

.table-container-inner .pd-checkbox {
  margin: 0;
  vertical-align: middle;
}
.table-container-inner .pd-checkbox .pd-checkbox__input {
  cursor: pointer;
  margin: 0;
}
.table-container-inner .pd-button--icononly {
  --inner-icon-color: var(--pd-color-text-interactive-default);
  --inner-icon-width: 24px;
  --inner-icon-height: 24px;
}
.table-container-inner .sort-button {
  all: unset;
  display: block;
  width: 100%;
  cursor: pointer;
}
.table-container-inner .sort-button .sort-button__icon {
  position: absolute;
  top: 7px;
  margin-left: 8px;
}

.download-icon {
  cursor: pointer;
  font-size: 18px;
}

.table-header {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: space-between;
  align-items: center;
  padding: 12px 24px;
  border-bottom: 1px solid var(--pd-color-icon-button-secondary-disabled);
}

.title-container {
  display: flex;
  align-items: center;
}
.title-container .title {
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  font-weight: var(--pd-tipography-headline-6-font-weight);
  margin-right: var(--pd-spacing-xs);
}
.title-container .pd-badge {
  --inner-text-color: var(--pd-color-border-high);
  --inner-border-color: var(--pd-color-border-high);
  --inner-border-width: 1px;
}
.title-container .pd-badge span {
  margin-right: 4px;
}

.filter-icon-container {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.filter-icon-container.active {
  background: var(--pd-color-surface-low);
}
.filter-icon-container.open {
  background: var(--pd-color-surface-low);
}

.pd-pagination {
  display: flex;
  justify-content: flex-end;
  padding: 8px 24px;
}

.filter-container {
  padding: 12px 16px;
  display: flex;
  flex-wrap: wrap;
  gap: var(--pd-spacing-m);
  justify-content: flex-start;
  align-items: flex-end;
  box-shadow: var(--pd-dropshadow-02);
  transition: all 0.3s ease;
}
.filter-container .pd-select {
  margin-bottom: 0;
}
.filter-container .pd-search {
  margin: 8px 0;
}
@media screen and (min-width: 768px) {
  .filter-container .pd-search {
    min-width: 220px;
  }
}
.filter-container .pd-search .pd-search__label::before {
  color: var(--pd-color-text-button-cta-default);
  --inner-icon-height: 20px;
  --inner-icon-width: 20px;
}
.filter-container .pd-search .pd-search__input {
  color: var(--pd-tipography-headline-5-regular-color);
}
.filter-container .search-container {
  flex: 1;
}

.action-container {
  display: flex;
  flex-flow: row nowrap;
  column-gap: var(--pd-spacing-m);
}
@media screen and (max-width: 767px) {
  .action-container .pd-button--mobile-custom {
    padding-left: var(--pd-spacing-m);
  }
}
@media screen and (max-width: 767px) {
  .action-container .pd-button--mobile-custom span {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    white-space: nowrap;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
  }
}
@media screen and (max-width: 767px) {
  .action-container .pd-button--mobile-custom::before {
    left: calc(var(--inner-icon-height) / 2);
  }
}

.icons-container {
  margin-right: var(--pd-spacing-l);
}
.icons-container:last-child, .icons-container:nth-child(3) {
  margin-right: 0;
}

@media (max-width: 767px) {
  .icons-container:not(.is-mobile-visible) {
    display: none;
  }
}

@media (min-width: 768px) {
  .icons-container-mobile {
    display: none;
  }
}
.icons-container-mobile .icons-container-mobile__list {
  display: none;
}

.dropdown.icons-container-mobile__list {
  background: var(--pd-color-surface-button-secondary-default);
  z-index: 1000;
  box-shadow: var(--pd-dropshadow-01);
  border-radius: var(--pd-radius-popover);
  display: flex;
  flex-direction: column;
  border: 0;
  text-align: left;
}
.dropdown.icons-container-mobile__list li {
  position: relative;
}
.dropdown.icons-container-mobile__list li .pd-button {
  padding-left: 35px;
}
.dropdown.icons-container-mobile__list li .pd-button::before {
  right: 0px;
  left: 17px;
  top: 13px;
  --inner-icon-color: var(--pd-color-text-button-primary-default);
}

.file-name {
  position: relative;
  padding-left: 40px;
}
.file-name::before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
  width: 32px;
  height: 32px;
}
.file-name.pdf::before {
  background-image: url(/assets/svg/ico-pdffile.svg);
}
.file-name.excel::before {
  background-image: url(/assets/svg/ico-excelfile.svg);
}
.file-name.word::before, .file-name.ppt::before {
  background-image: url(/assets/svg/ico-wordfile.svg);
}
.file-name.code::before {
  background-image: url(/assets/svg/ico-codefile.svg);
}
.file-name.doc::before {
  background-image: url(/assets/svg/ico-docfile.svg);
}
.file-name.file::before {
  background-image: url(/assets/svg/ico-file.svg);
  background-size: 100%;
}

.table-container-inner td.file-name__detail {
  padding-left: 85px;
}

.parent-detail-row .dropdown-icon {
  margin-right: 17px;
}
.parent-detail-row .dropdown-icon.open .pd-button--icononly {
  transform: rotate(90deg);
}

.products-tooltip-wrapper {
  position: relative;
  display: inline-block;
}

.tooltip-product-item {
  display: flex;
}

.accordion {
  margin-bottom: var(--pd-spacing-ml);
}

.accordion__header {
  margin-bottom: var(--pd-spacing-m);
}

.accordion__title {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: var(--pd-spacing-s);
  font-family: var(--pd-tipography-subtitle-1);
  font-weight: var(--pd-tipography-subtitle-1-font-weight);
  font-size: var(--pd-tipography-subtitle-1-font-size);
  line-height: var(--pd-tipography-subtitle-1-line-height);
  color: var(--pd-tipography-subtitle-1-color);
}

.accordion__title-description {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  font-weight: 400;
  color: var(--pd-color-text-medium);
}

.accordion-item {
  border: 1px solid var(--pd-color-icon-button-secondary-disabled);
  margin-bottom: var(--pd-spacing-sm);
  border-radius: 8px;
}
.accordion-item:hover {
  background-color: #f7f7f7;
}
.accordion-item .accordion-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--pd-spacing-sm);
  font-family: var(--pd-tipography-subtitle-2);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  font-weight: var(--pd-tipography-body-1-font-weight);
  color: var(--pd-color-text-button-cta-default);
  border: none;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
}
.accordion-item .accordion-header .arrow {
  width: 10px;
  height: 10px;
  border-right: 1px solid var(--pd-color-text-button-cta-default);
  border-bottom: 1px solid var(--pd-color-text-button-cta-default);
  transform: rotate(-45deg);
  transition: transform 0.3s ease;
  margin-left: 15px;
}
.accordion-item .accordion-content {
  padding: 0 var(--pd-spacing-sm);
  max-height: 0;
  overflow: hidden;
  opacity: 0;
}
.accordion-item .accordion-content p {
  font-size: var(--pd-tipography-subtitle-3-font-size);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-color-text-button-cta-default);
  margin-bottom: var(--pd-spacing-xs);
  font-weight: var(--pd-tipography-overline-1-font-weight);
}
.accordion-item .accordion-content p:last-child {
  margin-bottom: 0;
}
.accordion-item .accordion-content ul {
  padding-left: var(--pd-spacing-xl);
  margin-bottom: var(--pd-spacing-xs);
  list-style: disc;
}
.accordion-item .accordion-content ul:last-child {
  margin-bottom: 0;
}
.accordion-item .accordion-content ul li {
  font-size: var(--pd-tipography-subtitle-3-font-size);
  font-weight: var(--pd-tipography-overline-1-font-weight);
  line-height: var(--pd-tipography-subtitle-3-line-height);
  color: var(--pd-color-text-button-cta-default);
}
.accordion-item .accordion-content strong {
  font-weight: var(--pd-tipography-body-2-font-weight);
}
.accordion-item.active .accordion-header .arrow {
  transform: rotate(45deg);
  margin-top: -5px;
}
.accordion-item.active .accordion-content {
  max-height: 100%;
  opacity: 1;
  margin-bottom: var(--pd-spacing-ml);
}

.accordion__group {
  margin-bottom: var(--pd-spacing-xl);
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mb-4 {
  margin-bottom: var(--pd-spacing-xxs) !important;
}

.u-mb-8 {
  margin-bottom: var(--pd-spacing-xs) !important;
}

.u-mb-12 {
  margin-bottom: var(--pd-spacing-s) !important;
}

.u-mb-16 {
  margin-bottom: var(--pd-spacing-sm) !important;
}

.u-mb-20 {
  margin-bottom: var(--pd-spacing-m) !important;
}

.u-mb-24 {
  margin-bottom: var(--pd-spacing-ml) !important;
}

.u-mb-32 {
  margin-bottom: var(--pd-spacing-l) !important;
}

.u-mb-40 {
  margin-bottom: var(--pd-spacing-l) !important;
}

.u-mb-48 {
  margin-bottom: var(--pd-spacing-l) !important;
}

.u-mb-56 {
  margin-bottom: var(--pd-spacing-l) !important;
}

.u-mb-64 {
  margin-bottom: var(--pd-spacing-l) !important;
}

.u-mt-24 {
  margin-top: var(--pd-spacing-ml) !important;
}

.u-w-full {
  width: 100% !important;
}

.u-text-center {
  text-align: center !important;
}

.u-text-left {
  text-align: left !important;
}

.u-text-right {
  text-align: right !important;
}

.u-text-uppercase {
  text-transform: uppercase !important;
}

.u-hidden {
  display: none !important;
}

.u-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(100%);
  clip-path: inset(100%);
}

.datepicker {
  display: flex;
  flex-direction: column;
  gap: var(--pd-spacing-xs);
}

.datepicker__label {
  padding: 0 var(--pd-spacing-s);
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}

.custom-datepicker {
  padding: var(--pd-spacing-xs) var(--pd-spacing-s);
  border-radius: var(--pd-radius-input);
  border: 1px solid var(--pd-color-border-interactive-default);
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
  color: var(--pd-color-text-high);
  outline: none;
  transition: all var(--pd-transition-duration) var(--pd-transition-timing);
}
.custom-datepicker:hover {
  border-color: var(--pd-color-border-interactive-hover);
}

.react-datepicker {
  padding: var(--pd-spacing-s);
  box-shadow: var(--pd-dropshadow-02);
  border: none;
  border-radius: 0;
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}

.react-datepicker__triangle {
  display: none;
}

.react-datepicker__header {
  padding: 0;
  background-color: transparent;
  border: none;
}

.react-datepicker__day-names {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}

.react-datepicker__current-month {
  display: none;
}

.react-datepicker__navigation {
  top: 10px;
}

.react-datepicker__navigation--previous {
  left: 0;
}

.react-datepicker__navigation-icon--next {
  right: 0;
}

.react-datepicker__navigation-icon::before {
  border-color: var(--pd-color-text-button-link-default);
  border-width: 1px 1px 0 0;
  transition: border-color var(--pd-transition-duration) var(--pd-transition-timing);
}

.react-datepicker__navigation:hover *::before {
  border-color: var(--pd-color-text-button-link-hover);
}

.react-datepicker__day-names {
  margin-bottom: 0;
}

.react-datepicker__day-name {
  font-family: var(--pd-tipography-body-2);
  font-weight: var(--pd-tipography-body-2-font-weight);
  font-size: var(--pd-tipography-body-2-font-size);
  line-height: var(--pd-tipography-body-2-line-height);
  color: var(--pd-tipography-body-2-color);
}

.react-datepicker__month-read-view {
  font-family: var(--pd-tipography-subtitle-2);
  font-weight: var(--pd-tipography-subtitle-2-font-weight);
  font-size: var(--pd-tipography-subtitle-2-font-size);
  line-height: var(--pd-tipography-subtitle-2-line-height);
  color: var(--pd-tipography-subtitle-2-color);
  text-transform: capitalize;
}

.react-datepicker__header__dropdown {
  margin-bottom: 16px;
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
  top: 4px;
  border-color: var(--pd-color-text-button-link-default);
  border-width: 1px 1px 0 0;
  transition: border-color var(--pd-transition-duration) var(--pd-transition-timing);
  cursor: pointer;
}

.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-color: var(--pd-color-text-button-link-hover);
}

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-color: var(--pd-color-text-button-link-hover);
}

.react-datepicker__day {
  border-radius: 50%;
  border: 2px solid transparent;
  color: var(--pd-color-surface-high);
  transition: all var(--pd-transition-duration) var(--pd-transition-timing);
}

.react-datepicker__day--selected,
.react-datepicker__day--keyboard-selected,
.react-datepicker__day--selected:hover {
  background-color: var(--pd-color-surface-interactive-selected);
  color: var(--pd-color-text-interactive-selected-inverse);
  border-radius: 50%;
  border: 2px solid transparent;
}

.react-datepicker__day:not(.react-datepicker__day--selected):hover {
  border-radius: 50%;
  border: 2px solid var(--pd-color-surface-interactive-selected);
  background-color: transparent;
}

.react-datepicker__close-icon::after {
  background-color: var(--pd-color-surface-button-primary-default);
  transition: background-color var(--pd-transition-duration) var(--pd-transition-timing);
}

.react-datepicker__close-icon:hover::after {
  background-color: var(--pd-color-surface-button-primary-hover);
}