/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/**
 * @file
 * Buttons.
 */
:root {
  /**
   * Buttons proprieties.
   */
  /* Primary button colors.*/
  --pr-btn-bg: hsl(var(--pr-btn-bg-hue), var(--pr-btn-bg-saturation), calc(1% * var(--pr-btn-bg-lightness)));
  --pr-btn-bg-hover: hsl(var(--pr-btn-bg-hover-hue), var(--pr-btn-bg-hover-saturation), calc(1% * var(--pr-btn-bg-hover-lightness)));
  --pr-btn-border-color: hsl(var(--pr-btn-border-color-hue), var(--pr-btn-border-color-saturation), calc(1% * var(--pr-btn-border-color-lightness)));
  --pr-btn-border-color-hover: hsl(var(--pr-btn-border-color-hover-hue), var(--pr-btn-border-color-hover-saturation), calc(1% * var(--pr-btn-border-color-hover-lightness)));
  --pr-btn-text-color: hsl(var(--pr-btn-text-color-hue), var(--pr-btn-text-color-saturation), calc(1% * var(--pr-btn-text-color-lightness)));
  --pr-btn-text-color-hover: hsl(var(--pr-btn-text-color-hover-hue), var(--pr-btn-text-color-hover-saturation), calc(1% * var(--pr-btn-text-color-hover-lightness)));
  /* Secondary button colors.*/
  --sc-btn-bg: hsl(var(--sc-btn-bg-hue), var(--sc-btn-bg-saturation), calc(1% * var(--sc-btn-bg-lightness)));
  --sc-btn-bg-hover: hsl(var(--sc-btn-bg-hover-hue), var(--sc-btn-bg-hover-saturation), calc(1% * var(--sc-btn-bg-hover-lightness)));
  --sc-btn-border-color: hsl(var(--sc-btn-border-color-hue), var(--sc-btn-border-color-saturation), calc(1% * var(--sc-btn-border-color-lightness)));
  --sc-btn-border-color-hover: hsl(var(--sc-btn-border-color-hover-hue), var(--sc-btn-border-color-hover-saturation), calc(1% * var(--sc-btn-border-color-hover-lightness)));
  --sc-btn-text-color: hsl(var(--sc-btn-text-color-hue), var(--sc-btn-text-color-saturation), calc(1% * var(--sc-btn-text-color-lightness)));
  --sc-btn-text-color-hover: hsl(var(--sc-btn-text-color-hover-hue), var(--sc-btn-text-color-hover-saturation), calc(1% * var(--sc-btn-text-color-hover-lightness)));
  /* Action link colors.*/
  --ac-btn-bg: hsl(var(--ac-btn-bg-hue), var(--ac-btn-bg-saturation), calc(1% * var(--ac-btn-bg-lightness)));
  --ac-btn-bg-hover: hsl(var(--ac-btn-bg-hover-hue), var(--ac-btn-bg-hover-saturation), calc(1% * var(--ac-btn-bg-hover-lightness)));
  --ac-btn-border-color: hsl(var(--ac-btn-border-color-hue), var(--ac-btn-border-color-saturation), calc(1% * var(--ac-btn-border-color-lightness)));
  --ac-btn-border-color-hover: hsl(var(--ac-btn-border-color-hover-hue), var(--ac-btn-border-color-hover-saturation), calc(1% * var(--ac-btn-border-color-hover-lightness)));
  --ac-btn-text-color: hsl(var(--ac-btn-text-color-hue), var(--ac-btn-text-color-saturation), calc(1% * var(--ac-btn-text-color-lightness)));
  --ac-btn-text-color-hover: hsl(var(--ac-btn-text-color-hover-hue), var(--ac-btn-text-color-hover-saturation), calc(1% * var(--ac-btn-text-color-hover-lightness)));
  /**
   * Buttons spacing.
   */
  --pr-btn-padding: var(--pr-btn-padding-top) var(--pr-btn-padding-right) var(--pr-btn-padding-bottom) var(--pr-btn-padding-left);
  --sc-btn-padding: var(--sc-btn-padding-top) var(--sc-btn-padding-right) var(--sc-btn-padding-bottom) var(--sc-btn-padding-left);
  --ac-btn-padding: var(--ac-btn-padding-top) var(--ac-btn-padding-right) var(--ac-btn-padding-bottom) var(--ac-btn-padding-left);
  /**
   * Buttons typography.
   */
  --pr-btn-font-size: var(--pr-btn-font-size);
  --pr-btn-line-height: var(--pr-btn-line-height);
  --pr-btn-letter-spacing: var(--pr-btn-letter-spacing);
  --pr-btn-border-style: var(--pr-btn-border-style);
  --pr-btn-border-width: var(--pr-btn-border-width);
  --pr-btn-border-radius: var(--pr-btn-border-radius);
  --pr-btn-text-decoration: var(--pr-btn-text-decoration);
  --pr-btn-text-decoration-hover: var(--pr-btn-text-decoration-hover);
  --sc-btn-font-size: var(--sc-btn-font-size);
  --sc-btn-line-height: var(--sc-btn-line-height);
  --sc-btn-letter-spacing: var(--sc-btn-letter-spacing);
  --sc-btn-border-style: var(--sc-btn-border-style);
  --sc-btn-border-width: var(--sc-btn-border-width);
  --sc-btn-border-radius: var(--sc-btn-border-radius);
  --sc-btn-text-decoration: var(--sc-btn-text-decoration);
  --sc-btn-text-decoration-hover: var(--sc-btn-text-decoration-hover);
  --ac-btn-font-size: var(--ac-btn-font-size);
  --ac-btn-line-height: var(--ac-btn-line-height);
  --ac-btn-letter-spacing: var(--ac-btn-letter-spacing);
  --ac-btn-border-style: var(--ac-btn-border-style);
  --ac-btn-border-width: var(--ac-btn-border-width);
  --ac-btn-border-radius: var(--ac-btn-border-radius);
  --ac-btn-text-decoration: var(--ac-btn-text-decoration);
  --ac-btn-text-decoration-hover: var(--ac-btn-text-decoration-hover);
}

