/* interactive_blocks/process - Complete extraction */

.block-audio.bg--type-black .audio-player:not(.audio-player--overlay),.block-audio.bg--type-dark .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),.block-process.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player .block-timeline.bg--card-transparent.bg--type-dark .audio-player:not(.audio-player--overlay),.block-timeline.bg--card-transparent.bg--type-black .audio-player:not(.audio-player--overlay),.block-timeline.bg--card-transparent.bg--type-image.bg--overlay-light .audio-player:not(.audio-player--overlay) {
  --color-track:#fff;
  --color-action:#fff;
  --color-track-opacity:0.4}

.block-process.bg--card-transparent.bg--type-image .audio-player .block-timeline.bg--card-transparent.bg--type-image .audio-player:not(.audio-player--overlay) {
  --color-track:var(--arc-color-mono-black);
  --color-action:var(--arc-color-mono-black)}

.block-process-card__title h2,.block-process-card__title h3,.block-process-card__title h4,.block-process-card__title h5 {
  font-family:var(--font-family-head)!important;
  font-weight:700;
  line-height:1.25;
  padding-block:.8rem;
  padding-inline:0}

.block-process-card__title h2 p,.block-process-card__title h3 p,.block-process-card__title h4 p,.block-process-card__title h5 p {
  font-family:var(--font-family-head)!important;
  font-weight:700;
  line-height:1.25}

.block-process-card__title h2 {
  font-size:2.8rem}

  .block-process-card__title h2 {
  font-size:3.2rem}

  .block-process-card__title h2 {
  font-size:2.2rem}

.block-process-card__title h3 {
  font-size:2.2rem}

  .block-process-card__title h3 {
  font-size:2.4rem}

  .block-process-card__title h3 {
  font-size:1.8rem}

.block-process-card__title h4 {
  font-size:1.8rem}

  .block-process-card__title h4 {
  font-size:2rem}

  .block-process-card__title h4 {
  font-size:1.6rem}

.block-process-card__title h5 {
  font-size:1.6rem}

  .block-process-card__title h5 {
  font-size:1.8rem}

  .block-process-card__title h5 {
  font-size:1.4rem}

.block-process-card {
  --box-shadow-step:none;
  --color-step-bg:var(--color-theme-decorative,var(--color-theme));
  --color-step-text:var(--color-theme-contrast,var(--arc-color-mono-white));
  display:flex;
  flex-direction:column;
  padding-block:var(--arc-space-4);
  padding-inline:var(--arc-space-4);
  width:100%}

.bg--type-accent .block-process-card {
  --box-shadow-step:0 4px 5px 0px #0003;
  --color-step-bg:var(--color-theme-contrast);
  --color-step-text:var(--color-theme-contrast-complementary)}

.bg--type-image.bg--card-transparent .block-process-card {
  --color-step-bg:var(--arc-color-mono-black);
  --color-step-text:var(--arc-color-mono-white)}

.bg--type-image.bg--overlay-light.bg--card-transparent .block-process-card {
  --color-step-bg:var(--arc-color-mono-white);
  --color-step-text:var(--arc-color-mono-black)}

  .block-process-card {
  padding-inline:var(--arc-space-5)}

.block-process-card__description {
  font-family:var(--font-family-body);
  font-size:var(--arc-font-size-14);
  line-height:1.8;
  margin-block-end:var(--arc-space-2-5);
  width:100%}

  .block-process-card__description,.block-process-card__description .fr-view table td,.block-process-card__description .fr-view table th {
  font-size:var(--arc-font-size-16)}

.block-process-card__description p {
  margin-block-end:var(--arc-space-2)}

.block-process-card__description p:last-child {
  margin-block-end:var(--arc-space-0)}

.block-process-card--intro,.block-process-card--summary {
  align-items:center;
  text-align:center}

.block-process-card__media {
  width:100%}

.block-process-card__media .audio-player,.block-process-card__media .embed,.block-process-card__media .img,.block-process-card__media .video-wrapper {
  margin-block-end:var(--arc-space-3)}

.block-process-card__media--legacy .audio-player {
  margin-block-end:var(--arc-space-0-75)}

.block-process-card__media--legacy img {
  margin-block:var(--arc-space-4)}

.block-process-card__media--audio-overlay {
  position:relative;
  width:fit-content}

