.cpdp .cpdp-steps-head{max-width:var(--cpdp-measure);margin-bottom:28px}.cpdp .cpdp-steps-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--cpdp-line)}.cpdp .cpdp-step{display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"icon text num";column-gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--cpdp-line)}.cpdp .cpdp-step--noicon{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text num"}.cpdp .cpdp-step-icon{grid-area:icon;width:56px;height:56px;display:grid;place-items:center;border-radius:var(--cpdp-r);background:var(--cpdp-surface);color:var(--cpdp-accent)}.cpdp .cpdp-step-icon svg{display:block;width:34px;height:34px}.cpdp .cpdp-step-icon img{display:block;width:32px;height:32px;object-fit:contain}.cpdp .cpdp-step-text{grid-area:text;font-size:17px;line-height:1.5;text-wrap:pretty}.cpdp .cpdp-step-title{font-weight:600;color:var(--cpdp-ink)}.cpdp .cpdp-step-title+.cpdp-step-body:before{content:" ";white-space:pre}.cpdp .cpdp-step--mf .cpdp-step-title{display:block}.cpdp .cpdp-step-num{grid-area:num;font-family:var(--cpdp-display);font-weight:500;font-size:22px;line-height:1;letter-spacing:0;font-variant-numeric:lining-nums tabular-nums;color:var(--cpdp-muted)}.cpdp .cpdp-steps-foot{margin-top:28px;display:grid;gap:28px}.cpdp .cpdp-steps-closing{max-width:var(--cpdp-measure);font-size:19px;line-height:1.5;text-wrap:pretty}.cpdp .cpdp-steps-quote{margin:0;padding:26px 22px 24px;border-radius:var(--cpdp-r-lg);background:var(--cpdp-surface);max-width:var(--cpdp-measure)}.cpdp .cpdp-steps-quote-bq{margin:0;padding:0;border:0}.cpdp .cpdp-steps-quote-title{font-family:var(--cpdp-display);font-weight:500;font-size:26px;line-height:1.15;letter-spacing:-.01em;text-wrap:balance}.cpdp .cpdp-steps-quote-text{margin-top:12px;font-size:16px;line-height:1.6;text-wrap:pretty}.cpdp .cpdp-steps-quote-name{margin-top:18px;padding-top:14px;border-top:1px solid var(--cpdp-line);font-size:14px;font-weight:600;color:var(--cpdp-ink)}@media(min-width:900px){.cpdp .cpdp-steps-head{margin-bottom:44px}.cpdp .cpdp-steps-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);column-gap:clamp(28px,3.4vw,48px);border-top:0}.cpdp .cpdp-step{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"icon num" "text text";row-gap:24px;align-items:start;padding:28px 0 0;border-top:1px solid var(--cpdp-line);border-bottom:0}.cpdp .cpdp-step--noicon{grid-template-columns:minmax(0,1fr);grid-template-areas:"num" "text"}.cpdp .cpdp-step-icon{width:64px;height:64px}.cpdp .cpdp-step-icon svg{width:38px;height:38px}.cpdp .cpdp-step-icon img{width:36px;height:36px}.cpdp .cpdp-step-text{font-size:19px;max-width:30ch}.cpdp .cpdp-step-num{font-size:32px;align-self:center}.cpdp .cpdp-steps-foot{margin-top:56px;gap:32px}.cpdp .cpdp-steps-foot.has-both{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,72px);align-items:start}.cpdp .cpdp-steps-closing{font-family:var(--cpdp-display);font-weight:500;font-size:clamp(28px,2.4vw,34px);line-height:1.2;letter-spacing:-.012em;max-width:18ch;padding-top:6px;text-wrap:balance}.cpdp .cpdp-steps-quote{padding:36px 40px 32px}.cpdp .cpdp-steps-quote-title{font-size:32px}.cpdp .cpdp-steps-quote-text{font-size:17px}}.cpdp .cpdp-steps-list.is-photos{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;border-top:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cpdp .cpdp-steps-list.is-photos::-webkit-scrollbar{display:none}.cpdp .cpdp-steps-list.is-photos>.cpdp-step{scroll-snap-align:start}.cpdp .cpdp-steps-list.is-photos .cpdp-step--photo{display:block;padding:0;border:0;position:relative;text-align:center}.cpdp .cpdp-step-figure{position:relative;margin:0 0 16px;border-radius:var(--cpdp-r-md, 14px);overflow:hidden;background:var(--cpdp-tint, #f4f6f8)}.cpdp .cpdp-step-img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover}.cpdp .cpdp-steps-list.is-photos .cpdp-step-text{margin:0;text-wrap:pretty}.cpdp .cpdp-steps-list.is-photos .cpdp-step-title{display:block;margin-bottom:4px;font-size:19px}.cpdp .cpdp-steps-list.is-photos .cpdp-step-body{color:var(--cpdp-muted)}.cpdp .cpdp-steps-list.is-photos .cpdp-step-num{position:absolute;top:12px;left:12px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#ffffffeb;color:var(--cpdp-ink);font-size:12px;font-weight:600}@media(min-width:700px){.cpdp .cpdp-steps-list.is-photos{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;gap:clamp(20px,3vw,40px);overflow-x:visible;scroll-snap-type:none}.cpdp .cpdp-steps-list.is-photos .cpdp-step-title{font-size:21px}}.cpdp .cpdp-step-replay{position:absolute;right:10px;bottom:10px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:999px;background:#ffffffeb;color:var(--cpdp-ink);cursor:pointer;box-shadow:0 2px 10px #10141c2e;transition:background-color .2s var(--cpdp-ease, ease),transform .2s var(--cpdp-ease, ease)}.cpdp .cpdp-step-replay:hover{background:#fff;transform:scale(1.06)}.cpdp .cpdp-step-replay[hidden]{display:none}.cpdp .cpdp-step-video{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;background:var(--cpdp-tint, #f4f6f8)}.cpdp .cpdp-step-title,.cpdp .cpdp-step-body,.cpdp .cpdp-step-num{transition:color .35s var(--cpdp-ease, ease),background-color .35s var(--cpdp-ease, ease),font-weight .2s}.cpdp .cpdp-steps-list.har-spelat .cpdp-step:not(.is-aktiv) .cpdp-step-title{color:var(--cpdp-muted)}.cpdp .cpdp-steps-list.har-spelat .cpdp-step:not(.is-aktiv) .cpdp-step-body{opacity:.7}.cpdp .cpdp-step.is-aktiv .cpdp-step-title{color:var(--cpdp-ink);font-weight:650}.cpdp .cpdp-step.is-aktiv .cpdp-step-body{color:var(--cpdp-ink);opacity:1}.cpdp .cpdp-steps-list.is-photos .cpdp-step.is-aktiv .cpdp-step-num{background:var(--cpdp-accent, #7ed0dd);color:#fff}.cpdp .cpdp-step-progress{position:absolute;left:0;right:0;bottom:0;z-index:2;height:3px;background:#ffffff59;opacity:0;transition:opacity .3s var(--cpdp-ease, ease)}.cpdp .cpdp-step.is-aktiv .cpdp-step-progress{opacity:1}.cpdp .cpdp-step-progress>i{display:block;width:0;height:100%;background:var(--cpdp-accent, #7ed0dd)}
/*# sourceMappingURL=/cdn/shop/t/15/assets/ivitapure-cpdp-steps.css.map */