.pageblock--steps{--steps-trigger-bg:var(--color-accent-95,#f5f0ed);--steps-trigger-bg-hover:#edf9f1;--steps-trigger-bg-active:#edf9f1;--steps-icon-bg:var(--color-neutral-200,#ccc);--steps-icon-bg-active:var(--color-primary-500,#00b045);--steps-icon-color:var(--color-neutral-0,#fff);--steps-icon-color-active:var(--color-neutral-0,#fff);--steps-icon-size:var(--text-lg,1.125rem);--steps-panel-radius:var(--border-radius-xl);--steps-trigger-radius:var(--border-radius-md,12px);--steps-transition-duration:.35s;--steps-transition-timing:var(--transition-timing-function,cubic-bezier(.4, 0, .2, 1))}.pageblock--steps .steps-block__intro{text-align:center;margin-block-end:var(--spacing-xl,2.5rem)}.pageblock--steps .steps-block__intro .x-core-intro{max-inline-size:48rem;margin-inline:auto}.pageblock--steps .steps-block__layout{gap:var(--spacing-xl,2.5rem);align-items:start;display:grid}@media (min-width:900px){.pageblock--steps .steps-block__layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.pageblock--steps .steps-block__nav{gap:var(--spacing-sm,.75rem);flex-direction:column;display:flex}.pageblock--steps .steps-block__trigger{gap:var(--spacing-md,1rem);inline-size:100%;padding:var(--spacing-md,1rem) var(--spacing-md,1rem);color:inherit;font:inherit;text-align:start;background-color:var(--steps-trigger-bg);border-radius:var(--steps-trigger-radius);cursor:pointer;transition:background-color var(--steps-transition-duration) var(--steps-transition-timing), color var(--steps-transition-duration) var(--steps-transition-timing), box-shadow var(--steps-transition-duration) var(--steps-transition-timing), transform var(--steps-transition-duration) var(--steps-transition-timing);border:0;align-items:center;margin:0;display:flex}.pageblock--steps .steps-block__trigger:hover,.pageblock--steps .steps-block__trigger:focus-visible{background-color:var(--steps-trigger-bg-hover)}.pageblock--steps .steps-block__trigger:hover .steps-block__trigger-icon,.pageblock--steps .steps-block__trigger:focus-visible .steps-block__trigger-icon{background-color:color-mix(in srgb, var(--steps-icon-bg) 70%, var(--steps-icon-bg-active))}.pageblock--steps .steps-block__trigger:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.pageblock--steps .steps-block__trigger.is-active{background-color:var(--steps-trigger-bg-active)}.pageblock--steps .steps-block__trigger.is-active .steps-block__trigger-icon{color:var(--steps-icon-color-active);background-color:var(--steps-icon-bg-active)}.pageblock--steps .steps-block__trigger.is-active .steps-block__toggle-icon--minus{opacity:1;transform:scale(1)}.pageblock--steps .steps-block__trigger.is-active .steps-block__toggle-icon--plus{opacity:0;transform:scale(.6)}.pageblock--steps .steps-block__trigger-icon{block-size:3.25rem;inline-size:3.25rem;color:var(--steps-icon-color);font-size:var(--steps-icon-size);background-color:var(--steps-icon-bg);transition:background-color var(--steps-transition-duration) var(--steps-transition-timing), color var(--steps-transition-duration) var(--steps-transition-timing);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.pageblock--steps .steps-block__trigger-icon .x-core-icon,.pageblock--steps .steps-block__trigger-icon .steps-block__svg-icon,.pageblock--steps .steps-block__trigger-icon svg{inline-size:var(--steps-icon-size);block-size:var(--steps-icon-size);transition:fill var(--steps-transition-duration) var(--steps-transition-timing), color var(--steps-transition-duration) var(--steps-transition-timing)}.pageblock--steps .steps-block__trigger-icon svg{fill:var(--steps-icon-color)}.steps-block__trigger.is-active .pageblock--steps .steps-block__trigger-icon svg{fill:var(--steps-icon-color-active)}.pageblock--steps .steps-block__trigger-body{gap:var(--spacing-sm,.75rem);flex:1;align-items:center;min-inline-size:0;display:flex}.pageblock--steps .steps-block__number{block-size:1.5rem;inline-size:1.5rem;color:var(--color-neutral-0);font-weight:700;font-size:var(--text-sm,.875rem);background-color:var(--color-neutral-1000);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.pageblock--steps .steps-block__trigger-title{font-weight:600;line-height:1.3}.pageblock--steps .steps-block__toggle{block-size:1.25rem;inline-size:1.25rem;color:var(--color-neutral-900);font-size:var(--text-sm,.875rem);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.pageblock--steps .steps-block__toggle-icon--minus,.pageblock--steps .steps-block__toggle-icon--plus{transition:opacity var(--steps-transition-duration) var(--steps-transition-timing), transform var(--steps-transition-duration) var(--steps-transition-timing);display:inline-flex}.pageblock--steps .steps-block__toggle-icon--minus{opacity:0;position:absolute;transform:scale(.6)}.pageblock--steps .steps-block__toggle-icon--plus{opacity:1;transform:scale(1)}.pageblock--steps .steps-block__panels{min-inline-size:0;position:relative}.pageblock--steps .steps-block__panel{padding:var(--spacing-xl,2.5rem);background-color:var(--color-neutral-0);border-radius:var(--steps-panel-radius);opacity:0;transition:opacity var(--steps-transition-duration) var(--steps-transition-timing), transform var(--steps-transition-duration) var(--steps-transition-timing);display:none;box-shadow:0 8px 28px #0000000f}.pageblock--steps .steps-block__panel.is-active{opacity:1;animation:steps-panel-in var(--steps-transition-duration) var(--steps-transition-timing);display:block}@keyframes steps-panel-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.pageblock--steps .steps-block__panel-title{margin-block:0 var(--spacing-md,1rem);font-weight:700;font-size:var(--text-xl,1.5rem);line-height:1.25}.pageblock--steps .steps-block__panel-intro .x-core-intro{margin-block-end:var(--spacing-lg,1.5rem)}.pageblock--steps .steps-block__panel-intro .x-core-button-wrapper{margin-block-start:var(--spacing-md,1rem)}.pageblock--steps .steps-block__gallery{margin-block-start:var(--spacing-lg,1.5rem)}.pageblock--steps .steps-block__gallery-item{min-inline-size:0}.pageblock--steps .steps-block__gallery-link{aspect-ratio:3/4;background-color:var(--color-neutral-100,#e5e5e5);border-radius:var(--border-radius-md,12px);cursor:zoom-in;display:block;overflow:hidden}.pageblock--steps .steps-block__gallery-link:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.pageblock--steps .steps-block__gallery-image{object-fit:cover;block-size:100%;inline-size:100%;transition:transform var(--transition-duration,.2s) var(--transition-timing-function,ease);display:block}.steps-block__gallery-link:hover .pageblock--steps .steps-block__gallery-image{transform:scale(1.03)}