.block-process-card__media--audio-overlay .audio-player,.block-process-card__media--audio-overlay .img {
  margin-block-end:0}

.block-process-card__media--audio-overlay-left {
  margin-inline-end:auto}

.block-process-card__media--audio-overlay-right {
  margin-inline-start:auto}

.block-process-card__media--audio-overlay-center {
  margin-inline:auto}

.block-process-card__media--audio-overlay-fill {
  width:100%}

.block-process-card__number {
  background-color:var(--color-step-bg);
  border:1px solid #0000;
  border-radius:var(--arc-border-radius-lg);
  box-shadow:var(--box-shadow-step);
  color:var(--color-step-text);
  display:inline-block;
  font-family:var(--font-family-head);
  font-size:var(--arc-font-size-14);
  font-weight:var(--arc-font-weight-600);
  inset-block-start:0;
  inset-inline-start:50%;
  letter-spacing:.05rem;
  padding-block:var(--arc-space-1);
  padding-inline:var(--arc-space-2-5);
  position:absolute;
  transform:translate(-50%,-50%)}

  .block-process-card__number {
  font-size:var(--arc-font-size-20)}

.block-process-card__restart-btn {
  align-items:center;
  background:#0000;
  border:1px solid #0000;
  border-radius:var(--arc-border-radius-pill);
  display:inline-flex;
  flex-direction:row-reverse;
  font-family:var(--font-family-ui);
  height:var(--arc-space-4);
  justify-content:center;
  line-height:1.96rem;
  padding-inline:1.6rem}

.block-process-card__restart-btn--audio-overlay {
  margin-block-start:var(--arc-space-3)}

.block-process-card__restart-btn-text {
  font-size:var(--arc-font-size-14);
  font-weight:var(--arc-font-weight-600);
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}

.block-process-card__restart-btn-icon {
  display:inline-flex;
  height:var(--arc-size-1-75);
  margin-inline-end:var(--arc-space-1);
  width:var(--arc-size-1-75)}

.block-process-card__title {
  margin-block-end:var(--arc-space-2-5)}

.block-process-card__description h2,.block-process-card__title h2 {
  font-size:var(--arc-font-size-20)}

  .block-process-card__description h2,.block-process-card__title h2 {
  font-size:var(--arc-font-size-24)}

  .block-process-card__description h2,.block-process-card__title h2 {
  font-size:var(--arc-font-size-28)}

.block-process-card__start-btn {
  align-items:center;
  background-color:var(--color-theme-decorative);
  border:2px solid #0000;
  border-radius:2rem;
  box-sizing:border-box;
  color:var(--color-theme-decorative-fg);
  cursor:pointer;
  display:inline-flex;
  font-size:var(--arc-font-size-12);
  font-weight:var(--arc-font-weight-600);
  height:var(--arc-size-5);
  justify-content:center;
  outline-offset:.3rem;
  padding-inline:var(--arc-space-1);
  text-transform:uppercase;
  width:17rem}

  .block-process-card__start-btn {
  font-size:1rem;
  height:3rem;
  line-height:2.6}

.block-process-card__start-btn--audio-overlay {
  margin-block-start:var(--arc-space-3)}

.block-process-card__start-btn-text {
  font-family:var(--font-family-ui);
  margin-inline-end:var(--arc-space-0-75);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap}

.block-process-card__swipe-badge {
  align-items:center;
  background-color:var(--arc-color-mono-black);
  border-end-end-radius:2.5rem;
  border-start-end-radius:2.5rem;
  color:var(--arc-color-mono-white);
  display:flex;
  inset-block-end:0;
  inset-inline-end:0;
  opacity:0;
  padding-block:var(--arc-space-0-75);
  padding-inline:var(--arc-space-2-5);
  position:absolute;
  transform:translateY(50%)}

.block-process-card__swipe-badge--animate {
  animation:slideInFade .3s ease-out forwards}

.block-process-card__swipe-badge-text {
  font-size:var(--arc-font-size-12);
  font-style:italic;
  margin-inline-end:var(--arc-space-1)}

.block-process-carousel {
  --block-max-width:83rem;
  --carousel-control-width:11rem;
  --carousel-slide-gap:80rem;
  --controls-bg-color:var(--arc-color-mono-black);
  --controls-icon-color:var(--arc-color-mono-white);
  box-sizing:initial;
  margin-inline:auto;
  max-width:var(--block-max-width);
  padding-block:var(--arc-space-5) var(--arc-space-2);
  padding-inline:1.9999998rem}

