.twentyone-process-steps{--step-min: clamp(2.5rem, 5vw, 4rem);--step-max: clamp(7rem, 16vw, 14rem);--step-overlap: 0.2;--step-color: var(--wp--preset--color--blue-dark-03);--step-color-active: var(--wp--preset--color--primary-01);--step-border-color: var(--wp--preset--color--blue-dark-01);--step-border-width: 0.1875rem;--step-bubble-color: var(--step-color);--step-label-opacity: 0;--step-label-lift: var(--wp--preset--spacing--8)}.twentyone-process-steps .twentyone-process-steps-list{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;list-style:none;margin:0;padding:0}.twentyone-process-steps .twentyone-process-steps-item{--step-diameter: calc( var(--step-min) + (var(--step-max) - var(--step-min)) * (var(--step-size) - 1) / 4 );position:relative;flex:0 0 auto;width:var(--step-diameter);border-radius:var(--wp--preset--border-radius--full);transition:var(--wp--custom--transition--preset--default)}.twentyone-process-steps .twentyone-process-steps-item+.twentyone-process-steps-item{margin-inline-start:calc(var(--step-diameter) * var(--step-overlap) * -1)}@media(hover: hover){.twentyone-process-steps .twentyone-process-steps-item:hover{--step-bubble-color: var(--step-color-active);--step-label-opacity: 1;--step-label-lift: 0px;z-index:1}}@media(hover: none)and (pointer: coarse){.twentyone-process-steps .twentyone-process-steps-item:active{--step-bubble-color: var(--step-color-active);--step-label-opacity: 1;--step-label-lift: 0px;z-index:1}}.twentyone-process-steps .twentyone-process-steps-item:focus-visible{--step-bubble-color: var(--step-color-active);--step-label-opacity: 1;--step-label-lift: 0px;z-index:1;outline:2px solid var(--wp--preset--color--primary-01);outline-offset:var(--wp--preset--spacing--4)}.twentyone-process-steps .twentyone-process-steps-bubble{display:block;width:100%;aspect-ratio:1;border:var(--step-border-width) solid var(--step-border-color);border-radius:var(--wp--preset--border-radius--full);background:var(--step-bubble-color);transition:var(--wp--custom--transition--preset--default)}.twentyone-process-steps .twentyone-process-steps-label{position:absolute;inset:auto auto calc(100% + var(--wp--preset--spacing--12)) 50%;z-index:2;padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);border-radius:var(--wp--preset--border-radius--12);background:var(--wp--preset--color--blue-dark-01);color:var(--wp--preset--color--white);font-size:var(--wp--preset--font-size--level-7);font-weight:700;letter-spacing:.1em;line-height:1.25;text-transform:uppercase;white-space:nowrap;opacity:var(--step-label-opacity);translate:-50% var(--step-label-lift);transition:var(--wp--custom--transition--preset--default);pointer-events:none}.twentyone-process-steps .twentyone-process-steps-label::after{content:"";position:absolute;inset:100% auto auto 50%;z-index:-1;width:.75rem;aspect-ratio:1;border-radius:var(--wp--preset--border-radius--4);background:inherit;translate:-50% -50%;rotate:45deg}@media(max-width: 48em){.twentyone-process-steps{--step-min: 2.25rem;--step-max: 6rem;--step-overlap: 0.08}.twentyone-process-steps .twentyone-process-steps-list{flex-direction:column;align-items:stretch;width:fit-content;margin-inline:auto}.twentyone-process-steps .twentyone-process-steps-item{display:grid;grid-template-columns:var(--step-max) minmax(0, 1fr);align-items:center;gap:var(--wp--preset--spacing--16);width:auto;border-radius:var(--wp--preset--border-radius--12)}.twentyone-process-steps .twentyone-process-steps-item+.twentyone-process-steps-item{margin-inline-start:0;margin-block-start:calc(var(--step-diameter) * var(--step-overlap) * -1)}.twentyone-process-steps .twentyone-process-steps-bubble{width:var(--step-diameter);justify-self:center}.twentyone-process-steps .twentyone-process-steps-label{position:static;font-size:var(--wp--preset--font-size--level-7);white-space:normal;opacity:1;translate:none}.twentyone-process-steps .twentyone-process-steps-label::after{content:none}}