.campaign-workflow{position:relative}.campaign-workflow--custom-colors{background:var(--cw-bg);color:var(--cw-text)}.campaign-workflow__inner{position:relative}.campaign-workflow__intro{text-align:center;margin:0 auto 3rem;max-width:70rem}.campaign-workflow__intro-icon{display:inline-flex;margin-bottom:1.2rem;color:var(--cw-accent, rgb(var(--color-foreground)))}.campaign-workflow__intro-icon svg{width:5rem;height:5rem}.campaign-workflow__eyebrow{font-size:clamp(calc(var(--cw-eyebrow-size-m) * 1px),calc(var(--cw-eyebrow-size-m) * 1px + (var(--cw-eyebrow-size-d) - var(--cw-eyebrow-size-m)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-eyebrow-size-d) * 1px));font-weight:var(--cw-eyebrow-weight);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.6rem;opacity:.7}.campaign-workflow--custom-colors .campaign-workflow__eyebrow{color:var(--cw-muted);opacity:1}.campaign-workflow__heading{font-size:clamp(calc(var(--cw-heading-size-m) * 1px),calc(var(--cw-heading-size-m) * 1px + (var(--cw-heading-size-d) - var(--cw-heading-size-m)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-heading-size-d) * 1px));font-weight:var(--cw-heading-weight);line-height:1.15;letter-spacing:-.01em;margin:0}.campaign-workflow--custom-colors .campaign-workflow__heading{color:var(--cw-text)}.campaign-workflow__diagram{position:relative;margin:0 auto 6rem;width:100%}.campaign-workflow__diagram:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:45%;height:50%;background:radial-gradient(ellipse at center,var(--cw-accent, rgba(245, 166, 35, .18)) 0%,transparent 70%);opacity:.12;pointer-events:none;z-index:0}.campaign-workflow__diagram-grid{position:relative;display:grid;grid-template-columns:1fr;gap:16px;margin:0 auto;z-index:1}.campaign-workflow__connectors{display:none}.campaign-workflow__tile{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num title" "desc desc";column-gap:10px;row-gap:6px;align-content:center;align-items:center;padding:clamp(8px,1vw,16px) clamp(10px,1.4vw,18px);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:left;color:inherit;cursor:pointer;font:inherit;transition:border-color .25s ease,background .25s ease,transform .25s ease}.campaign-workflow__tile:hover{border-color:var(--cw-accent, rgb(var(--color-foreground)))}.campaign-workflow__tile.is-active,.campaign-workflow--custom-colors .campaign-workflow__tile.is-active,.campaign-workflow--custom-border .campaign-workflow__tile.is-active{border-color:var(--cw-accent, rgb(var(--color-foreground)));box-shadow:0 0 12px -6px var(--cw-accent, rgba(255, 255, 255, .4))}.campaign-workflow__tile:focus-visible{outline:2px solid var(--cw-accent, rgb(var(--color-foreground)));outline-offset:3px}.campaign-workflow--custom-colors .campaign-workflow__tile{background:var(--cw-card-bg);border-color:var(--cw-border)}.campaign-workflow--custom-border .campaign-workflow__tile{border-width:var(--cw-border-width);border-style:var(--cw-border-style);border-radius:var(--cw-radius)}.campaign-workflow__tile-num{grid-area:num;align-self:center;position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.4em;height:2.4em;min-width:24px;min-height:24px;border-radius:50%;font-size:clamp(calc(var(--cw-tile-num-size-m, 11) * 1px),calc(var(--cw-tile-num-size-m, 11) * 1px + (var(--cw-tile-num-size-d, 11) - var(--cw-tile-num-size-m, 11)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-tile-num-size-d, 11) * 1px))!important;font-weight:500;line-height:1;color:var(--cw-num-text, var(--cw-accent, rgb(var(--color-foreground))));background:transparent}.campaign-workflow__tile-num:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:1.5px;background:linear-gradient(135deg,var(--cw-num-border, var(--cw-accent, rgb(var(--color-foreground)))) 0%,var(--cw-num-border, var(--cw-accent, rgb(var(--color-foreground)))) 25%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.campaign-workflow__tile-title{grid-area:title;align-self:center;font-size:clamp(calc(var(--cw-tile-title-size-m, 17) * 1px),calc(var(--cw-tile-title-size-m, 17) * 1px + (var(--cw-tile-title-size-d, 17) - var(--cw-tile-title-size-m, 17)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-tile-title-size-d, 17) * 1px));font-weight:var(--cw-tile-title-weight, 500);margin:0}.campaign-workflow__tile-desc{grid-area:desc;font-size:clamp(calc(var(--cw-tile-desc-size-m, 13) * 1px),calc(var(--cw-tile-desc-size-m, 13) * 1px + (var(--cw-tile-desc-size-d, 13) - var(--cw-tile-desc-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-tile-desc-size-d, 13) * 1px));font-weight:var(--cw-tile-desc-weight, 400);line-height:1.4;opacity:.7;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.campaign-workflow--custom-colors .campaign-workflow__tile-desc{color:var(--cw-muted);opacity:1}.campaign-workflow__center{display:flex;align-items:center;justify-content:center;padding:2rem}.campaign-workflow__center-inner{--cw-center-w: clamp( calc(var(--cw-center-size-m, 140) * 1px), calc(var(--cw-center-size-m, 140) * 1px + (var(--cw-center-size-d, 150) - var(--cw-center-size-m, 140)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)), calc(var(--cw-center-size-d, 150) * 1px) );display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--cw-center-w);height:calc(var(--cw-center-w) - 10px);border-radius:50%;border:1.5px solid var(--cw-accent, rgb(var(--color-foreground)));background:#000000b3;text-align:center;padding:14px}.campaign-workflow--custom-colors .campaign-workflow__center-inner{background:var(--cw-card-bg)}.campaign-workflow__center-title{font-size:clamp(calc(var(--cw-center-title-size-m, 16) * 1px),calc(var(--cw-center-title-size-m, 16) * 1px + (var(--cw-center-title-size-d, 18) - var(--cw-center-title-size-m, 16)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-center-title-size-d, 18) * 1px));font-weight:var(--cw-center-title-weight, 500);line-height:1.2}.campaign-workflow--custom-colors .campaign-workflow__center-title{color:var(--cw-center-title-color, var(--cw-text))}.campaign-workflow__center-subtitle{font-size:clamp(calc(var(--cw-center-subtitle-size-m, 13) * 1px),calc(var(--cw-center-subtitle-size-m, 13) * 1px + (var(--cw-center-subtitle-size-d, 14) - var(--cw-center-subtitle-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-center-subtitle-size-d, 14) * 1px));font-weight:var(--cw-center-subtitle-weight, 400);margin-top:.6rem;color:var(--cw-center-subtitle-color, var(--cw-accent, rgb(var(--color-foreground))))}.campaign-workflow--custom-colors .campaign-workflow__center-subtitle{color:var(--cw-center-subtitle-color, var(--cw-accent))}@media screen and (min-width:990px){.campaign-workflow__diagram-grid{display:block;position:relative;width:100%;aspect-ratio:3 / 2;margin:0 auto}.campaign-workflow__connectors{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;color:var(--cw-accent, rgb(var(--color-foreground)));opacity:1;z-index:0;overflow:visible}.campaign-workflow__connectors .campaign-workflow__flow{opacity:.75}.campaign-workflow__connectors .campaign-workflow__spokes{opacity:.45}.campaign-workflow__tile{position:absolute;width:var(--cw-tile-width-d, 24%);max-width:var(--cw-tile-max-width, 290px);height:18.75%;overflow:hidden;z-index:1}.campaign-workflow__tile--pos-0{top:0;left:50%;transform:translate(-50%)}.campaign-workflow__tile--pos-1{top:25%;right:1%}.campaign-workflow__tile--pos-2{bottom:25%;right:1%}.campaign-workflow__tile--pos-3{bottom:0;left:50%;transform:translate(-50%)}.campaign-workflow__tile--pos-4{bottom:25%;left:1%}.campaign-workflow__tile--pos-5{top:25%;left:1%}.campaign-workflow__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;padding:0}}.campaign-workflow__interactive{display:grid;grid-template-columns:1fr;gap:3.2rem}@media screen and (min-width:750px){.campaign-workflow__interactive{grid-template-columns:1fr 1fr;gap:6rem;align-items:start}}.campaign-workflow__steps{display:flex;flex-direction:column}.campaign-workflow__step{display:flex;align-items:center;gap:1.6rem;width:100%;padding:1.8rem 0;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.1);color:inherit;text-align:left;cursor:pointer;font:inherit;transition:opacity .25s ease;-webkit-tap-highlight-color:transparent}.campaign-workflow--custom-colors .campaign-workflow__step{border-bottom-color:var(--cw-border)}.campaign-workflow--custom-border .campaign-workflow__step{border-bottom-width:var(--cw-border-width);border-bottom-style:var(--cw-border-style)}.campaign-workflow__step:last-child{border-bottom:0}.campaign-workflow__step:focus-visible{outline:2px solid var(--cw-accent, rgb(var(--color-foreground)));outline-offset:4px}.campaign-workflow__step-num{position:relative;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border:2px solid transparent;border-radius:50%;font-size:clamp(calc(var(--cw-step-num-size-m, 13) * 1px),calc(var(--cw-step-num-size-m, 13) * 1px + (var(--cw-step-num-size-d, 16) - var(--cw-step-num-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-step-num-size-d, 16) * 1px));font-weight:500;transition:color .25s ease,opacity .25s ease,transform .25s ease}.campaign-workflow__step-num:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:2px;background:linear-gradient(135deg,currentColor 0%,currentColor 25%,transparent 80%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.campaign-workflow__step.is-active .campaign-workflow__step-num{color:var(--cw-num-text, var(--cw-accent, rgb(var(--color-foreground))));opacity:1;transform:scale(1)}.campaign-workflow__step.is-active .campaign-workflow__step-num:before{background:linear-gradient(135deg,var(--cw-num-border, var(--cw-accent, rgb(var(--color-foreground)))) 0%,var(--cw-num-border, var(--cw-accent, rgb(var(--color-foreground)))) 25%,transparent 80%)}.campaign-workflow__step-body{display:flex;flex-direction:column;gap:.8rem;padding-top:.4rem}.campaign-workflow__step-title{font-size:clamp(calc(var(--cw-step-title-size-m, 18) * 1px),calc(var(--cw-step-title-size-m, 18) * 1px + (var(--cw-step-title-size-d, 24) - var(--cw-step-title-size-m, 18)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-step-title-size-d, 24) * 1px))!important;font-weight:var(--cw-step-title-weight, 400);line-height:1.25;transition:color .25s ease}.campaign-workflow__step.is-active .campaign-workflow__step-title{color:var(--cw-text, rgb(var(--color-foreground)))}.campaign-workflow__step-desc{font-size:clamp(calc(var(--cw-step-desc-size-m, 13) * 1px),calc(var(--cw-step-desc-size-m, 13) * 1px + (var(--cw-step-desc-size-d, 15) - var(--cw-step-desc-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-step-desc-size-d, 15) * 1px))!important;font-weight:var(--cw-step-desc-weight, 400);line-height:1.5;opacity:1;max-height:0;overflow:hidden;transform:translateY(-4px);transition:max-height .35s ease,opacity .25s ease,transform .3s ease}.campaign-workflow--custom-colors .campaign-workflow__step-desc{color:var(--cw-muted);opacity:1}.campaign-workflow__step.is-active .campaign-workflow__step-desc{max-height:20rem;transform:translateY(0)}.campaign-workflow__panels{position:relative;min-height:32rem;width:100%;border-radius:1.6rem;padding:2.4rem;background-color:#ffffff04;background-image:var(--cw-panels-bg-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid rgba(255,255,255,.06);overflow:hidden}.campaign-workflow--custom-colors .campaign-workflow__panels{background-color:var(--cw-panel-bg);border-color:var(--cw-border)}.campaign-workflow--custom-border .campaign-workflow__panels{border-radius:var(--cw-radius);border-width:var(--cw-border-width);border-style:var(--cw-border-style)}.campaign-workflow__panel{display:flex;flex-direction:column;gap:1.6rem;width:100%;max-width:var(--cw-panels-max-width, none);margin-left:var(--cw-panels-ml, auto);margin-right:var(--cw-panels-mr, auto);opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.campaign-workflow__panel.is-active{opacity:1;transform:translateY(0)}.campaign-workflow__panel[hidden]{display:none}.campaign-workflow__panel-card{position:relative;padding:2rem;border-radius:1.2rem;border:1px solid rgba(255,255,255,.06);background:#ffffff05}.campaign-workflow--custom-colors .campaign-workflow__panel-card{border-color:var(--cw-border);background:var(--cw-card-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.campaign-workflow--custom-border .campaign-workflow__panel-card{border-radius:calc(var(--cw-radius) * .85);border-width:var(--cw-border-width);border-style:var(--cw-border-style)}.campaign-workflow__panel-icon{width:4rem;height:4rem;margin-bottom:1.2rem;color:var(--cw-accent, rgb(var(--color-foreground)))}.campaign-workflow__panel-icon svg{width:100%;height:100%}.campaign-workflow__panel-title{font-size:clamp(calc(var(--cw-panel-title-size-m, 16) * 1px),calc(var(--cw-panel-title-size-m, 16) * 1px + (var(--cw-panel-title-size-d, 18) - var(--cw-panel-title-size-m, 16)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-panel-title-size-d, 18) * 1px));font-weight:var(--cw-panel-title-weight);margin:0 0 1.2rem;letter-spacing:-.005em}.campaign-workflow__panel-desc{display:none;margin:0;font-size:clamp(calc(var(--cw-step-desc-size-m, 13) * 1px),calc(var(--cw-step-desc-size-m, 13) * 1px + (var(--cw-step-desc-size-d, 15) - var(--cw-step-desc-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-step-desc-size-d, 15) * 1px));font-weight:var(--cw-step-desc-weight, 400);line-height:1.5;opacity:.85}.campaign-workflow--custom-colors .campaign-workflow__panel-desc{color:var(--cw-muted);opacity:1}.campaign-workflow__panel-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.campaign-workflow__panel-list li{position:relative;padding-left:1.6rem;font-size:clamp(calc(var(--cw-panel-item-size-m, 13) * 1px),calc(var(--cw-panel-item-size-m, 13) * 1px + (var(--cw-panel-item-size-d, 15) - var(--cw-panel-item-size-m, 13)) * (100vw - var(--cw-vp-min)) / var(--cw-vp-range)),calc(var(--cw-panel-item-size-d, 15) * 1px));font-weight:var(--cw-panel-item-weight);line-height:1.55;opacity:.85}.campaign-workflow--custom-colors .campaign-workflow__panel-list li{color:var(--cw-muted);opacity:1}.campaign-workflow__panel-list li:before{content:"";position:absolute;left:0;top:.8rem;width:.5rem;height:.5rem;border-radius:50%;background:currentColor;opacity:.6}@media screen and (min-width:750px){.campaign-workflow__intro{margin-bottom:6rem}.campaign-workflow__step-num{width:4.5rem;height:4.5rem}.campaign-workflow__panels{min-height:38rem;padding:3rem}.campaign-workflow__panel-card{padding:2.4rem}}@media screen and (max-width:749px){.campaign-workflow__diagram{display:none}.campaign-workflow__interactive{display:block}.campaign-workflow__panels{display:none}.campaign-workflow__steps>.campaign-workflow__panel{gap:1.2rem;margin:0;padding:2rem 0}.campaign-workflow__panel-desc{display:block}.campaign-workflow__step .campaign-workflow__step-desc{display:none}.campaign-workflow__steps>.campaign-workflow__panel .campaign-workflow__panel-card{padding:1.6rem}}@media(prefers-reduced-motion:reduce){.campaign-workflow__panel,.campaign-workflow__step-num,.campaign-workflow__step-desc,.campaign-workflow__step,.campaign-workflow__tile{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/component-campaign-workflow.css.map */