.bg--type-accent .block-process-carousel {
  --controls-bg-color:var(--color-theme-contrast);
  --controls-icon-color:var(--color-theme-contrast-complementary)}

.bg--type-black .block-process-carousel,.bg--type-dark .block-process-carousel,.bg--type-image:not(.bg--overlay-light) .block-process-carousel {
  --controls-bg-color:#fff9;
  --controls-icon-color:var(--arc-color-mono-black)}

.bg--type-color.bg--contrast-light .block-process-carousel {
  --controls-bg-color:var(--arc-color-mono-white);
  --controls-icon-color:var(--arc-color-mono-black)}

  .block-process-carousel {
  padding-inline:calc(var(--carousel-control-width) + 1.5rem)}

.block-process-carousel .carousel {
  padding-block-end:var(--arc-space-6);
  position:relative}

.block-process-carousel .carousel-controls {
  inset-block:0;
  inset-inline:0;
  position:absolute}

.block-process-carousel .carousel-controls-items {
  display:flex;
  inset-inline-start:50%;
  max-width:100%;
  overflow-x:hidden;
  pointer-events:auto;
  position:absolute;
  top:calc(100% - 3rem);
  touch-action:none;
  transform:translateX(calc(-50%*var(--dir-x)))}

.block-process-carousel .carousel-controls-item {
  display:flex;
  margin-inline-end:var(--arc-space-0-75);
  outline-offset:1px}

.block-process-carousel .carousel-controls-item:last-child {
  margin-inline-end:var(--arc-space-0)}

