/*
  Seed Color: #0F4C81
*/
/*
  Seed Color: #0F4C81
*/
@layer components {
  .cc-share-wrapper,
  .cc-share {
    --cc-share-color-background-backdrop: rgba(0, 0, 0, 0.5);
    --cc-share-color-background: var(--cs-color-surface-container-high);
    --cc-share-color-background-button-url: var(--cs-color-outline-variant);
    --cc-share-color-background-button-x: #010101;
    --cc-share-color-input-default: var(--cs-color-on-surface);
    --cc-share-color-input-copied: var(--cs-color-tertiary);
    --cc-share-elevation-z-container: 320;
    --cc-share-elevation-z-backdrop: 300;
    --cc-share-shape: var(--cs-shape-full);
    --cc-share-size-height: 5.8rem;
    --cc-share-size-width-container: 300px;
    --cc-share-size-image-default: 3.6rem;
    --cc-share-size-image-email: 2.6rem;
    --cc-share-size-image-x: 1.4rem;
    --cc-share-space-gap-inline: 1rem;
    --cc-share-space-padding-inline: 1.6rem;
    --cc-share-space-position-x: 0;
    --cc-share-space-position-y: 0;
  }
  .cc-share-wrapper {
    display: flex;
    align-items: center;
    background-color: var(--cc-share-color-background);
    position: absolute;
    border-radius: var(--cc-share-shape);
    bottom: -10px;
    right: 0%;
    opacity: 0;
    visibility: hidden;
    transform: translate(50%, 0);
    transition: 0.25s ease-in-out;
    z-index: 500;
    height: var(--cc-share-size-height);
    margin: 0 auto;
    margin-bottom: 20px;
    width: max-content;
    max-width: 90%;
    scroll-margin-top: 14.2rem;
    scroll-margin-bottom: 2.4rem;
    transition-behavior: allow-discrete;
  }
  @media print {
    .cc-share-wrapper {
      display: none;
    }
  }
  .cc-share-wrapper:not(.is-active) {
    display: none;
  }
  .cc-share-wrapper.is-active {
    right: 50%;
    opacity: 1;
    visibility: visible;
  }
  .cc-share-wrapper .cc-button--url {
    background-color: var(--cc-share-color-background-button-url);
  }
  .cc-share-wrapper .cc-button--image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    background-size: auto 100%;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .cc-share-wrapper .cc-button--facebook {
    background-image: url(../img/icon/facebook.svg);
  }
  .cc-share-wrapper .cc-button--linkedin {
    background-image: url(../img/icon/linkedin.svg);
  }
  .cc-share-wrapper .cc-button--x {
    background-size: auto 1.4rem;
    background-color: var(--cc-share-color-background-button-x);
    background-image: url(../img/icon/x-logo-white.svg);
  }
  .cc-share-wrapper .cc-button--email {
    background-size: auto 2.6rem;
    background-image: url(../img/icon/email-active.svg);
  }
  .cc-share {
    display: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: var(--cc-share-space-gap-inline);
    padding-inline: var(--cc-share-space-padding-inline);
  }
  .cc-share.is-active {
    display: flex;
  }
  .cc-share__input {
    color: var(--cc-share-color-input-default);
    overflow-x: auto;
    position: relative;
    white-space: nowrap;
    border: none;
    width: 100%;
    scrollbar-width: none;
  }
  .cc-share__input::-webkit-scrollbar {
    display: none;
  }
  .cc-share__input.is-copied {
    color: var(--cc-share-color-input-copied);
  }
  .cc-share--url {
    --cc-share-space-padding-inline: 1.2rem;
  }
  .cc-share--url .cc-button--close {
    margin-inline-end: 1rem;
  }
  .cc-share--span {
    --cc-share-space-padding-inline: 0;
  }
  .cc-share-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 490;
    transition: position 0.25s ease-out, opacity 0.25s ease-out;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
  }
  .cc-share-overlay.is-active {
    opacity: 1;
    visibility: visible;
  }
  .share-active {
    display: none;
  }
  .message-receipment-form .mdc-radio {
    margin-top: 13px;
  }
  .message-receipment-form .mdc-radio.text-only {
    margin-top: 11px;
  }
  .message-receipment-form .message-receipment-both-label {
    margin-top: 11px;
  }
  @media not screen and (min-aspect-ratio: 16/9) and (max-width: 928px) {
    @media screen and (min-width: 744px) {
      .cc-share-overlay {
        background: color-mix(in srgb, var(--cs-color-scrim-black) 75%, transparent);
      }
      #support-splash-header-mobile .cc-share-overlay {
        display: none;
      }
    }
  }
  @media screen and (min-width: 1025px) {
    .cc-share-overlay.is-active {
      position: absolute;
    }
  }
}

/*# sourceMappingURL=cc_share.7a1f98cbc79c0274.css.map*/