@charset "UTF-8";
@import "/hc/theming_assets/01JPSNXP8DQD8KB1FV7G433KMS";

/*********************************************************/
/* Better Copenhagen Theme                               */
/*********************************************************/
/*
 * Do not add or changes any styles in this section!
 *
 * Css variables for images/fonts etc., are defined in this file, because
 * zendesk only parses their default template files. Asset files (styles, scripts)
 * do not have access to zendesk variables.
 */

:root{
  --image-bulb: url(/hc/theming_assets/01KJ7MDGZNJ90NPZGVDEWB9V3M);
  --image-person: url(/hc/theming_assets/01KJ7MDGWXV1YQC5CWMW9ENX6W);
  --image-person-with-googles: url(/hc/theming_assets/01KJ7MDK7EK2ND8DC7XFC4CW5H);
  --image-question-mark: url(/hc/theming_assets/01KJ7MDKKWP7QEA9GQMEA1JVN3);
  --image-loudspeaker: url(/hc/theming_assets/01KJ7MDKMWJKRZKCABCDSZFEWF);
  --image-graduation-hat: url(/hc/theming_assets/01KJ7MDKM5NKVQFPB3SNEPRG44);
  --image-handshake: url(/hc/theming_assets/01KJ7MDKE0X3J5XH49C3FPZY75);
  --image-help-center: url(/hc/theming_assets/01KJ7MDK7PBDS2PKT72VJAQBM4);
  --image-sales-documentation: url(/hc/theming_assets/01KJ7MDKMY1HG9E239JAE65PNG);
  --image-install-guides: url(/hc/theming_assets/01KJ7MDK7PBDS2PKT72VJAQBM4);
  --image-forum: url(/hc/theming_assets/01KJ7MDH9843ZCBMWFE79KSRZZ);
  --image-application: url(/hc/theming_assets/01KJ7MDKM36GB13ZX8DADB567C);
  --image-platform: url(/hc/theming_assets/01KJ7MDKH665G8DGA7AYBAAX6S);
  --image-renderer: url(/hc/theming_assets/01KJ7MDKH4T0A2YD1N3FMJ5DB8);
  --image-builder: url(/hc/theming_assets/01KJ7MDKARR2ZREWKATH7VDMWH);
  --image-playground: url(/hc/theming_assets/01KJ7MDKH7TKYN7XQHE9583G7K);
  --image-chat: url(/hc/theming_assets/01KJ7MDKH2K48PJ83XK84A283W);
  --image-recaps: url(/hc/theming_assets/01KJ7MDKH6QB301ZRNBR8H62C4);
  --image-next: url(/hc/theming_assets/01KJ7MDKM68Q5Y8KV8VMN0S13W);

  --image-homepage-background: url(/hc/theming_assets/01JPSNXT7RQCTM0BQ36WY2QMDQ);
  --image-community-background: url(/hc/theming_assets/01KJ7MDNJWFEXMB9SNSJ09X4G7);
  --image-contact-us: url(/hc/theming_assets/01JPSNXNRSTNAAT02124BG4XX5);
  --image-community-recent-activity-banner: url(/hc/theming_assets/01JPSNXNVAC682REA4NRF57KQ0);
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXPAJJPS1383MGQBCK4MY);
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXR175JZVCXY1QWGD47F5);
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXQ4GWYBE6A9E126WXXCX);
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXPKPNX8ZMTJNBQ74VHHF);
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXQJ92XF9J4Q1V5ES2ZZJ);
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXQ5H1VXQR6N6WBV02YGM);
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: librefranklin;
  src: url(/hc/theming_assets/01JPSNXPGHEC70DGP26TH7NBMA);
  font-weight: 900;
  font-style: normal;
}


/*********************************************************/
/* Better Specific Style                                 */
/*********************************************************/
/*
 * Please inform engineers of any additional changes
 */

/* Icons */
/*********************************************************/

.icon-svg[href*="360003429618"]::before {
  background-image: var(--image-sales-documentation);
}

.icon-svg[href*="360003667297"]::before {
  background-image: var(--image-help-center);
}

.icon-svg.icon-application::before {
  background-image: var(--image-application);
}

.icon-svg.icon-platform::before {
  background-image: var(--image-platform);
}

/* Homepage */
/*********************************************************/

.homepage .sub-nav {
  display: none;
}

@media (min-width: 768px) {
  .homepage .hero .section-inner {
    padding: 5em 0 4em 0;
  }
}

/* Homepage hide */
/*********************************************************/
.section.section.featured {
  display: none !important;
}


/* Hide the heading and the promoted categories */
.section-inner h2.title,
.section-inner .promoted-categories {
  display: none;
}

/* Hide the search bar by targeting its ID */
#query {
  display: none;
}

/* Hide the 'Powered by Zendesk' link */
a[href*="zendesk.com/service/help-center/"] {
  display: none !important;
}

circle {
  display: none;
}

path[d="M11 11L7.5 7.5"] {
  display: none;
}

/*********************************************************/
/* CRPP Documentation Tile Card                          */
/*********************************************************/

.crpp-doc-section {
  background-color: #f5f5f5;
  padding: 0;
  margin: 0;
}

.crpp-doc-section .section-inner {
  padding: 40px 0;
}

.crpp-doc-card {
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #0055b8 0%, #0072EF 100%);
  border-radius: 12px;
  padding: 32px 36px;
  color: #fff;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 114, 239, 0.25);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.crpp-doc-card:hover {
  box-shadow: 0 8px 30px rgba(0, 114, 239, 0.35);
  transform: translateY(-2px);
}

.crpp-doc-card::before {
  content: '';
  position: absolute;
  top: -60%;
  right: -15%;
  width: 350px;
  height: 350px;
  background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.crpp-doc-card-icon {
  width: 68px;
  height: 68px;
  min-width: 68px;
  background: rgba(255,255,255,0.15);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 28px;
}

.crpp-doc-card-icon svg {
  width: 30px;
  height: 30px;
  color: #fff;
  stroke: #fff;
}

.crpp-doc-card-content {
  flex: 1;
  position: relative;
  z-index: 1;
}

.crpp-doc-badge {
  display: inline-block;
  background: rgba(255,255,255,0.2);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 3px 12px;
  border-radius: 100px;
  margin-bottom: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

h2.crpp-doc-title {
  font-size: 22px;
  font-weight: 900;
  margin: 0 0 8px 0;
  color: #fff;
}

h2.crpp-doc-title a {
  color: #fff;
  text-decoration: none;
}

h2.crpp-doc-title a:hover {
  text-decoration: underline;
}

.crpp-doc-card-desc {
  color: rgba(255,255,255,0.85);
  font-size: 15px;
  line-height: 1.5;
  margin: 0 0 18px 0;
}

.crpp-doc-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.2);
  color: #fff;
  padding: 10px 22px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.crpp-doc-btn:hover {
  background: rgba(255,255,255,0.3);
  color: #fff;
  text-decoration: none;
}

.crpp-doc-btn svg {
  width: 16px;
  height: 16px;
  stroke: #fff;
  transition: transform 0.2s ease;
}

.crpp-doc-card:hover .crpp-doc-btn svg {
  transform: translateX(3px);
}

@media (max-width: 767px) {
  .crpp-doc-card {
    flex-direction: column;
    text-align: center;
    padding: 28px 24px;
  }
  .crpp-doc-card-icon {
    margin-right: 0;
    margin-bottom: 16px;
  }
  h2.crpp-doc-title {
    font-size: 20px;
  }
}

/*********************************************************/