.uc-how__head{display:grid;gap:1.25rem;margin-bottom:clamp(32px,5vw,72px)}.uc-how__head-text{display:grid;gap:1rem}@media(min-width:990px){.uc-how__head{grid-template-columns:1.2fr 1fr;align-items:end;column-gap:clamp(32px,6vw,120px)}}.uc-how__parts{display:grid;gap:28px;list-style:none;margin:0;padding:0}.uc-how__part{position:relative;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:16px;padding:12px;border-radius:var(--uc-radius-card);background:var(--uc-card, rgb(var(--c-linnen-rgb) / .08))}.uc-how__visual{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:var(--uc-radius-md);background:rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .06);color:var(--uc-fg, var(--c-bos));overflow:hidden}.uc-how__visual--zand{background:var(--c-zand);color:var(--c-bos)}.uc-how__visual--salie{background:var(--c-salie);color:var(--c-bos)}.uc-how__visual--kameel{background:var(--c-kameel);color:var(--c-bos)}.uc-how__visual img{width:100%;height:100%;object-fit:contain;padding:10%}.uc-how__illu{width:78%;height:auto}.uc-how__illu .uc-how__accent{stroke:var(--c-kameel);stroke-width:3}.uc-how__tag{display:none}.uc-how__part-body{display:grid;gap:4px}.uc-how__part-num{margin:0;font-size:.75rem;letter-spacing:.08em;color:var(--uc-accent-text, var(--c-cognac-tekst))}.uc-how__part-title{margin:0;font-family:var(--uc-font-display);font-size:clamp(1.375rem,1.1rem + 1vw,2rem);font-weight:700;line-height:1.05;letter-spacing:-.03em}.uc-how__part-text{margin:0;font-size:.9375rem;line-height:1.5;color:var(--uc-muted, inherit)}.uc-how__plus{position:absolute;left:68px;bottom:-26px;z-index:1;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--c-kameel);color:var(--c-bos);translate:-50% 0}.uc-how__plus svg{width:16px;height:16px}@media(min-width:750px){.uc-how__parts{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:clamp(28px,3.4vw,56px)}.uc-how__part{grid-template-columns:1fr;align-content:start;gap:20px;padding:14px 14px 24px}.uc-how__visual{aspect-ratio:5 / 4}.uc-how__illu{width:58%}.uc-how__tag{position:absolute;top:14px;left:14px;display:inline-flex;padding:5px 11px;border-radius:var(--uc-radius-pill);background:var(--c-linnen);color:var(--c-bos);font-size:.75rem;letter-spacing:.04em}.uc-how__part-body{padding-inline:8px;gap:8px}.uc-how__plus{left:auto;right:calc(clamp(28px,3.4vw,56px)/-2);top:38%;bottom:auto;width:40px;height:40px;translate:50% -50%;box-shadow:0 0 0 6px var(--uc-bg, var(--c-bos))}.uc-how__plus svg{width:20px;height:20px}}.uc-how__features{display:grid;gap:0;list-style:none;margin:clamp(40px,6vw,88px) 0 0;padding:0;border-top:1px solid rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .16)}.uc-how__feature{display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:6px;padding-block:22px;border-bottom:1px solid rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .16)}.uc-how__feature-icon{grid-row:span 2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .3);color:var(--uc-accent-text, var(--c-cognac-tekst))}.uc-how__feature-icon svg{width:24px;height:24px}.uc-how__feature-title{margin:0;font-family:var(--uc-font-display);font-size:clamp(1.25rem,1rem + .8vw,1.625rem);font-weight:700;line-height:1.1;letter-spacing:-.025em;align-self:center}.uc-how__feature-value{font-family:var(--uc-font-mono);font-weight:700;letter-spacing:-.02em;color:var(--uc-accent-text, var(--c-cognac-tekst));margin-inline-end:.15em}.uc-how__feature-text{margin:0;font-size:.9375rem;line-height:1.5;color:var(--uc-muted, inherit);max-width:36ch}@media(min-width:750px){.uc-how__features{grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;border-bottom:1px solid rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .16)}.uc-how__feature{grid-template-columns:1fr;align-content:start;row-gap:14px;padding:28px clamp(16px,2.4vw,40px) 32px;border-bottom:0}.uc-how__feature:first-child{padding-inline-start:0}.uc-how__feature+.uc-how__feature{border-inline-start:1px solid rgb(var(--uc-fg-rgb, var(--c-bos-rgb)) / .16)}.uc-how__feature-icon{grid-row:auto}}.uc-how__cta{margin-top:clamp(28px,4vw,56px)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/uc-how-it-works.css.map */