.section-kiekkokingi-simulator-process{margin:0}:is(#kx,.kk-sim-process){--kk-process-heading-size: clamp(2rem, 3vw, 3rem);--kk-process-title-size: clamp(1.12rem, 1.45vw, 1.34rem);--kk-process-card-gap-current: var(--kk-process-card-gap);--kk-process-card-padding-current: var(--kk-process-card-padding);--kk-process-flow-gap: var(--kk-process-card-gap-current);position:relative;width:100%;min-width:0;padding-top:var(--kk-process-section-padding-top);padding-bottom:var(--kk-process-section-padding-bottom);overflow:hidden;color:var(--kk-process-text);background:var(--kk-process-bg)}:is(#kx,.kk-sim-process).kk-sim-process--gradient{background:linear-gradient(var(--kk-process-gradient-direction),var(--kk-process-gradient-start),var(--kk-process-gradient-end))}:is(#kx,.kk-sim-process).kk-sim-process--heading-small{--kk-process-heading-size: clamp(1.7rem, 2.2vw, 2.5rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-medium{--kk-process-heading-size: clamp(2rem, 3vw, 3rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-large{--kk-process-heading-size: clamp(2.2rem, 4vw, 3.8rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-display{--kk-process-heading-size: clamp(2.6rem, 5vw, 4.6rem)}:is(#kx,.kk-sim-process).kk-sim-process--title-small{--kk-process-title-size: clamp(1rem, 1.2vw, 1.16rem)}:is(#kx,.kk-sim-process).kk-sim-process--title-medium{--kk-process-title-size: clamp(1.1rem, 1.4vw, 1.3rem)}:is(#kx,.kk-sim-process).kk-sim-process--title-large{--kk-process-title-size: clamp(1.22rem, 1.62vw, 1.48rem)}:is(#kx,.kk-sim-process),:is(#kx,.kk-sim-process) *,:is(#kx,.kk-sim-process) *:before,:is(#kx,.kk-sim-process) *:after{box-sizing:border-box}:is(#kx,.kk-sim-process) .kk-sim-process__shell{width:100%;max-width:var(--kk-process-layout-max);padding-right:clamp(16px,3vw,40px);padding-left:clamp(16px,3vw,40px);margin:0 auto;scroll-margin-top:24px}:is(#kx,.kk-sim-process) .kk-sim-process__shell--full{max-width:none}:is(#kx,.kk-sim-process) .kk-sim-process__header{width:100%}:is(#kx,.kk-sim-process).kk-sim-process--has-steps .kk-sim-process__header{margin-bottom:var(--kk-process-header-steps-gap)}:is(#kx,.kk-sim-process).kk-sim-process--header-center .kk-sim-process__header{text-align:center}:is(#kx,.kk-sim-process) .kk-sim-process__eyebrow{display:inline-flex;align-items:center;gap:11px;margin:0 0 13px;color:var(--kk-process-accent);font-size:.74rem;font-weight:700;line-height:1.35;letter-spacing:.15em;text-transform:uppercase}:is(#kx,.kk-sim-process) .kk-sim-process__eyebrow:before{width:26px;height:2px;background:currentColor;content:""}:is(#kx,.kk-sim-process).kk-sim-process--header-center .kk-sim-process__eyebrow:before{display:none}:is(#kx,.kk-sim-process) .kk-sim-process__heading{width:min(100%,var(--kk-process-heading-max));margin:0;overflow-wrap:anywhere;color:var(--kk-process-text);font-family:inherit;font-size:var(--kk-process-heading-size);font-weight:800;line-height:1.02;letter-spacing:-.035em;text-wrap:balance}:is(#kx,.kk-sim-process).kk-sim-process--header-center .kk-sim-process__heading{margin-right:auto;margin-left:auto}:is(#kx,.kk-sim-process) .kk-sim-process__header-description{width:min(100%,var(--kk-process-description-max));margin-top:16px;color:var(--kk-process-muted);font-size:clamp(.98rem,1.15vw,1.1rem);line-height:1.62}:is(#kx,.kk-sim-process).kk-sim-process--header-center .kk-sim-process__header-description{margin-right:auto;margin-left:auto}:is(#kx,.kk-sim-process) .kk-sim-process__header-description>:first-child{margin-top:0}:is(#kx,.kk-sim-process) .kk-sim-process__header-description>:last-child{margin-bottom:0}:is(#kx,.kk-sim-process) .kk-sim-process__wrapper{position:relative;isolation:isolate;min-width:0}:is(#kx,.kk-sim-process) .kk-sim-process__steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(var(--kk-process-columns),minmax(0,1fr));gap:var(--kk-process-card-gap-current);padding:0;margin:0;list-style:none}:is(#kx,.kk-sim-process) .kk-sim-process__item{position:relative;display:flex;min-width:0}:is(#kx,.kk-sim-process) .kk-sim-process__card{position:relative;display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-width:0;padding:var(--kk-process-card-padding-current);border:1px solid var(--kk-process-border);border-radius:var(--kk-card-radius, 4px);color:var(--kk-process-text);background:var(--kk-process-card);transition:border-color .22s ease,background-color .22s ease}:is(#kx,.kk-sim-process) .kk-sim-process__card:hover{border-color:color-mix(in srgb,var(--kk-process-step-accent) 30%,var(--kk-process-border));background:var(--kk-process-card-hover)}:is(#kx,.kk-sim-process) .kk-sim-process__card--highlighted{border-color:color-mix(in srgb,var(--kk-process-step-accent) 62%,var(--kk-process-border));background:color-mix(in srgb,var(--kk-process-step-accent) 5%,var(--kk-process-card))}:is(#kx,.kk-sim-process) .kk-sim-process__step-top{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:var(--kk-process-icon-container)}:is(#kx,.kk-sim-process).kk-sim-process--content-center .kk-sim-process__step-top{justify-content:center}:is(#kx,.kk-sim-process) .kk-sim-process__icon{display:grid;place-items:center;flex:0 0 var(--kk-process-icon-container);width:var(--kk-process-icon-container);height:var(--kk-process-icon-container);overflow:hidden;border:1px solid var(--kk-process-icon-border);border-radius:50%;color:var(--kk-process-icon);background:var(--kk-process-icon-bg)}:is(#kx,.kk-sim-process).kk-sim-process--icon-circle .kk-sim-process__icon{border-radius:999px}:is(#kx,.kk-sim-process) .kk-sim-process__card--highlighted .kk-sim-process__icon{border-color:color-mix(in srgb,var(--kk-process-step-accent) 52%,var(--kk-process-icon-border));color:var(--kk-process-step-accent);background:color-mix(in srgb,var(--kk-process-step-accent) 10%,var(--kk-process-icon-bg))}:is(#kx,.kk-sim-process) .kk-sim-process__icon svg,:is(#kx,.kk-sim-process) .kk-sim-process__icon-image{display:block;width:var(--kk-process-icon-size);height:var(--kk-process-icon-size)}:is(#kx,.kk-sim-process) .kk-sim-process__icon-image{object-fit:contain}@media screen and (min-width:900px){:is(#kx,.kk-sim-process).kk-sim-process--has-desktop-connector .kk-sim-process__item:not(:last-child):after{position:absolute;z-index:3;top:calc(var(--kk-process-card-padding-current) + (var(--kk-process-icon-container) / 2) - 5px);left:calc(100% + 4px);width:calc(var(--kk-process-card-gap-current) - 8px);height:10px;background:color-mix(in srgb,var(--kk-process-accent) 58%,var(--kk-process-connector));clip-path:polygon(0 40%,calc(100% - 8px) 40%,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,calc(100% - 8px) 60%,0 60%);content:"";pointer-events:none}:is(#kx,.kk-sim-process).kk-sim-process--has-desktop-connector .kk-sim-process__item:not(:last-child):before{display:none}}:is(#kx,.kk-sim-process) .kk-sim-process__content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;width:100%;min-width:0}:is(#kx,.kk-sim-process) .kk-sim-process__card--has-top .kk-sim-process__content{margin-top:var(--kk-process-icon-content-gap)}:is(#kx,.kk-sim-process).kk-sim-process--content-center .kk-sim-process__content{align-items:center;text-align:center}:is(#kx,.kk-sim-process) .kk-sim-process__label{margin:0 0 9px;overflow-wrap:anywhere;color:var(--kk-process-step-accent);font-size:.68rem;font-weight:700;line-height:1.3;letter-spacing:.1em;text-transform:uppercase}:is(#kx,.kk-sim-process) .kk-sim-process__title{margin:0;overflow-wrap:anywhere;color:var(--kk-process-text);font-family:inherit;font-size:var(--kk-process-title-size);font-weight:800;line-height:1.16;letter-spacing:-.02em;text-wrap:balance}:is(#kx,.kk-sim-process) .kk-sim-process__description{margin:var(--kk-process-title-description-gap) 0 0;overflow-wrap:anywhere;color:var(--kk-process-muted);font-size:.94rem;line-height:1.58}:is(#kx,.kk-sim-process) .kk-sim-process__meta{margin:var(--kk-process-description-meta-gap) 0 0;overflow-wrap:anywhere;color:var(--kk-process-meta);font-size:.78rem;font-weight:700;line-height:1.45}:is(#kx,.kk-sim-process).kk-sim-process--meta-small .kk-sim-process__meta{font-size:.72rem}:is(#kx,.kk-sim-process).kk-sim-process--meta-medium .kk-sim-process__meta{font-size:.78rem}:is(#kx,.kk-sim-process).kk-sim-process--meta-large .kk-sim-process__meta{font-size:.86rem}:is(#kx,.kk-sim-process) .kk-sim-process__action{width:100%;padding-top:20px;margin-top:auto}:is(#kx,.kk-sim-process).kk-sim-process--content-center .kk-sim-process__action{text-align:center}:is(#kx,.kk-sim-process) .kk-sim-process__link{display:inline-flex;align-items:center;justify-content:center;gap:9px;max-width:100%;overflow-wrap:anywhere;font-size:.77rem;font-weight:800;line-height:1.25;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase;box-shadow:none;transform:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease}:is(#kx,.kk-sim-process) .kk-sim-process__link--text{min-height:44px;color:var(--kk-process-link)}:is(#kx,.kk-sim-process) .kk-sim-process__link--primary,:is(#kx,.kk-sim-process) .kk-sim-process__link--secondary{min-height:46px;padding:.6875rem 1.375rem;border-radius:var(--kk-process-button-radius)}:is(#kx,.kk-sim-process).kk-sim-process--content-center .kk-sim-process__link{align-self:center}:is(#kx,.kk-sim-process) .kk-sim-process__link:hover{box-shadow:none;transform:none}:is(#kx,.kk-sim-process) .kk-sim-process__link--text:hover{color:var(--kk-process-text)}:is(#kx,.kk-sim-process) .kk-sim-process__link svg{flex:0 0 19px;width:19px;height:19px}:is(#kx,.kk-sim-process) .kk-sim-process__link:focus-visible,:is(#kx,.kk-sim-process) .kk-sim-process__cta-button:focus-visible{outline:3px solid var(--kk-process-accent);outline-offset:4px}:is(#kx,.kk-sim-process) .kk-sim-process__footer{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center}:is(#kx,.kk-sim-process).kk-sim-process--has-steps .kk-sim-process__footer,:is(#kx,.kk-sim-process).kk-sim-process--has-header:not(.kk-sim-process--has-steps) .kk-sim-process__footer{margin-top:var(--kk-process-steps-cta-gap)}:is(#kx,.kk-sim-process).kk-sim-process--cta-center .kk-sim-process__footer{justify-content:center;text-align:center}:is(#kx,.kk-sim-process) .kk-sim-process__cta-text{margin:0;color:var(--kk-process-text);font-size:1rem;font-weight:800;line-height:1.4}:is(#kx,.kk-sim-process) .kk-sim-process__cta-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:.6875rem 1.375rem;border-radius:var(--kk-process-button-radius);line-height:1.25;text-align:center;text-decoration:none;box-shadow:none;transform:none;transition:border-color .22s ease,background-color .22s ease,color .22s ease}:is(#kx,.kk-sim-process) .kk-sim-process__cta-button:hover{box-shadow:none;transform:none}:is(#kx,.kk-sim-process) .kk-sim-process__cta-button svg{flex:0 0 19px;width:19px;height:19px}:is(#kx,.kk-sim-process) .kk-sim-process__editor-empty{width:100%;padding:22px;border:1px solid var(--kk-process-border);border-radius:var(--kk-card-radius, 4px);color:var(--kk-process-muted);background:var(--kk-process-card);font-size:.9rem;line-height:1.5}:is(#kx,.kk-sim-process).kk-sim-process--has-header:not(.kk-sim-process--has-steps) .kk-sim-process__editor-empty{margin-top:var(--kk-process-header-steps-gap)}:is(#kx,.kk-sim-process) .kk-sim-process__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media screen and (max-width:1079px)and (min-width:900px){:is(#kx,.kk-sim-process).kk-sim-process--desktop-4 .kk-sim-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#kx,.kk-sim-process).kk-sim-process--count-1 .kk-sim-process__steps{grid-template-columns:minmax(0,1fr)}:is(#kx,.kk-sim-process).kk-sim-process--desktop-4 .kk-sim-process__item:before,:is(#kx,.kk-sim-process).kk-sim-process--desktop-4 .kk-sim-process__item:after{display:none}}@media screen and (max-width:899px)and (min-width:720px){:is(#kx,.kk-sim-process) .kk-sim-process__steps{grid-template-columns:minmax(0,1fr);gap:var(--kk-process-flow-gap)}}@media screen and (max-width:899px){:is(#kx,.kk-sim-process).kk-sim-process--has-connector .kk-sim-process__item:not(:last-child):after{position:absolute;z-index:3;top:calc(100% + 2px);left:calc(var(--kk-process-card-padding-current) + (var(--kk-process-icon-container) / 2) - 5px);width:10px;height:calc(var(--kk-process-flow-gap) - 4px);background:color-mix(in srgb,var(--kk-process-accent) 58%,var(--kk-process-connector));clip-path:polygon(40% 0,60% 0,60% calc(100% - 7px),100% calc(100% - 7px),50% 100%,0 calc(100% - 7px),40% calc(100% - 7px));content:"";pointer-events:none}:is(#kx,.kk-sim-process).kk-sim-process--has-connector .kk-sim-process__item:not(:last-child):before{display:none}:is(#kx,.kk-sim-process).kk-sim-process--content-center.kk-sim-process--has-connector .kk-sim-process__item:not(:last-child):after{left:calc(50% - 5px)}}@media screen and (max-width:719px){:is(#kx,.kk-sim-process){--kk-process-card-padding-current: var(--kk-process-card-padding-mobile);--kk-process-card-gap-current: var(--kk-process-mobile-gap);--kk-process-flow-gap: var(--kk-process-mobile-gap);padding-top:var(--kk-process-section-padding-top-mobile);padding-bottom:var(--kk-process-section-padding-bottom-mobile)}:is(#kx,.kk-sim-process).kk-sim-process--heading-small{--kk-process-heading-size: clamp(1.55rem, 8vw, 2rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-medium{--kk-process-heading-size: clamp(1.8rem, 9vw, 2.45rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-large{--kk-process-heading-size: clamp(2rem, 10vw, 2.8rem)}:is(#kx,.kk-sim-process).kk-sim-process--heading-display{--kk-process-heading-size: clamp(2.2rem, 11vw, 3.15rem)}:is(#kx,.kk-sim-process) .kk-sim-process__shell{padding-right:16px;padding-left:16px}:is(#kx,.kk-sim-process) .kk-sim-process__steps{grid-template-columns:minmax(0,1fr);gap:var(--kk-process-mobile-gap)}:is(#kx,.kk-sim-process).kk-sim-process--mobile-two_columns .kk-sim-process__steps{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#kx,.kk-sim-process).kk-sim-process--mobile-two_columns .kk-sim-process__item:last-child:nth-child(odd){grid-column:1 / -1}:is(#kx,.kk-sim-process).kk-sim-process--mobile-two_columns .kk-sim-process__item:before,:is(#kx,.kk-sim-process).kk-sim-process--mobile-two_columns .kk-sim-process__item:after{display:none}:is(#kx,.kk-sim-process) .kk-sim-process__step-top{align-items:flex-start}:is(#kx,.kk-sim-process) .kk-sim-process__link--primary,:is(#kx,.kk-sim-process) .kk-sim-process__link--secondary,:is(#kx,.kk-sim-process) .kk-sim-process__cta-button{width:100%}:is(#kx,.kk-sim-process) .kk-sim-process__footer{align-items:stretch}:is(#kx,.kk-sim-process) .kk-sim-process__cta-text{width:100%}}@media screen and (max-width:359px){:is(#kx,.kk-sim-process){--kk-process-card-padding-current: var(--kk-process-card-padding-small)}:is(#kx,.kk-sim-process) .kk-sim-process__shell{padding-right:10px;padding-left:10px}:is(#kx,.kk-sim-process) .kk-sim-process__icon{flex-basis:min(var(--kk-process-icon-container),46px);width:min(var(--kk-process-icon-container),46px);height:min(var(--kk-process-icon-container),46px)}:is(#kx,.kk-sim-process).kk-sim-process--has-connector .kk-sim-process__item:not(:last-child):after{left:calc(var(--kk-process-card-padding-current) + (min(var(--kk-process-icon-container),46px) / 2) - 5px)}:is(#kx,.kk-sim-process).kk-sim-process--content-center.kk-sim-process--has-connector .kk-sim-process__item:not(:last-child):after{left:calc(50% - 5px)}}@media(prefers-reduced-motion:reduce){:is(#kx,.kk-sim-process) .kk-sim-process__card,:is(#kx,.kk-sim-process) .kk-sim-process__link,:is(#kx,.kk-sim-process) .kk-sim-process__cta-button{transition:none}}:is(#kx,.kk-sim-process) .kk-sim-process__shell{padding-right:0;padding-left:0}
/*# sourceMappingURL=/cdn/shop/t/203/assets/kiekkokingi-simulator-process.css.map */
