/*
  This folder is not used, but the Embroider build currently fails without this
  file. Issue: https://github.com/embroider-build/embroider/issues/1486

  Instead, import any necessary CSS into the component .gts file that needs it.
  This allows code-splitting to work for styles as well.
*/

/* HubSpot chat visibility rules moved from index.html to avoid JSDOM inline CSS parse issues */

/* Hide print-only sections in the browser */
.look-ahead-print-only {
  display: none;
}

/* Hide chat container by default */
#hubspot-messages-iframe-container,
.hs-shadow-container,
iframe#hubspot-conversations-iframe {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Show HubSpot chat when it should be visible */
#hubspot-messages-iframe-container.chat-visible,
.hs-shadow-container.chat-visible,
iframe#hubspot-conversations-iframe.chat-visible {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Hide iframe when shadow container is visible but not active */
.hs-shadow-container.chat-visible:not(.active)
  + iframe#hubspot-conversations-iframe {
  display: none !important;
}

/* Ensure our custom chat button is visible */
button[data-custom-chat-button="true"] {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Training Hub */
@keyframes training-pop {
  0% {
    transform: scale(0) rotate(-20deg);
    opacity: 0;
  }

  60% {
    transform: scale(1.15) rotate(4deg);
    opacity: 1;
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

.training-pop {
  animation: training-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.training-ring-fg {
  transition: stroke-dashoffset 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}