.block-process-carousel .carousel-controls-item-btn {
  align-items:center;
  background-color:#0000;
  border:2px solid #0000;
  border-radius:50%;
  cursor:pointer;
  display:inline-flex;
  font-family:var(--font-family-ui);
  height:var(--arc-space-4);
  justify-content:center;
  transition:border-color .2s ease;
  width:var(--arc-space-4)}

  .block-process-carousel .carousel-controls-item-btn:hover {
  border-color:color-mix(in sRGB,currentColor 30%,#0000)}

.block-process-carousel .carousel-controls-item-btn[aria-current=true] {
  border-color:currentColor;
  text-shadow:0 0 .4px currentColor}

.block-process-carousel [dir=rtl] .carousel-controls-item-intro-icon {
  transform:scaleX(-1)}

.block-process-carousel .carousel-controls-next,.block-process-carousel .carousel-controls-prev {
  align-items:center;
  color:var(--color-carousel-arrow);
  display:none;
  height:100%;
  justify-content:center;
  position:absolute;
  width:var(--carousel-control-width);
  z-index:1}

  .block-process-carousel .carousel-controls-next,.block-process-carousel .carousel-controls-prev {
  display:flex}

.block-process-carousel .carousel-controls-next[aria-disabled=true],.block-process-carousel .carousel-controls-prev[aria-disabled=true] {
  cursor:default;
  opacity:var(--arc-alpha-30)}

.block-process-carousel .carousel .carousel-controls-prev {
  inset-inline-start:calc(var(--carousel-control-width)*-1)}

  .block-process-carousel .carousel .carousel-controls-prev {
  inset-inline-start:calc((var(--carousel-control-width) + 3rem)*-1)}

.block-process-carousel .carousel .carousel-controls-next {
  inset-inline-end:calc(var(--carousel-control-width)*-1)}

  .block-process-carousel .carousel .carousel-controls-next {
  inset-inline-end:calc((var(--carousel-control-width) + 3rem)*-1)}

.block-process-carousel .carousel-controls-next-icon,.block-process-carousel .carousel-controls-prev-icon {
  align-items:center;
  background-color:var(--controls-bg-color);
  border-radius:50%;
  color:var(--controls-icon-color);
  display:flex;
  height:var(--arc-space-6);
  justify-content:center;
  width:var(--arc-space-6)}

  .block-process-carousel .carousel-controls-next-icon,.block-process-carousel .carousel-controls-prev-icon {
  height:var(--arc-space-7);
  width:var(--arc-space-7)}

.block-process-carousel .carousel-controls-next-icon>svg,.block-process-carousel .carousel-controls-prev-icon>svg {
  height:var(--arc-size-3-25)}

.block-process-carousel .carousel-slides {
  display:flex;
  gap:var(--carousel-slide-gap)}

.block-process-carousel .carousel-slide {
  --carousel-offset:calc(var(--carousel-active-index)*var(--carousel-slide-gap));
  display:flex;
  flex-shrink:0;
  inset-inline-end:calc(var(--carousel-active-index)*100% + var(--carousel-offset));
  position:relative;
  transition:inset-inline-end .5s ease,visibility 0s 0s;
  width:100%}

.block-process-carousel .carousel-slide[hidden] {
  display:block;
  height:0;
  opacity:0;
  transition:inset-inline-end .5s ease,opacity 0s .5s}

.block-process-carousel .carousel-controls-next-icon>svg,.block-process-carousel .carousel-controls-prev-icon>svg {
  height:var(--arc-size-3-25)}

  .block-process-card__title h2 {
  font-size:3.2rem}

  .block-process-card__title h2 {
  font-size:2.2rem}

  .block-process-card__title h3 {
  font-size:2.4rem}

  .block-process-card__title h3 {
  font-size:1.8rem}

  .block-process-card__title h4 {
  font-size:2rem}

  .block-process-card__title h4 {
  font-size:1.6rem}

  .block-process-card__title h5 {
  font-size:1.8rem}

  .block-process-card__title h5 {
  font-size:1.4rem}

  .block-process-card {
  padding-inline:var(--arc-space-5)}

  .block-process-card__description,.block-process-card__description .fr-view table td,.block-process-card__description .fr-view table th {
  font-size:var(--arc-font-size-16)}

  .block-process-card__number {
  font-size:var(--arc-font-size-20)}

  .block-process-card__description h2,.block-process-card__title h2 {
  font-size:var(--arc-font-size-24)}

  .block-process-card__description h2,.block-process-card__title h2 {
  font-size:var(--arc-font-size-28)}

  .block-process-card__start-btn {
  font-size:1rem;
  height:3rem;
  line-height:2.6}

  .block-process-carousel {
  padding-inline:calc(var(--carousel-control-width) + 1.5rem)}

  .block-process-carousel .carousel-controls-item-btn:hover {
  border-color:color-mix(in sRGB,currentColor 30%,#0000)}

  .block-process-carousel .carousel-controls-next,.block-process-carousel .carousel-controls-prev {
  display:flex}

  .block-process-carousel .carousel .carousel-controls-prev {
  inset-inline-start:calc((var(--carousel-control-width) + 3rem)*-1)}

  .block-process-carousel .carousel .carousel-controls-next {
  inset-inline-end:calc((var(--carousel-control-width) + 3rem)*-1)}

  .block-process-carousel .carousel-controls-next-icon,.block-process-carousel .carousel-controls-prev-icon {
  height:var(--arc-space-7);
  width:var(--arc-space-7)}
/* Fix: Remove default button styles for navigation arrows */
.block-process-carousel .carousel-controls-prev,
.block-process-carousel .carousel-controls-next {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.block-process-carousel .carousel-controls-prev:disabled,
.block-process-carousel .carousel-controls-next:disabled,
.block-process-carousel .carousel-controls-prev[aria-disabled="true"],
.block-process-carousel .carousel-controls-next[aria-disabled="true"] {
  cursor: not-allowed;
}

/* Fix: Override utilities.css:138 inherit rule for elements inside h2 */
.block-process-card__title h2 *,
.block-process-card__title h2 .fr-view *,
.block-process-card__title h2 .rise-tiptap * {
  font-family: var(--font-family-head, Lato) !important;
  font-weight: 700 !important;
}

/* Fix: Description text should use Process-specific font size, not default p size */
.block-process-card__description p,
.block-process-card__description .fr-view p,
.block-process-card__description * {
  font-size: var(--arc-font-size-14) !important;
}

@media(min-width:42.5em) {
  .block-process-card__description p,
  .block-process-card__description .fr-view p,
  .block-process-card__description * {
    font-size: var(--arc-font-size-16) !important;
  }
}

/* Fix: Ensure chevron icon in start button is vertically centered */
.block-process-card__start-btn-icon {
  display: flex;
  align-items: center;
  height: 100%;
}

/* Fix: Ensure proper spacing between image and description text */
.block-process-card__media {
  margin-block-end: var(--arc-space-3);
}