.primary-button, button,
.button,
.btn,
.button--primary,
.more-link a,
.order-now,
.read-more,
.field--name-field-action-link a {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--pr-btn-bg);
  color: var(--pr-btn-text-color);
  border-width: var(--pr-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--pr-btn-border-style);
  border-color: var(--pr-btn-border-color);
  padding: var(--pr-btn-padding);
  font-size: var(--pr-btn-font-size);
  line-height: var(--pr-btn-line-height);
  letter-spacing: var(--pr-btn-letter-spacing);
  -webkit-text-decoration: var(--pr-btn-text-decoration);
          text-decoration: var(--pr-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.primary-button:hover, button:hover,
.button:hover,
.btn:hover,
.button--primary:hover,
.more-link a:hover,
.order-now:hover,
.read-more:hover,
.field--name-field-action-link a:hover, .primary-button:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus {
  background-color: var(--pr-btn-bg-hover);
  border-color: var(--pr-btn-border-color-hover);
  color: var(--pr-btn-text-color-hover);
  -webkit-text-decoration: var(--pr-btn-text-decoration-hover);
          text-decoration: var(--pr-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.primary-button:focus, button:focus,
.button:focus,
.btn:focus,
.button--primary:focus,
.more-link a:focus,
.order-now:focus,
.read-more:focus,
.field--name-field-action-link a:focus, .primary-button:focus-visible, button:focus-visible,
.button:focus-visible,
.btn:focus-visible,
.button--primary:focus-visible,
.more-link a:focus-visible,
.order-now:focus-visible,
.read-more:focus-visible,
.field--name-field-action-link a:focus-visible {
  outline: none;
  box-shadow: none;
}

.secondary-button {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--sc-btn-bg);
  color: var(--sc-btn-text-color);
  border-width: var(--sc-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--sc-btn-border-style);
  border-color: var(--sc-btn-border-color);
  padding: var(--sc-btn-padding);
  font-size: var(--sc-btn-font-size);
  line-height: var(--sc-btn-line-height);
  letter-spacing: var(--sc-btn-letter-spacing);
  -webkit-text-decoration: var(--sc-btn-text-decoration);
          text-decoration: var(--sc-btn-text-decoration);
  text-align: center;
  transition: background-color 0.3s ease;
}

.secondary-button:hover, .secondary-button:focus {
  background-color: var(--sc-btn-bg-hover);
  border-color: var(--sc-btn-border-color-hover);
  color: var(--sc-btn-text-color-hover);
  -webkit-text-decoration: var(--sc-btn-text-decoration-hover);
          text-decoration: var(--sc-btn-text-decoration-hover);
  transition: background-color 0.3s ease;
}

.secondary-button:focus, .secondary-button:focus-visible {
  outline: none;
  box-shadow: none;
}

.action-link {
  display: block;
  width: fit-content;
  cursor: pointer;
  appearance: none;
  -webkit-font-smoothing: antialiased;
  background-color: var(--ac-btn-bg);
  color: var(--ac-btn-text-color);
  border-width: var(--ac-btn-border-width);
  border-radius: var(--pr-btn-border-radius);
  border-style: var(--ac-btn-border-style);
  border-color: var(--ac-btn-border-color);
  padding: var(--ac-btn-padding);
  font-size: var(--ac-btn-font-size);
  line-height: var(--ac-btn-line-height);
  letter-spacing: var(--ac-btn-letter-spacing);
  -webkit-text-decoration: var(--ac-btn-text-decoration);
          text-decoration: var(--ac-btn-text-decoration);
  transition: color 0.3s ease;
}

.action-link:hover, .action-link:focus {
  background-color: var(--ac-btn-bg-hover);
  border-color: var(--ac-btn-border-color-hover);
  color: var(--ac-btn-text-color-hover);
  -webkit-text-decoration: var(--ac-btn-text-decoration-hover);
          text-decoration: var(--ac-btn-text-decoration-hover);
  transition: color 0.3s ease;
}

.action-link:focus, .action-link:focus-visible {
  outline: none;
  box-shadow: none;
}

.simple-status-messages {
  position: fixed !important;
  width: auto;
  margin-bottom: 32px;
}

[dir="ltr"] .simple-status-messages {
  right: 20px !important;
}

[dir="rtl"] .simple-status-messages {
  left: 20px !important;
}

.simple-status-messages .status-messages {
  position: relative;
  max-height: 700px;
  overflow: auto;
  padding: 20px 52px !important;
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--text-color);
  background: no-repeat 16px 20px;
  background-size: 24px;
  background-color: #fff;
  border: 1px solid;
  border-radius: 4px;
  box-shadow: unset;
  word-break: break-word;
}

[dir="ltr"] .simple-status-messages .status-messages {
  text-align: left;
}

[dir="rtl"] .simple-status-messages .status-messages {
  text-align: right;
}

.simple-status-messages .status-messages .backtrace {
  white-space: break-spaces;
}

.simple-status-messages .status-messages .status-message-close {
  position: absolute;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  top: 20px;
  padding: 0;
}

[dir="ltr"] .simple-status-messages .status-messages .status-message-close {
  right: 20px;
}

[dir="rtl"] .simple-status-messages .status-messages .status-message-close {
  left: 20px;
}

.simple-status-messages .status-messages .status-message-close span {
  position: unset;
  font-size: 0;
}

.simple-status-messages .status-messages .status-message-close:hover, .simple-status-messages .status-messages .status-message-close:focus {
  opacity: 1;
}

@media (min-width: 76rem) {
  .simple-status-messages .status-messages {
    max-width: 1000px;
  }
}

@media (max-width: 75rem) {
  .simple-status-messages .status-messages {
    max-width: 900px;
  }
}

@media (max-width: 62rem) {
  .simple-status-messages .status-messages {
    max-width: 700px;
  }
}

@media (max-width: 48rem) {
  .simple-status-messages .status-messages {
    max-width: 450px;
  }
}

@media (max-width: 29.25rem) {
  .simple-status-messages .status-messages {
    max-width: 300px;
  }
}

.simple-status-messages .messages--status,
.simple-status-messages .messages--info,
.simple-status-messages .messages--webform {
  background-image: url(../../media/images/success_check.svg);
  border-color: #00712F;
}

.simple-status-messages .messages--status .status-message-close,
.simple-status-messages .messages--info .status-message-close,
.simple-status-messages .messages--webform .status-message-close {
  background: url(../../media/images/close-green.svg) no-repeat center;
}

.simple-status-messages .messages--status .messages__list .messages__item::marker,
.simple-status-messages .messages--status .messages__list li::marker,
.simple-status-messages .messages--status .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--status .item-list__comma-list li::marker,
.simple-status-messages .messages--info .messages__list .messages__item::marker,
.simple-status-messages .messages--info .messages__list li::marker,
.simple-status-messages .messages--info .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--info .item-list__comma-list li::marker,
.simple-status-messages .messages--webform .messages__list .messages__item::marker,
.simple-status-messages .messages--webform .messages__list li::marker,
.simple-status-messages .messages--webform .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--webform .item-list__comma-list li::marker {
  color: #00712F;
}

.simple-status-messages .messages--status em.placeholder,
.simple-status-messages .messages--status a,
.simple-status-messages .messages--info em.placeholder,
.simple-status-messages .messages--info a,
.simple-status-messages .messages--webform em.placeholder,
.simple-status-messages .messages--webform a {
  color: #00712F;
  text-decoration: unset;
}

.simple-status-messages .messages--warning {
  background-image: url(../../media/images/warning_important.svg);
  border-color: #F09C2A;
}

.simple-status-messages .messages--warning .status-message-close {
  background: url(../../media/images/close-orange.svg) no-repeat center;
}

.simple-status-messages .messages--warning .messages__list .messages__item::marker,
.simple-status-messages .messages--warning .messages__list li::marker,
.simple-status-messages .messages--warning .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--warning .item-list__comma-list li::marker {
  color: #F09C2A;
}

.simple-status-messages .messages--warning em.placeholder,
.simple-status-messages .messages--warning a {
  color: #F09C2A;
  text-decoration: unset;
}

.simple-status-messages .messages--error {
  background-image: url(../../media/images/error_close.svg);
  border-color: #E30613;
}

.simple-status-messages .messages--error .status-message-close {
  background: url(../../media/images/close-red.svg) no-repeat center;
}

.simple-status-messages .messages--error .messages__list .messages__item::marker,
.simple-status-messages .messages--error .messages__list li::marker,
.simple-status-messages .messages--error .item-list__comma-list .messages__item::marker,
.simple-status-messages .messages--error .item-list__comma-list li::marker {
  color: #E30613;
}

.simple-status-messages .messages--error em.placeholder,
.simple-status-messages .messages--error a {
  color: #E30613;
  text-decoration: unset;
}

@media (max-width: 48rem) {
  .simple-status-messages {
    position: fixed !important;
  }
}

.messages__list,
.item-list__comma-list {
  display: block;
  list-style-type: square;
}

.messages__list .messages__item,
.messages__list li,
.item-list__comma-list .messages__item,
.item-list__comma-list li {
  display: list-item;
}

.messages__list .messages__item::marker,
.messages__list li::marker,
.item-list__comma-list .messages__item::marker,
.item-list__comma-list li::marker {
  opacity: 0.5;
}

[dir="ltr"] .messages__list .messages__item::marker,
[dir="ltr"] .messages__list li::marker,
[dir="ltr"] .item-list__comma-list .messages__item::marker,
[dir="ltr"] .item-list__comma-list li::marker {
  margin-right: 5px;
}

[dir="rtl"] .messages__list .messages__item::marker,
[dir="rtl"] .messages__list li::marker,
[dir="rtl"] .item-list__comma-list .messages__item::marker,
[dir="rtl"] .item-list__comma-list li::marker {
  margin-left: 5px;
}

.placeholder {
  font-family: var(--font-regular);
  font-weight: 400;
  font-size: 16px;
  color: var(--text-color);
  line-height: 24px;
  margin: 0 5px;
  font-style: normal;
  background: unset;
  opacity: unset;
  text-decoration: underline;
  cursor: auto;
}

.dark-mode .status-messages {
  background-color: var(--dark-grey-bg);
}

/*# sourceMappingURL=status_messages.css.map*/