.v2m-dynamic-infographic .v2m-inner{max-width:var(--ds-container-xl);margin-inline:auto;padding-inline:var(--ds-grid-margin-mobile);display:flex;flex-direction:column;gap:48px}.v2m-dynamic-infographic .v2m-col-text{display:flex;flex-direction:column;gap:24px}.v2m-dynamic-infographic .v2m-col-infographic{display:flex;flex-direction:column;align-items:center;gap:24px}@media(min-width:992px){.v2m-dynamic-infographic .v2m-inner{flex-direction:row;align-items:center;padding-inline:var(--ds-grid-margin-desktop);gap:var(--ds-grid-gutter-desktop)}.v2m-dynamic-infographic .v2m-col-text,.v2m-dynamic-infographic .v2m-col-infographic{flex:1}}.v2m-dynamic-infographic .v2m-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background-color:#fde8d0;font-size:var(--ds-text-label);font-weight:var(--ds-font-bold);color:#c2642a;width:fit-content}.v2m-dynamic-infographic .v2m-badge__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#c2642a;flex-shrink:0}.v2m-dynamic-infographic .v2m-heading{font-size:var(--ds-text-h-l);font-weight:var(--ds-font-bold);color:var(--ds-neutral-900);line-height:var(--ds-lh-heading-l);margin:0}@media(min-width:992px){.v2m-dynamic-infographic .v2m-heading{font-size:var(--ds-text-h-xl);line-height:var(--ds-lh-heading-xl)}}.v2m-dynamic-infographic .v2m-body{font-size:var(--ds-text-body);font-weight:var(--ds-font-regular);color:var(--ds-neutral-700);line-height:var(--ds-lh-body);margin:0}.v2m-dynamic-infographic .v2m-result-card{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid #EFEFEF;border-radius:16px;padding:20px}.v2m-dynamic-infographic .v2m-result-card__icon-wrap{width:48px;height:48px;border-radius:12px;background-color:#fceae8;display:flex;align-items:center;justify-content:center;padding:8px;flex-shrink:0}.v2m-dynamic-infographic .v2m-result-card__icon-wrap img{width:100%;height:100%;object-fit:contain}.v2m-dynamic-infographic .v2m-result-card__content{display:flex;flex-direction:column;gap:4px}.v2m-dynamic-infographic .v2m-result-card__title{font-weight:var(--ds-font-bold);font-size:var(--ds-text-body);color:var(--ds-neutral-900)}.v2m-dynamic-infographic .v2m-result-card__text{font-size:var(--ds-text-body);color:var(--ds-neutral-700);line-height:var(--ds-lh-body)}.v2m-dynamic-infographic .v2m-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--ds-space-2)}.v2m-dynamic-infographic .v2m-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:999px;font-size:var(--ds-text-label);font-weight:var(--ds-font-bold);background-color:var(--tag-bg);color:var(--tag-color)}.v2m-dynamic-infographic .v2m-infographic-wrapper{position:relative;width:min(320px,100%);aspect-ratio:1;margin-inline:auto}@media(min-width:992px){.v2m-dynamic-infographic .v2m-infographic-wrapper{width:440px;height:440px;aspect-ratio:auto}}.v2m-dynamic-infographic .v2m-svg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible}.v2m-dynamic-infographic .v2m-arc-seg{opacity:.25;stroke-width:2;transition:stroke-width .4s ease,opacity .4s ease}.v2m-dynamic-infographic .v2m-arc-seg.is-active{opacity:1;stroke-width:5}.v2m-dynamic-infographic .v2m-node{position:absolute;width:30.29px;height:30.29px;border-radius:50%;background:color-mix(in srgb,var(--node-color) 28%,white);border:2.5px solid var(--node-color);display:flex;align-items:center;justify-content:center;font-size:12.34px;left:var(--cx);top:var(--cy);transform:translate(-50%,-50%) scale(1);transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s ease,background-color .3s ease;cursor:default;will-change:transform}@media(min-width:992px){.v2m-dynamic-infographic .v2m-node{width:54px;height:54px;font-size:21px}}.v2m-dynamic-infographic .v2m-node.is-active{transform:translate(-50%,-50%) scale(1.28);border-color:transparent;background-color:color-mix(in srgb,var(--node-color) 28%,white)}@supports not (color: color-mix(in srgb,red 28%,white)){.v2m-dynamic-infographic .v2m-node{background-color:var(--node-color);opacity:.28}.v2m-dynamic-infographic .v2m-node.is-active{opacity:1}}.v2m-dynamic-infographic .v2m-node__label{display:none;position:absolute;font-size:13px;line-height:1.35;color:var(--ds-neutral-700);white-space:nowrap;pointer-events:none}@media(min-width:992px){.v2m-dynamic-infographic .v2m-node__label{display:block}}.v2m-dynamic-infographic .v2m-node[data-step="0"] .v2m-node__label{bottom:calc(100% + 20px);left:50%;transform:translate(-50%);text-align:center}.v2m-dynamic-infographic .v2m-node[data-step="1"] .v2m-node__label{left:calc(100% + 8px);top:50%;transform:translateY(-50%);text-align:left}.v2m-dynamic-infographic .v2m-node[data-step="2"] .v2m-node__label{left:calc(100% + 8px);top:120%;transform:translateY(-50%);text-align:left}.v2m-dynamic-infographic .v2m-node[data-step="3"] .v2m-node__label{right:calc(100% + 8px);top:120%;transform:translateY(-50%);text-align:right}.v2m-dynamic-infographic .v2m-node[data-step="4"] .v2m-node__label{right:calc(100% + 8px);top:50%;transform:translateY(-50%);text-align:right}.v2m-dynamic-infographic .v2m-node.is-active .v2m-node__label{font-weight:var(--ds-font-bold);color:var(--node-color)}.v2m-dynamic-infographic .v2m-center-label{position:absolute;width:100px;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.v2m-dynamic-infographic .v2m-center-label__line1{display:block;font-size:var(--ds-text-label);font-weight:var(--ds-font-bold);color:var(--ds-neutral-900);line-height:1.3}.v2m-dynamic-infographic .v2m-center-label__line2{display:block;font-size:var(--ds-text-label);font-weight:var(--ds-font-bold);color:var(--ds-primary-500)}.v2m-dynamic-infographic .v2m-pill{position:absolute;bottom:21%;left:50%;transform:translate(-50%);padding:7px 20px;border-radius:999px;font-size:13px;font-weight:var(--ds-font-bold);color:var(--pill-color, #999);white-space:nowrap;background-color:color-mix(in srgb,var(--pill-color, #999) 28%,white);border:2px solid var(--pill-color, #999);transition:border-color .3s ease,background-color .3s ease,color .3s ease;pointer-events:none}.v2m-dynamic-infographic .v2m-steps-list{display:flex;flex-direction:column;gap:10px;width:100%}@media(min-width:992px){.v2m-dynamic-infographic .v2m-steps-list{display:none}}.v2m-dynamic-infographic .v2m-step-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;border:1.5px solid #EFEFEF;background:#fff;transition:border-color .3s ease,background .3s ease}.v2m-dynamic-infographic .v2m-step-item__num{width:28px;height:28px;border-radius:50%;border:1.5px solid #CCC;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--ds-font-bold);color:var(--ds-neutral-700);flex-shrink:0;transition:background .3s,border-color .3s,color .3s}.v2m-dynamic-infographic .v2m-step-item__icon{font-size:22px;flex-shrink:0;opacity:.5;transition:opacity .3s}.v2m-dynamic-infographic .v2m-step-item__name{display:block;font-size:var(--ds-text-body);font-weight:var(--ds-font-medium);color:var(--ds-neutral-900)}.v2m-dynamic-infographic .v2m-step-item__desc{display:block;font-size:var(--ds-text-label);color:var(--ds-neutral-700);margin-top:2px}.v2m-dynamic-infographic .v2m-step-item.is-active{border-color:var(--node-color);background:color-mix(in srgb,var(--node-color) 8%,white)}@supports not (color: color-mix(in srgb,red 8%,white)){.v2m-dynamic-infographic .v2m-step-item.is-active{background:#0000000a}}.v2m-dynamic-infographic .v2m-step-item.is-active .v2m-step-item__num{background:var(--node-color);border-color:var(--node-color);color:#fff}.v2m-dynamic-infographic .v2m-step-item.is-active .v2m-step-item__icon{opacity:1}.v2m-dynamic-infographic .v2m-step-item.is-active .v2m-step-item__name{color:var(--node-color);font-weight:var(--ds-font-bold)}.v2m-dynamic-infographic .v2m-node:first-of-type{transform:translate(-50%,-50%) scale(1.28);border-color:transparent;background-color:color-mix(in srgb,var(--node-color) 28%,white)}.v2m-dynamic-infographic .v2m-node:first-of-type .v2m-node__label{font-weight:var(--ds-font-bold);color:var(--node-color)}.v2m-dynamic-infographic .js-ready .v2m-node:first-of-type:not(.is-active){transform:translate(-50%,-50%) scale(1);border-color:var(--node-color)}.v2m-dynamic-infographic .js-ready .v2m-node:first-of-type:not(.is-active) .v2m-node__label{font-weight:var(--ds-font-regular, 400);color:var(--ds-neutral-700)}@media(prefers-reduced-motion:reduce){.v2m-dynamic-infographic .v2m-arc-seg,.v2m-dynamic-infographic .v2m-node,.v2m-dynamic-infographic .v2m-pill,.v2m-dynamic-infographic .v2m-step-item,.v2m-dynamic-infographic .v2m-step-item__num,.v2m-dynamic-infographic .v2m-step-item__icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/v2m-dynamic-infographic.css.map */