/* wgbv v2.0.0 page bundle "citizen-science" (/citizen-science): core.css and 8 of 55 visuals (consent, analytics, build, dashboard-breakdown, form-builder, multilingual, reminders, wearable), the same bytes and order as wgbv-v2.css. Built by build.py from src/; do not edit.
   Comments stripped: the documented sources, and the source of every string, are in src/ and components/ (weguide-bento). */
@property --wgbv-p { syntax: '<length>'; inherits: true; initial-value: 1px; }

.wgbv-embed, .w-embed:has(> .wgbv-visual) { display: contents; }
.wgbv-embed::before, .wgbv-embed::after, .w-embed:has(> .wgbv-visual)::before, .w-embed:has(> .wgbv-visual)::after { content: none; display: none; }

.wgbv-visual :where(h1,h2,h3,h4,h5,h6,p,ul,ol,li,a,img,figure,figcaption,strong,small,em,b,i,span,label,svg) { all: revert; }

.wgbv-visual {
  --wgbv-ar: 412 / 192;
  position: relative; display: block; box-sizing: border-box; width: 100%; aspect-ratio: var(--wgbv-ar); margin: 0; padding: 0;
  container-type: size; pointer-events: none; overflow: visible;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; font-size: 16px; font-weight: 400; line-height: 1.4;
  letter-spacing: normal; text-align: left; text-transform: none; color: #111827; -webkit-font-smoothing: antialiased;
}

@supports selector(:has(*)) {
  :is(.wgcp-card-wide, .wgcp-card-small):has(.wgbv-visual) { display: flex; flex-direction: column; row-gap: 24px; container: wgbv-card / inline-size; }
  @media (min-width: 992px) { :is(.wgcp-card-wide, .wgcp-card-small):has(.wgbv-visual) { row-gap: 20px; } }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual {
    --wgbv-cx: 0; --wgbv-cy: 0; --wgbv-cw: var(--wgbv-w); --wgbv-ch: var(--wgbv-h); --wgbv-ax: .5; --wgbv-ay: 1;
    position: relative; inset: auto; flex: none; align-self: center; width: 100cqw; max-width: none; height: auto; max-height: none;
    aspect-ratio: var(--wgbv-cw) / var(--wgbv-ch); margin: auto 0 0; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
    --wgbv-p: min(calc(100cqw / var(--wgbv-cw)), calc(100cqh / var(--wgbv-ch)), var(--wgbv-pmax, 100px));
    left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw)) * var(--wgbv-ax) - var(--wgbv-p) * var(--wgbv-cx));
    top: calc((100cqh - var(--wgbv-p) * var(--wgbv-ch)) * var(--wgbv-ay) - var(--wgbv-p) * var(--wgbv-cy));
    width: calc(var(--wgbv-p) * var(--wgbv-w)); height: calc(var(--wgbv-p) * var(--wgbv-h)); }

  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="consent"] { --wgbv-cy: 6; --wgbv-cw: 514; --wgbv-ch: 357; --wgbv-pmax: .84px;
    --wgbv-vw: min(100cqw + 48px, 340px); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto; min-height: calc(var(--wgbv-vw) * 357 / 514); margin-bottom: -24px; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] { --wgbv-h: 346; --wgbv-cy: 50; --wgbv-cw: 477; --wgbv-ch: 296; --wgbv-pmax: .88px;
    --wgbv-vw: min(100cqw + 24px, 400px); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto; min-height: calc(var(--wgbv-vw) * 296 / 477); margin-bottom: -24px; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] .wgbv-portal .wgbv-l-body { margin-top: calc(var(--wgbv-p) * 20); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] .wgbv-phone-flat { top: calc(var(--wgbv-p) * 61.7); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] { --wgbv-cx: 12; --wgbv-cy: 8; --wgbv-cw: 388.5; --wgbv-ch: 163; --wgbv-pmax: .9px; width: min(100cqw, 350px); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] .wgbv-types { width: calc(var(--wgbv-p) * 258.5); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { left: calc(var(--wgbv-p) * 12); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] { --wgbv-h: 390; --wgbv-cx: 30; --wgbv-cw: 559; --wgbv-ch: 390; --wgbv-ay: .5; --wgbv-pmax: .49px;
    --wgbv-vw: min(100cqw, 335px); --wgbv-vh: min(calc(var(--wgbv-vw) * 390 / 559), calc(var(--wgbv-pmax) * 390)); width: var(--wgbv-vw); flex: 1 0 0; aspect-ratio: auto;
    min-height: var(--wgbv-vh); max-height: var(--wgbv-vh); border-radius: 12px; background: #233190; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { left: 0; width: 100cqw; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-panel { background: none; }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); width: auto; height: calc(var(--wgbv-p) * 330); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; padding-top: calc(var(--wgbv-p) * 19); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { font-size: calc(var(--wgbv-p) * 19); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 32); }
  :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="wearable"] { --wgbv-cx: 4; --wgbv-cy: 5; --wgbv-cw: 392; --wgbv-ch: 221; --wgbv-pmax: .7px; width: min(100cqw, 274px); }
  @media (min-width: 992px) {
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="consent"] { --wgbv-vw: calc(60cqw + 36px); align-self: flex-end; --wgbv-ax: 1;
      min-height: calc(var(--wgbv-vw) * 357 / 514 * .85); margin-right: -30px; margin-bottom: -30px; }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="education"] { --wgbv-vw: min(80cqw, 360px); min-height: calc(var(--wgbv-vw) * 296 / 477 * .85); margin-bottom: -30px; }
    .wgcp-card-small .wgbv-visual[data-wgbv="education"] { --wgbv-vw: 100cqw; }
    .wgcp-card-small .wgbv-visual[data-wgbv="engagement"] { width: 100cqw; }
    .wgcp-card-wide .wgbv-visual[data-wgbv="engagement"] { --wgbv-pmax: 1px; width: min(100cqw, 388.5px); }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="analytics"] { --wgbv-vw: 100cqw; --wgbv-pmax: .46px; min-height: min(150px, var(--wgbv-vh)); }
    .wgcp-card-wide:has(.wgcp-card-copy-wide) .wgbv-visual[data-wgbv="analytics"] { --wgbv-vw: calc(60cqw + 6px); align-self: flex-end; }
    :is(.wgcp-card-wide, .wgcp-card-small) .wgbv-visual[data-wgbv="wearable"] { --wgbv-pmax: .66px; width: min(100cqw, 259px); }
  }
}

.point img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports (anchor-name: --wgbv-slot) {
  .point img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-slot; visibility: hidden; }
  .point img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-slot; position-visibility: always; right: auto; bottom: auto;
    top: calc(anchor(top) + var(--wgbv-dt, 0px)); left: calc(anchor(left) + var(--wgbv-dl, 0px));
    width: var(--wgbv-aw, calc(anchor-size(width) + var(--wgbv-dw, 0px))); height: var(--wgbv-ah, calc(anchor-size(height) + var(--wgbv-dh, 0px)));
    max-width: none; max-height: none; margin: 0; aspect-ratio: auto; z-index: -1;
    clip-path: inset(var(--wgbv-ct, -100vmax) var(--wgbv-cr, -100vmax) var(--wgbv-cb, -100vmax) var(--wgbv-cl, -100vmax) round var(--wgbv-crad, 0px)); }
  @media (min-width: 1920px) { .point img.image-110.h.s + :is(.w-embed, .wgbv-embed) > .wgbv-visual, .point img.image-143.h.s + :is(.w-embed, .wgbv-embed) > .wgbv-visual { z-index: 0; } }
  @media (min-width: 992px) and (max-width: 1279px) {
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { display: flex; flex-direction: column-reverse; justify-content: flex-end;
      row-gap: 20px; height: auto; min-height: 318px; }
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) .uui-text-size-medium { width: auto; }
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: static; inset: auto; order: -1; flex: 1 0 150px; align-self: stretch;
      width: 100%; min-width: 0; max-width: 100%; height: auto; min-height: 0; aspect-ratio: auto; margin: 0; padding: 0; }
    .point:not(._3x) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { flex-basis: 170px; }
    .w-layout-grid:has(> .point > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > .point:not(:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual)) { min-height: 100%; }
  }
  @media (max-width: 767px) {
    :is(:has(> .w-layout-grid > .point .wgbv-visual), :has(> * > .w-layout-grid > .point .wgbv-visual), :has(> * > * > .w-layout-grid > .point .wgbv-visual),
      :has(> * > * > * > .w-layout-grid > .point .wgbv-visual)) { min-width: 0; max-width: 100%; }
    .w-layout-grid:has(> .point .wgbv-visual) { grid-template-columns: minmax(0, 1fr); }
    .w-layout-grid:has(> .point .wgbv-visual) > .point { min-width: 0; }
    .point:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { min-height: min-content; }
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: static; inset: auto; flex: 1 0 auto; min-height: 150px; }
    .point > img.image-44.h.s.es:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { height: auto; }
  }
  @media (min-width: 480px) and (max-width: 767px) {
    .point > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual:not([data-wgbv="identity"])) { max-height: 360px; }
  }
  @media (max-width: 479px) {
    .point:has(> img.lining + * + img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { flex-direction: column; }
    .point:has(> img.lining + * + img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > :not(.lining) { order: -1; }
  }
  @media (min-width: 1440px) and (max-width: 1919px) {
    .container-default:has(> * > .cards-4 > .w-layout-grid > .point .wgbv-visual) { width: 100%; }
    .cards-4:has(> .w-layout-grid > .point .wgbv-visual) { width: 100%; max-width: 100%; }
  }
}
.screening-card > :is(.w-embed, .wgbv-embed) > .wgbv-visual { width: 100%; max-width: 100%; aspect-ratio: 620 / 363; border-radius: 10px; overflow: hidden; }
@media (min-width: 1920px) { .screening-card > :is(.w-embed, .wgbv-embed) > .wgbv-visual { width: 620px; } }
.wgbv-visual[data-wgbv-fit="contain"] { position: absolute; inset: 0; width: auto; height: auto; aspect-ratio: auto; }

:is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports selector(:has(*)) {
  :is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap):has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) > img { visibility: hidden; }
  :is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; inset: 0; z-index: 1; width: auto; height: auto; max-width: none; max-height: none; aspect-ratio: auto; margin: 0; }
}
:is(.platform_section-wrap .image_wrap-right, .platform_content-box .image-wrap) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

:is(.support_right-imgbox, .support_faq-imgwrap, .tab-div) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual,
.layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports selector(:has(*)) {
  .support_right-imgbox:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  .support_right-imgbox > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-gate]) { visibility: hidden; }
  .support_right-imgbox > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-gate="open"],
  :is(.support_faq-imgwrap, .tab-div) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; inset: 0; z-index: 7; width: auto; height: auto; max-width: none; max-height: none; aspect-ratio: auto; margin: 0; }
  .support_faq-imgwrap:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; aspect-ratio: 1; height: auto; }
  .support_faq-imgwrap > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: absolute; inset: 0; width: 100%; height: 100%; min-height: 0; max-height: none; visibility: hidden; }
  .tab-div > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { visibility: hidden; }
  @media (max-width: 479px) { .support_faq-imgwrap:has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { aspect-ratio: 4 / 3; } }
}
@supports (anchor-name: --wgbv-l13) {
  :has(> img.layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  img.layout13_image:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-l13; visibility: hidden; }
  .layout13_image + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-l13; position-visibility: always; top: anchor(top); left: anchor(left); right: auto; bottom: auto;
    width: var(--wgbv-aw, anchor-size(width)); height: var(--wgbv-ah, anchor-size(height)); max-width: none; max-height: none; margin: 0; aspect-ratio: auto; }
}
.wgbv-visual:is(.support_right-imgbox *, .support_faq-imgwrap *, .tab-div *, .layout13_image + * > *) .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

:is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual { display: none; }
@supports (anchor-name: --wgbv-hero) and selector(:has(*)) {
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper):has(> img + :is(.w-embed, .wgbv-embed) > .wgbv-visual) { position: relative; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual) { anchor-name: --wgbv-hero; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img:has(+ :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-live]) { visibility: hidden; transition: visibility 0s .2s; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual {
    display: block; position: absolute; position-anchor: --wgbv-hero; position-visibility: always; top: anchor(top); left: anchor(left); right: auto; bottom: auto;
    width: var(--wgbv-aw, anchor-size(width)); height: var(--wgbv-ah, anchor-size(height)); max-width: none; max-height: none; margin: 0; aspect-ratio: auto;
    visibility: hidden; opacity: 0; transition: opacity .2s ease-out; }
  :is(.hero-image-wrapper, .hero-image-wrapper > .div-block-85, .patient-registries_hero-header_image-wrapper) > img + :is(.w-embed, .wgbv-embed) > .wgbv-visual[data-wgbv-live] { visibility: visible; opacity: 1; }
}
.wgbv-visual:is(.hero-image-wrapper > img + * > *, .hero-image-wrapper > .div-block-85 > img + * > *, .patient-registries_hero-header_image-wrapper > img + * > *) .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h))), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }

.wgbv-visual * { box-sizing: border-box; margin: 0; }
.wgbv-visual .wgbv-stage { position: absolute; inset: 0; margin: auto;
  --wgbv-p: min(calc(100cqw / var(--wgbv-w)), calc(100cqh / var(--wgbv-h))); width: calc(var(--wgbv-p) * var(--wgbv-w)); height: calc(var(--wgbv-p) * var(--wgbv-h)); }
:is(.point, .screening-card) .wgbv-visual .wgbv-stage { inset: auto; margin: 0;
  --wgbv-p: min(calc(100cqw * var(--wgbv-fill, 1) / var(--wgbv-cw, var(--wgbv-w))), calc(100cqh / var(--wgbv-ch, var(--wgbv-h)) / var(--wgbv-vis, 1)), var(--wgbv-pmax, 100px));
  left: calc((100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5) - var(--wgbv-p) * var(--wgbv-cx, 0));
  top: calc(max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5)) - var(--wgbv-p) * var(--wgbv-cy, 0)); }
.screening-card .wgbv-visual .wgbv-stage > .wgbv-bg,
.screening-card .wgbv-visual .wgbv-stage > .wgbv-panel::before { inset: calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / -2) calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / -2); }
.screening-card .wgbv-visual .wgbv-stage > .wgbv-panel::before { content: ''; position: absolute; border-radius: inherit; background: inherit; }
:is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 26); }
:is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { top: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 324); }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { left: 0; width: 100cqw; }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); width: auto; }
.screening-card .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; }
.screening-card .wgbv-visual[data-wgbv="consent"] .wgbv-stage { -webkit-mask-image: linear-gradient(#000 82%, transparent); mask-image: linear-gradient(#000 82%, transparent); }
.point .wgbv-visual[data-wgbv="consent"] { --wgbv-bleed: 1; --wgbv-vis: .97; --wgbv-ay: 1; --wgbv-cx: 47; --wgbv-cw: 430; --wgbv-fill: 1; }
@container (max-height: 199.98px) {
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-ch: 316; --wgbv-vis: 1; }
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-help { display: none; }
}
@container (max-height: 159.98px) {
  .point .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-cy: 80; --wgbv-ch: 236; clip-path: inset(calc(var(--wgbv-p) * 80) 0 0 0);
    -webkit-mask-image: linear-gradient(transparent calc(var(--wgbv-p) * 80), #000 calc(var(--wgbv-p) * 100));
    mask-image: linear-gradient(transparent calc(var(--wgbv-p) * 80), #000 calc(var(--wgbv-p) * 100)); }
}
.point .wgbv-visual[data-wgbv="consent"] .wgbv-help { font-size: calc(var(--wgbv-p) * 15); line-height: calc(var(--wgbv-p) * 21); }
.point .wgbv-visual[data-wgbv="security"] { --wgbv-bleed: 1; --wgbv-vis: .6; --wgbv-ay: 1; --wgbv-fill: .8; }
.point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-vis: 1; }
@container (max-height: 279.98px) { .point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-ch: 432; } }
@container (max-height: 199.98px) { .point .wgbv-visual[data-wgbv="security"] .wgbv-stage { --wgbv-ch: 360; } }
.point .wgbv-visual[data-wgbv="survey"] { --wgbv-bleed: 1; --wgbv-vis: .8; --wgbv-ay: 1; }
.point .wgbv-visual[data-wgbv="identity"] { --wgbv-bleed: 1; --wgbv-ay: 1; }
@container (max-width: 299px) and (aspect-ratio >= 1.1) {
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-stage { --wgbv-w: 362; }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-sig { width: calc(var(--wgbv-p) * 150); }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-ink-tile { left: calc(var(--wgbv-p) * 23); }
  .point .wgbv-visual[data-wgbv="engagement"] :is(.wgbv-types, .wgbv-checkin) { left: calc(var(--wgbv-p) * 170); width: calc(var(--wgbv-p) * 180); }
  .point .wgbv-visual[data-wgbv="engagement"] .wgbv-cta { width: calc(var(--wgbv-p) * 150); }
}
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 352; }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 15); width: auto; }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 211.5); }
.point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 45); right: calc(var(--wgbv-p) * 45); width: auto; }
@container (max-width: 299px) {
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 480; --wgbv-h: 352; }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 15); right: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 211.5); }
  :is(.point, .screening-card) .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { font-size: max(7.2px, calc(var(--wgbv-p) * 16)); }
}
@container (max-width: 299px) {
  .screening-card .wgbv-visual[data-wgbv="consent"] .wgbv-stage { --wgbv-cx: 47; --wgbv-cw: 430; --wgbv-ch: 320; --wgbv-ay: 0;
    -webkit-mask-image: linear-gradient(#000 70%, transparent 88%); mask-image: linear-gradient(#000 70%, transparent 88%); }
}
@container (aspect-ratio >= 1.45) and (min-width: 300px) {
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 290; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -36); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 30) calc(var(--wgbv-p) * 37) calc(var(--wgbv-p) * 30)); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 23.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 87.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 151.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 215.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 113); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 87.1); }
}
@container (aspect-ratio < 1.45) or (max-width: 299px) {
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 447; --wgbv-h: 300; overflow: clip; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -44); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 44) calc(var(--wgbv-p) * 187) calc(var(--wgbv-p) * 19) calc(var(--wgbv-p) * 30)); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 15.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 79.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 143.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 207.9); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 105); }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-engine::after { content: ''; position: absolute; left: 50%; top: 100%; height: calc(var(--wgbv-p) * 13.2); border-left: calc(var(--wgbv-p) * 1.44) dashed #8000CF; }
  .point .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 249.4); top: calc(var(--wgbv-p) * 174); }
}
@container (max-width: 339px) and (aspect-ratio >= 1.45) {
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 290; }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-lines { inset: auto; left: calc(var(--wgbv-p) * -30); top: calc(var(--wgbv-p) * -36); width: calc(var(--wgbv-p) * 620); height: calc(var(--wgbv-p) * 363);
    clip-path: inset(calc(var(--wgbv-p) * 36) calc(var(--wgbv-p) * 30) calc(var(--wgbv-p) * 37) calc(var(--wgbv-p) * 30)); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill { left: calc(var(--wgbv-p) * 13.7); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-1 { top: calc(var(--wgbv-p) * 23.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-2 { top: calc(var(--wgbv-p) * 87.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-3 { top: calc(var(--wgbv-p) * 151.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-pill-4 { top: calc(var(--wgbv-p) * 215.9); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-engine { left: calc(var(--wgbv-p) * 211.7); top: calc(var(--wgbv-p) * 113); }
  .screening-card .wgbv-visual[data-wgbv="connect"] .wgbv-window { left: calc(var(--wgbv-p) * 429.5); top: calc(var(--wgbv-p) * 87.1); }
}
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-stage { --wgbv-h: 212; }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 206); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in { height: calc(var(--wgbv-p) * 62); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 75); }
.point .wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 147); }
@container (max-width: 339px) {
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-msg { display: none; }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-watch { top: calc(var(--wgbv-p) * 40); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-h, .point .wgbv-visual[data-wgbv="wearable"] .wgbv-busy { top: calc(var(--wgbv-p) * 156); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-stage { --wgbv-w: 371; }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-sync { width: calc(var(--wgbv-p) * 150); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-watch { left: calc(var(--wgbv-p) * 25); }
  .point .wgbv-visual[data-wgbv="wearable"] .wgbv-in { left: calc(var(--wgbv-p) * 162); width: calc(var(--wgbv-p) * 205); }
}

.wgbv-visual .wgbv-i { display: inline-block; flex: none; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual .wgbv-i.wgbv-fill { fill: currentColor; stroke: none; }
.wgbv-visual .wgbv-ink { position: absolute; overflow: visible; }
.wgbv-visual .wgbv-ink path { fill: none; stroke: #111827; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual img { display: block; max-width: none; border: 0; }
.wgbv-visual .wgbv-b { font-weight: 600; }

.wgbv-visual .wgbv-ripple { position: absolute; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); margin: calc(var(--wgbv-p) * -15) 0 0 calc(var(--wgbv-p) * -15); border-radius: 50%; background: rgba(93, 67, 226, .22); opacity: 0; z-index: 4; }
.wgbv-visual .wgbv-touch { position: absolute; left: 0; top: 0; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); margin: calc(var(--wgbv-p) * -11) 0 0 calc(var(--wgbv-p) * -11); border-radius: 50%; background: rgba(103, 65, 217, .18); opacity: 0; z-index: 4; }

.wgbv-visual .wgbv-island { position: absolute; left: 50%; top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 120); height: calc(var(--wgbv-p) * 35); margin-left: calc(var(--wgbv-p) * -60); border-radius: calc(var(--wgbv-p) * 20); background: #0b0b0c; }
.wgbv-visual .wgbv-status { position: absolute; left: 0; right: 0; top: 0; height: calc(var(--wgbv-p) * 54); display: flex; align-items: center; justify-content: space-between; padding: calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 26) 0 calc(var(--wgbv-p) * 36); color: #111827; }
.wgbv-visual .wgbv-time { font-size: calc(var(--wgbv-p) * 15.5); font-weight: 600; letter-spacing: -.01em; }
.wgbv-visual .wgbv-sys { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual .wgbv-sys svg { display: block; fill: currentColor; }
.wgbv-visual .wgbv-signal { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual .wgbv-wifi { width: calc(var(--wgbv-p) * 15.5); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual .wgbv-battery { position: relative; display: block; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 11.5); margin-left: calc(var(--wgbv-p) * 2); border: calc(var(--wgbv-p) * 1) solid rgba(17, 24, 39, .4); border-radius: calc(var(--wgbv-p) * 3.5); }
.wgbv-visual .wgbv-battery i { position: absolute; inset: calc(var(--wgbv-p) * 1.5); border-radius: calc(var(--wgbv-p) * 2); background: #111827; }
.wgbv-visual .wgbv-battery::after { content: ''; position: absolute; right: calc(var(--wgbv-p) * -3.5); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 1.5); height: calc(var(--wgbv-p) * 4); border-radius: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 1) 0; background: rgba(17, 24, 39, .4); }
.wgbv-visual .wgbv-crumbs { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 43); padding-right: calc(var(--wgbv-p) * 12); border-bottom: calc(var(--wgbv-p) * 1) solid #E5E7EB; font-size: calc(var(--wgbv-p) * 11.5); color: #6B7280; white-space: nowrap; }
.wgbv-visual .wgbv-mark { display: grid; place-items: center; width: calc(var(--wgbv-p) * 43); height: 100%; margin-right: calc(var(--wgbv-p) * 14); border-right: calc(var(--wgbv-p) * 1) solid #E5E7EB; }
.wgbv-visual .wgbv-mark img { width: calc(var(--wgbv-p) * 23); height: auto; }
.wgbv-visual .wgbv-sep { color: #D1D5DB; }
.wgbv-visual .wgbv-current { color: #374151; }
.wgbv-visual .wgbv-row { position: absolute; left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 373); height: calc(var(--wgbv-p) * 64.7); display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 11); padding: calc(var(--wgbv-p) * 10.6) calc(var(--wgbv-p) * 10.6) 0; border: calc(var(--wgbv-p) * .9) solid #4F46E5; border-radius: calc(var(--wgbv-p) * 7); background: #fff; }
.wgbv-visual .wgbv-iconbox { display: grid; place-items: center; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); flex: none; border-radius: calc(var(--wgbv-p) * 7); background: #F3F4F6; }
.wgbv-visual .wgbv-iconbox img { width: calc(var(--wgbv-p) * 15.75); height: calc(var(--wgbv-p) * 15.75); }
.wgbv-visual .wgbv-row-main { display: flex; flex-direction: column; flex: 1; min-width: 0; }
.wgbv-visual .wgbv-row-title { margin-top: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 14.5); line-height: 1.35; color: #111827; }
.wgbv-visual .wgbv-row-detail { margin-top: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 10.6); color: #374151; white-space: nowrap; }
.wgbv-visual .wgbv-onoff { --on: 1; position: relative; display: inline-grid; place-items: center; width: calc(var(--wgbv-p) * 41.2); height: calc(var(--wgbv-p) * 21.5); flex: none; border-radius: calc(var(--wgbv-p) * 11);
  font-size: calc(var(--wgbv-p) * 10.6); font-weight: 500; letter-spacing: .04em; background: color-mix(in srgb, #EFEEFF calc(var(--on) * 100%), #F4F4F5); }
.wgbv-visual .wgbv-onoff > span { grid-area: 1 / 1; }
.wgbv-visual .wgbv-on-t { color: #4F46E5; opacity: var(--on); }
.wgbv-visual .wgbv-off-t { color: #6B7280; opacity: calc(1 - var(--on)); }
.wgbv-visual .wgbv-add { position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 176.5); height: calc(var(--wgbv-p) * 37.9); border-radius: calc(var(--wgbv-p) * 5.3); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13.4); font-weight: 500; white-space: nowrap; }
.wgbv-visual .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 2; }

/* ---- visuals/consent.css ---- */
.wgbv-visual[data-wgbv="consent"] { --wgbv-ar: 1192 / 840; --wgbv-w: 514; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="consent"] .wgbv-stage { overflow: hidden; }
.wgbv-visual .wgbv-phone { position: absolute; left: calc(var(--wgbv-p) * 53); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 418); height: calc(var(--wgbv-p) * 440); padding: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 64);
  background: #111214; box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 4) #2a2b2e, 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 32) rgba(32, 33, 63, .12); }
.wgbv-visual .wgbv-btn { position: absolute; width: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 2) 0 0 calc(var(--wgbv-p) * 2); background: #3a3b3f; }
.wgbv-visual .wgbv-btn-1 { left: calc(var(--wgbv-p) * -2.5); top: calc(var(--wgbv-p) * 112); height: calc(var(--wgbv-p) * 28); }
.wgbv-visual .wgbv-btn-2 { left: calc(var(--wgbv-p) * -2.5); top: calc(var(--wgbv-p) * 158); height: calc(var(--wgbv-p) * 52); }
.wgbv-visual .wgbv-btn-3 { right: calc(var(--wgbv-p) * -2.5); left: auto; top: calc(var(--wgbv-p) * 175); height: calc(var(--wgbv-p) * 80); border-radius: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 2) 0; }
.wgbv-visual .wgbv-screen { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 46); background: #fff; }
.wgbv-visual .wgbv-nav { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 45); height: calc(var(--wgbv-p) * 47); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #CBD5E1; }
.wgbv-visual .wgbv-back { position: absolute; left: calc(var(--wgbv-p) * 16); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 17); color: #6741D9; }
.wgbv-visual .wgbv-back .wgbv-i { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); stroke-width: 2.4; }
.wgbv-visual .wgbv-title { font-size: calc(var(--wgbv-p) * 16.5); font-weight: 600; color: #1E293B; letter-spacing: -.01em; }
.wgbv-visual .wgbv-sign-q { position: absolute; left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 112); }
.wgbv-visual .wgbv-h { font-size: calc(var(--wgbv-p) * 17.5); font-weight: 700; line-height: 1.35; letter-spacing: -.015em; color: #2C2D73; }
.wgbv-visual .wgbv-help { margin-top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 14); line-height: calc(var(--wgbv-p) * 20); color: #475569; }
.wgbv-visual .wgbv-pad { position: relative; height: calc(var(--wgbv-p) * 170); margin-top: calc(var(--wgbv-p) * 10); border: calc(var(--wgbv-p) * 1) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 9); background: #fff; }
.wgbv-visual .wgbv-pad .wgbv-line { position: absolute; left: calc(var(--wgbv-p) * 50); width: calc(var(--wgbv-p) * 236); top: calc(var(--wgbv-p) * 117); border-bottom: calc(var(--wgbv-p) * 1.3) dashed #64748B; }
.wgbv-visual .wgbv-ink-consent { left: calc(var(--wgbv-p) * 48); top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 227); height: calc(var(--wgbv-p) * 117); }
.wgbv-visual .wgbv-ink-consent path { stroke-width: 12; }
@container (max-width: 140px) {
  .wgbv-visual[data-wgbv="consent"] .wgbv-help { display: none; }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio < 1.4) and (min-height: 200px) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-stage { top: calc(var(--wgbv-p) * -8); height: calc(100cqh + var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(var(--wgbv-p) * 170 + max(0px, 100cqh - var(--wgbv-p) * 408)); }
  }
}

@media (max-width: 479px) {
  @container ((min-height: 200px) and (aspect-ratio < 1.165)) or ((min-height: 160px) and (max-height: 199.98px) and (aspect-ratio < 1.32)) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-stage { top: calc(var(--wgbv-p) * -8); height: calc(100cqh + var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
  }
  @container (min-height: 200px) and (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 239.6); }
  }
  @container (min-height: 200px) and (aspect-ratio >= 1.1) and (aspect-ratio < 1.165) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 207.6); }
  }
  @container (min-height: 160px) and (max-height: 199.98px) and (aspect-ratio < 1.2) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 192.6); }
  }
  @container (min-height: 160px) and (max-height: 199.98px) and (aspect-ratio >= 1.2) and (aspect-ratio < 1.32) {
    .wgbv-visual[data-wgbv="consent"]:is(.point *) .wgbv-pad { height: calc(100cqh - var(--wgbv-p) * 160.6); }
  }
}

@container (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-cx: 41; --wgbv-cw: 442; --wgbv-cy: 8; --wgbv-ch: 442; --wgbv-ay: 0; height: calc(100cqh + var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-phone { height: calc(100cqh + var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pad { height: calc(var(--wgbv-p) * 204); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pad .wgbv-line { top: calc(var(--wgbv-p) * 134); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-ink-consent { top: calc(var(--wgbv-p) * 47); }
}
.wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) { overflow: hidden; }
@container (aspect-ratio >= 1.5) {
  .wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-cx: 45; --wgbv-cw: 434; --wgbv-cy: 80; --wgbv-ch: 240; --wgbv-ay: 0;
    height: calc(100cqh + var(--wgbv-p) * 80); }
  .wgbv-visual[data-wgbv="consent"]:is(.platform_content-box .image-wrap *) .wgbv-help { display: none; }
}

.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] { --wgbv-ar: 1968 / 1920; --wgbv-w: 500; --wgbv-h: 488; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-phone { left: calc(var(--wgbv-p) * 32); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 262); height: calc(var(--wgbv-p) * 520); padding: 0;
  border: calc(var(--wgbv-p) * 1.6) solid #1F2430; border-radius: calc(var(--wgbv-p) * 38); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(32, 33, 63, .12); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-screen { border-radius: calc(var(--wgbv-p) * 36); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-status { height: calc(var(--wgbv-p) * 34); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 20) 0 calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-time { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-battery { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 9); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-island { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 74); height: calc(var(--wgbv-p) * 20); margin-left: calc(var(--wgbv-p) * -37); border-radius: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-nav { top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 36); border-bottom-color: #E5E7EB; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-back { left: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-back .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-title { font-size: calc(var(--wgbv-p) * 12.5); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-form { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 86); display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q { display: block; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.32; letter-spacing: -.005em; color: #2C2D73; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q i { font-style: normal; color: #E11D48; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f { display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 30); margin: calc(var(--wgbv-p) * 6) 0 calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 10.8); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sk { display: block; width: calc(var(--wgbv-p) * 64); height: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 4); background: #E5E7EB; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-sign-q { position: relative; left: auto; right: auto; top: auto; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-h { font-size: calc(var(--wgbv-p) * 11.5); line-height: 1.32; letter-spacing: -.005em; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-help { margin-top: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 9.8); line-height: calc(var(--wgbv-p) * 13.2); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-pad { height: calc(var(--wgbv-p) * 120); margin-top: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-pad .wgbv-line { left: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 154); top: calc(var(--wgbv-p) * 90); border-bottom-width: calc(var(--wgbv-p) * 1); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-ink-consent { left: calc(var(--wgbv-p) * 40); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 77); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta { position: absolute; left: 50%; top: 50%; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 4); padding: calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 14);
  border-radius: calc(var(--wgbv-p) * 8); background: #EFEDFC; font-size: calc(var(--wgbv-p) * 10.8); font-weight: 500; color: #5B47D6; white-space: nowrap; transform: translate(-50%, -50%); opacity: 0; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta .wgbv-i, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-btns .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2.2; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-btns { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 430); display: flex; gap: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { display: flex; flex: 1; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 32);
  border-radius: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 11); font-weight: 500; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk { background: #EFEDFC; color: #5B47D6; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-card { position: absolute; display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: calc(var(--wgbv-p) * 10); row-gap: calc(var(--wgbv-p) * 3);
  padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 10); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-c1 { left: calc(var(--wgbv-p) * 236); top: calc(var(--wgbv-p) * 56); width: calc(var(--wgbv-p) * 214); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-c2 { left: calc(var(--wgbv-p) * 240); top: calc(var(--wgbv-p) * 340); width: calc(var(--wgbv-p) * 222); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-t { grid-column: 1; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.25; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-d { grid-column: 1; font-size: calc(var(--wgbv-p) * 9.8); line-height: 1.35; color: #6B7280; }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sw { --on: 1; position: relative; display: block; grid-column: 2; grid-row: 1 / span 2; width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 17); border-radius: calc(var(--wgbv-p) * 9);
  background: color-mix(in srgb, #5B4BDB calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-sw i { position: absolute; left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); border-radius: 50%; background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 13 * var(--on))); }
@container (width < 375px) {
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q2 { display: none; }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-q, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-h { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-f { height: calc(var(--wgbv-p) * 32); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-help { font-size: calc(var(--wgbv-p) * 12); line-height: calc(var(--wgbv-p) * 15.6); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-t { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-d { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-cta, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-bk, .wgbv-visual[data-wgbv="consent"][data-wgbv-copy="hero"] .wgbv-cs-nx { font-size: calc(var(--wgbv-p) * 12); }
}

/* ---- visuals/analytics.css ---- */
.wgbv-visual[data-wgbv="analytics"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual .wgbv-panel { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #233190; }
.wgbv-visual .wgbv-dash { position: absolute; left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 499); height: calc(var(--wgbv-p) * 259); padding: calc(var(--wgbv-p) * 15) calc(var(--wgbv-p) * 15) 0; border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 18.6); background: #fff; }
.wgbv-visual .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 59.6); gap: calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 18) 0 0; font-size: calc(var(--wgbv-p) * 14.5); }
.wgbv-visual .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 59.6); margin-right: calc(var(--wgbv-p) * 32); }
.wgbv-visual .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 32.6); }
.wgbv-visual .wgbv-kpi { position: absolute; left: calc(var(--wgbv-p) * 75); width: calc(var(--wgbv-p) * 469.3); height: calc(var(--wgbv-p) * 114.5); padding: calc(var(--wgbv-p) * 21) 0 0 calc(var(--wgbv-p) * 30); border: calc(var(--wgbv-p) * .9) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 7.5); background: #fff; }
.wgbv-visual .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 112); }
.wgbv-visual .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 218.5); box-shadow: 0 calc(var(--wgbv-p) * -6) calc(var(--wgbv-p) * 14) rgba(16, 24, 40, .05); }
.wgbv-visual .wgbv-kpi-label { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 14.5); color: #4C4C4C; }
.wgbv-visual .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 1.6; }
.wgbv-visual .wgbv-kpi-row { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 16); margin-top: calc(var(--wgbv-p) * 8); }
.wgbv-visual .wgbv-num { display: block; min-width: calc(var(--wgbv-p) * 76); font-size: calc(var(--wgbv-p) * 39); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #0A0C10; font-variant-numeric: tabular-nums; }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.1) {
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 500; }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-dash { left: calc(var(--wgbv-p) * 15); right: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 470); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi { left: calc(var(--wgbv-p) * 30); right: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 175.5); display: flex; flex-direction: column;
      padding: calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 24); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 105); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 294.5); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; font-size: calc(var(--wgbv-p) * 14.5); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); padding: calc(var(--wgbv-p) * 11); border-radius: calc(var(--wgbv-p) * 10); background: #EEF0FA; color: #233190; }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
    .point .wgbv-visual[data-wgbv="analytics"] .wgbv-num { font-size: calc(var(--wgbv-p) * 20); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-dash { right: auto; width: calc(var(--wgbv-p) * 500); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-kpi { right: auto; width: calc(var(--wgbv-p) * 470); }
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
}
@media (min-width: 480px) and (max-width: 767px) {
  .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-num { font-size: calc(var(--wgbv-p) * 20); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-dash { right: auto; width: calc(var(--wgbv-p) * 370); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-kpi { right: auto; width: calc(var(--wgbv-p) * 340); }
    .wgbv-visual[data-wgbv="analytics"]:is(.point *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
  }
}

.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-panel,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 0; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-panel > *,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-num,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { border-radius: calc(var(--wgbv-p) * 8); background: #EEF0FA; color: #233190; }
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 400; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 370); height: calc(var(--wgbv-p) * 370); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi { left: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 340); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 97); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 239); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); padding: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio >= 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 440; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 416); height: calc(var(--wgbv-p) * 196); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 10) 0; border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-crumbs,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 40); gap: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 12) 0 0; font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-mark,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 40); margin-right: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash .wgbv-mark img,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { top: calc(var(--wgbv-p) * 66); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 66); box-shadow: none; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13); line-height: 1.3; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); padding: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 492; --wgbv-h: 170; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-dash,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-dash { width: calc(var(--wgbv-p) * 468); height: calc(var(--wgbv-p) * 146); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi { display: block; top: calc(var(--wgbv-p) * 60); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-1,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-2,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 252); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label { flex-direction: row; align-items: center; justify-content: flex-start; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-label .wgbv-i,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); padding: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-kpi-row,
.wgbv-visual[data-wgbv="analytics"]:is(.platform_content-box .image-wrap *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 8); }
}

.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 0; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { border-radius: calc(var(--wgbv-p) * 8); background: #EEF0FA; color: #233190; }
@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 400; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 370); height: calc(var(--wgbv-p) * 370); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { left: calc(var(--wgbv-p) * 30); width: calc(var(--wgbv-p) * 340); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 22) calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 97); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 239); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); padding: calc(var(--wgbv-p) * 10); border-radius: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio >= 1.2) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 440; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 416); height: calc(var(--wgbv-p) * 196); padding: calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 10) 0; border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-crumbs { height: calc(var(--wgbv-p) * 40); gap: calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 12) 0 0; font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-mark { width: calc(var(--wgbv-p) * 40); margin-right: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash .wgbv-mark img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { top: calc(var(--wgbv-p) * 66); width: calc(var(--wgbv-p) * 190); height: calc(var(--wgbv-p) * 132); padding: calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 16) calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 66); box-shadow: none; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { gap: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 13); line-height: 1.3; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 28); padding: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 4); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 492; --wgbv-h: 170; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { width: calc(var(--wgbv-p) * 468); height: calc(var(--wgbv-p) * 146); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { display: block; top: calc(var(--wgbv-p) * 60); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 86); padding: calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { left: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { left: calc(var(--wgbv-p) * 252); top: calc(var(--wgbv-p) * 60); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label { flex-direction: row; align-items: center; justify-content: flex-start; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); padding: calc(var(--wgbv-p) * 3); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 8); }
}
.wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-panel { border-radius: calc(100cqw * .033); }
@container (aspect-ratio < .95) {
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 460; --wgbv-h: 560; }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-dash { left: calc(var(--wgbv-p) * 15); top: calc(var(--wgbv-p) * 15); width: calc(var(--wgbv-p) * 430); height: calc(var(--wgbv-p) * 530); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi { left: calc(var(--wgbv-p) * 34); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 186); padding: calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 104); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 320); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); padding: calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="analytics"]:is(.support_right-imgbox *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 6); }
}

.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 540; --wgbv-h: 477; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-panel { inset: calc((var(--wgbv-p) * var(--wgbv-h) - 100cqh) / 2) calc((var(--wgbv-p) * var(--wgbv-w) - 100cqw) / 2); border-radius: 16px; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-panel > * { translate: calc((100cqw - var(--wgbv-p) * var(--wgbv-w)) / 2) calc((100cqh - var(--wgbv-p) * var(--wgbv-h)) / 2); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-num { font-size: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-dash { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 500); height: calc(var(--wgbv-p) * 437); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi { left: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 460); height: calc(var(--wgbv-p) * 158); display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 26) calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-1 { top: calc(var(--wgbv-p) * 110); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-2 { top: calc(var(--wgbv-p) * 284); }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-label { flex: 1; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-label .wgbv-i { width: calc(var(--wgbv-p) * 48); height: calc(var(--wgbv-p) * 48); padding: calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 12); background: #EEF0FA; color: #233190; }
.wgbv-visual[data-wgbv="analytics"]:is(.hero-image-wrapper *) .wgbv-kpi-row { margin-top: calc(var(--wgbv-p) * 6); }

/* ---- visuals/build.css ---- */
.wgbv-visual[data-wgbv="build"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="build"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #F9BC50; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb { position: absolute; left: calc(var(--wgbv-p) * 72.4); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 472.2); height: calc(var(--wgbv-p) * 323); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 16.9); background: #fff; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-title { position: absolute; left: calc(var(--wgbv-p) * 21); top: calc(var(--wgbv-p) * 21); font-size: calc(var(--wgbv-p) * 22); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-count { position: absolute; left: calc(var(--wgbv-p) * 21); top: calc(var(--wgbv-p) * 52.5); font-size: calc(var(--wgbv-p) * 12.5); color: #6B7280; }
.wgbv-visual[data-wgbv="build"] .wgbv-pb-rule { position: absolute; left: calc(var(--wgbv-p) * 20.6); right: calc(var(--wgbv-p) * 20.6); top: calc(var(--wgbv-p) * 79); border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 347.5); top: calc(var(--wgbv-p) * 51.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 114.4); width: calc(var(--wgbv-p) * 409.7); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 111.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 185); }
.wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 257.6); }
.wgbv-visual[data-wgbv="build"] .wgbv-iconbox { color: #6B7280; }
.wgbv-visual[data-wgbv="build"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="build"] .wgbv-row-detail { font-size: calc(var(--wgbv-p) * 11.4); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip { position: absolute; left: calc(var(--wgbv-p) * 94.6); width: calc(var(--wgbv-p) * 11.2); height: calc(var(--wgbv-p) * 14.4); background: radial-gradient(circle, #9CA3AF calc(var(--wgbv-p) * 1.15), transparent calc(var(--wgbv-p) * 1.35)) 0 0 / calc(var(--wgbv-p) * 5.6) calc(var(--wgbv-p) * 4.8); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 136.2); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 209.8); }
.wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 282.4); }
@container (aspect-ratio < 1.53) {
  .wgbv-visual[data-wgbv="build"] .wgbv-stage { --wgbv-w: 470; --wgbv-h: 342; }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 322); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 262.9); top: calc(var(--wgbv-p) * 41.4); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 101.4); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 175); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 248.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 126.2); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 199.8); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 273.4); }
}
@container (max-height: 269px) or (max-width: 379px) {
  .wgbv-visual[data-wgbv="build"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 163; }
  .wgbv-visual[data-wgbv="build"] .wgbv-bg { border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb { left: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 284); height: calc(var(--wgbv-p) * 147); border-radius: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-count { display: none; }
  .wgbv-visual[data-wgbv="build"] .wgbv-pb-rule { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add { left: calc(var(--wgbv-p) * 174); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 108); height: calc(var(--wgbv-p) * 24); gap: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 9.5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row { left: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 256); height: calc(var(--wgbv-p) * 30); align-items: center; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 50); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 84); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-3 { top: calc(var(--wgbv-p) * 118); }
  .wgbv-visual[data-wgbv="build"] .wgbv-iconbox { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); border-radius: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 11); line-height: 1.2; white-space: nowrap; }
  .wgbv-visual[data-wgbv="build"] .wgbv-row-detail { display: none; }
  .wgbv-visual[data-wgbv="build"] .wgbv-onoff { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 16); font-size: calc(var(--wgbv-p) * 8.5); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 8.4); height: calc(var(--wgbv-p) * 10.8); background-size: calc(var(--wgbv-p) * 4.2) calc(var(--wgbv-p) * 3.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-1 { top: calc(var(--wgbv-p) * 59.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-2 { top: calc(var(--wgbv-p) * 93.6); }
  .wgbv-visual[data-wgbv="build"] .wgbv-grip-3 { top: calc(var(--wgbv-p) * 127.6); }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.579) or (min-height: 222.9px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 190; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.500) or (min-height: 234.7px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 184); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 65.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 112.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 146); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 159.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.395) or (min-height: 252.3px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 215; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 199); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 78.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 111.5); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 126.1); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 159); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 173.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.304) or (min-height: 269.9px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 230; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 214); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 44); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 66); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 82.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 118); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 134.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 186.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and ((aspect-ratio <= 1.200) or (min-height: 293.3px)) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
  @container (min-width: 380px) and (min-height: 300px) and (aspect-ratio >= 1.53) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 18); }
  }
}
@media (max-width: 479px) {
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 195.1px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 190; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 205.3px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 184); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 38); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 65.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 99); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 112.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 146); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 159.6); }
  }
  @container ((max-height: 269px) or (max-width: 379px)) and (min-height: 220.7px) {
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-stage { --wgbv-h: 215; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb { height: calc(var(--wgbv-p) * 199); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 52); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 78.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 111.5); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 126.1); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 159); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 173.6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="build"]:is(.point *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
  }
}

.wgbv-visual[data-wgbv="build"][data-wgbv-copy="wellness"] .wgbv-row-3 .wgbv-onoff { --on: 0; }
.wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-bg,
.wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (min-width: 380px) and (min-height: 270px) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}
@container (aspect-ratio > 2.4) {
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 420; --wgbv-h: 147; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb { width: calc(var(--wgbv-p) * 404); height: calc(var(--wgbv-p) * 131); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-title { top: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 35); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-pb-rule { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-add { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 64); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row { left: calc(var(--wgbv-p) * 156); width: calc(var(--wgbv-p) * 248); height: calc(var(--wgbv-p) * 33); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 57); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip { left: calc(var(--wgbv-p) * 142); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 29.1); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 68.1); }
  .wgbv-visual[data-wgbv="build"]:is(.platform_content-box .image-wrap *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 107.1); }
}

@container (min-width: 380px) and (min-height: 270px) {
  .wgbv-visual[data-wgbv="build"]:is(.support_right-imgbox *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 20); }
}
.wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0; left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5)); top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (min-width: 380px) and (min-height: 270px) and (aspect-ratio < 1.3) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.6) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container ((max-height: 269px) or (max-width: 379px)) and (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}
.wgbv-visual[data-wgbv="build"]:is(.tab-div *) .wgbv-bg { border-radius: calc(100cqw * .033); }
@container (max-width: 199px) {
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 190; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 182); height: calc(var(--wgbv-p) * 182); border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-title { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-count { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-pb-rule { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-grip { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-3 { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-add { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 166); height: calc(var(--wgbv-p) * 30); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-add .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row { left: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 166); height: calc(var(--wgbv-p) * 40); align-items: center; gap: calc(var(--wgbv-p) * 7); padding: 0 calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-iconbox { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-detail { display: none; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 12.5); white-space: nowrap; }
  .wgbv-visual[data-wgbv="build"]:is(.support_faq-imgwrap *) .wgbv-onoff { width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 17); font-size: calc(var(--wgbv-p) * 9); }
}

.wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 16px; left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5)); top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (width >= 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-title { font-size: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 470; --wgbv-h: 410; --wgbv-fill: .96; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { left: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 450); height: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-add { left: calc(var(--wgbv-p) * 31); top: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { left: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 160); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 236); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip { left: calc(var(--wgbv-p) * 19); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 184.8); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 260.8); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 336.8); }
}
@container (width < 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { height: calc(var(--wgbv-p) * 174); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 52); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 64.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 95); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 107.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 150.6); }
}
@container (width < 380px) {
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-h: 250; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb { height: calc(var(--wgbv-p) * 234); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-rule { top: calc(var(--wgbv-p) * 56); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-pb-count { display: block; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 31); font-size: calc(var(--wgbv-p) * 10.5); line-height: 1.2; }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-add { top: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row { height: calc(var(--wgbv-p) * 48); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 70); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-1 { top: calc(var(--wgbv-p) * 88.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-2 { top: calc(var(--wgbv-p) * 146.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-3 { top: calc(var(--wgbv-p) * 186); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-grip-3 { top: calc(var(--wgbv-p) * 204.6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-iconbox { width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-row-title { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="build"]:is(.hero-image-wrapper *) .wgbv-onoff { width: calc(var(--wgbv-p) * 34); height: calc(var(--wgbv-p) * 18); font-size: calc(var(--wgbv-p) * 9.5); }
}

/* ---- visuals/dashboard-breakdown.css ---- */
.wgbv-visual[data-wgbv="dashboard-breakdown"] { --wgbv-ar: 1 / 1; --wgbv-w: 360; --wgbv-h: 360; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { position: absolute; left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 336); height: calc(var(--wgbv-p) * 336);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 22); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 22) rgba(16, 24, 40, .06); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 52); gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13); color: #6B7280; border-bottom-color: #E5E7EB; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 56); margin-right: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 27); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-sep { color: #D1D5DB; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-current { color: #374151; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { position: absolute; left: calc(var(--wgbv-p) * 22); right: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 70); height: calc(var(--wgbv-p) * 64); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { display: block; font-size: calc(var(--wgbv-p) * 13); line-height: 1.25; color: #4B5563; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi .wgbv-i { position: absolute; right: 0; top: 0; width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 1.8; color: #4B5563; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { display: block; margin-top: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 32); font-weight: 700; line-height: 1.15; letter-spacing: -.02em; color: #0A0C10; font-variant-numeric: tabular-nums; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { position: absolute; left: calc(var(--wgbv-p) * 22); right: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 146); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { display: grid; grid-template-columns: 1fr auto; align-items: center; row-gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); font-size: calc(var(--wgbv-p) * 12.5); font-weight: 500; line-height: 1.3; color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb::before { content: ''; flex: none; width: calc(var(--wgbv-p) * 8); height: calc(var(--wgbv-p) * 8); border-radius: 50%; background: var(--wgbv-c); }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 11); line-height: 1.3; color: #6B7280; white-space: nowrap; font-variant-numeric: tabular-nums; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { grid-column: 1 / -1; display: block; height: calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 3); background: #F0F0F0; overflow: hidden; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar i { display: block; width: var(--wgbv-s); height: 100%; border-radius: inherit; background: var(--wgbv-c); transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r1 { --wgbv-c: #3FAD69; --wgbv-s: 60.4%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r2 { --wgbv-c: #FFB45A; --wgbv-s: 17.6%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r3 { --wgbv-c: #3B6AC1; --wgbv-s: 14.7%; }
.wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-r4 { --wgbv-c: #B437AA; --wgbv-s: 7.3%; }
@container (aspect-ratio >= 1.41) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-w: 400; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 6); width: calc(var(--wgbv-p) * 388); height: calc(var(--wgbv-p) * 188); border-radius: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 42); margin-right: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 21); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 16); right: auto; top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 108); height: auto; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { font-size: calc(var(--wgbv-p) * 11); white-space: normal; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi .wgbv-i { display: none; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { position: absolute; left: 0; top: calc(var(--wgbv-p) * 30); margin: 0; font-size: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 138); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 49); gap: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb::before { width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { height: calc(var(--wgbv-p) * 5); }
}
@container (aspect-ratio >= 1.41) and (aspect-ratio < 1.7) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-h: 280; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { height: calc(var(--wgbv-p) * 268); border-radius: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { height: calc(var(--wgbv-p) * 46); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark { width: calc(var(--wgbv-p) * 50); margin-right: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-mark img { width: calc(var(--wgbv-p) * 24); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 68); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-h { font-size: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-total { top: calc(var(--wgbv-p) * 24); font-size: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 146); right: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 68); gap: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 11); }
}
@container (aspect-ratio >= 2.4) {
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-stage { --wgbv-h: 140; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-card { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 132); border-radius: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-crumbs { display: none; }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-kpi { left: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 30); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-rows { left: calc(var(--wgbv-p) * 140); right: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 6.5); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-row { row-gap: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-lb { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-v { font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="dashboard-breakdown"] .wgbv-db-bar { height: calc(var(--wgbv-p) * 4.5); }
}
.wgbv-visual[data-wgbv="dashboard-breakdown"]:is(.platform_section-wrap .image_wrap-right *) { --wgbv-fill: .96; }

/* ---- visuals/form-builder.css ---- */
.wgbv-visual[data-wgbv="form-builder"] { --wgbv-ar: 620 / 363; --wgbv-w: 620; --wgbv-h: 363; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 20); background: #B938AF; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main,
.wgbv-visual[data-wgbv="form-builder"] .wgbv-float { position: absolute; border: calc(var(--wgbv-p) * 1) solid #E5E7EB; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 32) rgba(52, 10, 60, .16); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main { left: calc(var(--wgbv-p) * 32); top: calc(var(--wgbv-p) * 26); width: calc(var(--wgbv-p) * 434); height: calc(var(--wgbv-p) * 280); border-radius: calc(var(--wgbv-p) * 18); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-float { left: calc(var(--wgbv-p) * 386); top: calc(var(--wgbv-p) * 150); width: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 194); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 18); border-radius: calc(var(--wgbv-p) * 16); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 14); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-main .wgbv-g { position: absolute; width: calc(var(--wgbv-p) * 190); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g1 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g2 { left: calc(var(--wgbv-p) * 24); top: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g3 { left: calc(var(--wgbv-p) * 224); top: calc(var(--wgbv-p) * 24); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-g4 { left: calc(var(--wgbv-p) * 224); top: calc(var(--wgbv-p) * 150); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { display: block; margin-bottom: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 600; line-height: 1.3; letter-spacing: .08em; text-transform: uppercase; color: #536076; white-space: nowrap; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-it { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 36); font-size: calc(var(--wgbv-p) * 17.5); color: #374151; white-space: nowrap; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-tl { display: grid; place-items: center; width: calc(var(--wgbv-p) * 32); height: calc(var(--wgbv-p) * 32); flex: none; border-radius: calc(var(--wgbv-p) * 8); background: #F4F4F5; color: #AC35AE; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-tl .wgbv-i { width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); stroke-width: 2; }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-pick { --on: 1; height: calc(var(--wgbv-p) * 46); margin: 0 calc(var(--wgbv-p) * -8); padding: 0 calc(var(--wgbv-p) * 8); border: calc(var(--wgbv-p) * 1.5) solid color-mix(in srgb, #AC35AE calc(var(--on) * 100%), transparent); border-radius: calc(var(--wgbv-p) * 10); color: #111827;
  box-shadow: 0 calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 10) rgba(172, 53, 174, calc(var(--on) * .18)); }
.wgbv-visual[data-wgbv="form-builder"] .wgbv-pick .wgbv-tl { background: color-mix(in srgb, #FBEFFB calc(var(--on) * 100%), #F4F4F5); }
@container (max-width: 220px) {
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-stage { --wgbv-w: 560; }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-main { left: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-float { left: calc(var(--wgbv-p) * 340); }
  .wgbv-visual[data-wgbv="form-builder"] .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}
@media (max-width: 479px) {
  @container (aspect-ratio < 1.45) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 408; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 164); top: calc(var(--wgbv-p) * 280); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 112);
      flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 46); }
  }
  @container (aspect-ratio < 1.25) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 498; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 102); }
  }
  @container (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g1, .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g2, .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio < 1.372) or ((min-width: 300px) and (aspect-ratio < 1.519)) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 560; --wgbv-h: 408; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-bg { top: calc(var(--wgbv-p) * 2); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 164); top: calc(var(--wgbv-p) * 280); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 112);
      flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 46); }
  }
  @container (aspect-ratio < 1.25) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 498; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 102); }
  }
  @container (aspect-ratio < 1.1) {
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-main { top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
    .wgbv-visual[data-wgbv="form-builder"]:is(.point *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); }
  }
}

.wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-bg,
.wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 0;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }
}
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 450; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 240); height: calc(var(--wgbv-p) * 238); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-main .wgbv-g { width: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g1 { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g3 { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g2 { display: none; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-g4 { display: none; }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-float { left: calc(var(--wgbv-p) * 232); top: calc(var(--wgbv-p) * 40); width: calc(var(--wgbv-p) * 200); height: calc(var(--wgbv-p) * 194); }
  .wgbv-visual[data-wgbv="form-builder"]:is(.platform_content-box .image-wrap *) .wgbv-lb { font-size: calc(var(--wgbv-p) * 15); }
}

.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-bg { inset: auto; width: 100cqw; height: 100cqh; border-radius: 16px;
  left: calc(var(--wgbv-p) * var(--wgbv-cx, 0) - (100cqw - var(--wgbv-p) * var(--wgbv-cw, var(--wgbv-w))) * var(--wgbv-ax, .5));
  top: calc(var(--wgbv-p) * var(--wgbv-cy, 0) - max(0px, (100cqh - var(--wgbv-p) * var(--wgbv-ch, var(--wgbv-h))) * var(--wgbv-ay, .5))); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-stage { --wgbv-w: 466; --wgbv-h: 460; }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-main { left: calc(var(--wgbv-p) * 16); top: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 312); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float { left: calc(var(--wgbv-p) * 70); top: calc(var(--wgbv-p) * 312); width: calc(var(--wgbv-p) * 380); height: calc(var(--wgbv-p) * 128); padding: calc(var(--wgbv-p) * 24) calc(var(--wgbv-p) * 18); flex-direction: row; gap: calc(var(--wgbv-p) * 20); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float .wgbv-g { flex: 1; min-width: 0; }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g { gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-it { height: calc(var(--wgbv-p) * 40); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-float .wgbv-it { height: calc(var(--wgbv-p) * 50); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-lb { font-size: calc(var(--wgbv-p) * 13.5); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g1 { top: calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g3 { top: calc(var(--wgbv-p) * 28); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g2 { top: calc(var(--wgbv-p) * 168); }
.wgbv-visual[data-wgbv="form-builder"]:is(.hero-image-wrapper *) .wgbv-g4 { top: calc(var(--wgbv-p) * 168); }

/* ---- visuals/multilingual.css ---- */
.wgbv-visual[data-wgbv="multilingual"] { --wgbv-ar: 1332 / 912; --wgbv-w: 380; --wgbv-h: 228; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin,
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { position: absolute; border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .04), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 28) rgba(16, 24, 40, .08); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 20); width: calc(var(--wgbv-p) * 207); padding: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-title { display: block; font-size: calc(var(--wgbv-p) * 14); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #141826; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sub { display: block; margin-top: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 9.8); color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 11); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); overflow: hidden; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-row { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 6); height: calc(var(--wgbv-p) * 40); padding: 0 calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-row + .wgbv-ml-row { border-top: calc(var(--wgbv-p) * .9) solid #E5E7EB; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-flag { display: block; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); flex: none; overflow: hidden; border-radius: 50%; box-shadow: 0 0 0 calc(var(--wgbv-p) * .6) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-name { flex: none; font-size: calc(var(--wgbv-p) * 12); font-weight: 500; color: #141826; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-def { flex: none; display: inline-grid; place-items: center; height: calc(var(--wgbv-p) * 17); padding: 0 calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 9); background: #F4F4F5; color: #6B7280; font-size: calc(var(--wgbv-p) * 9); font-weight: 500; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sw { --on: 1; position: relative; display: block; margin-left: auto; width: calc(var(--wgbv-p) * 28); height: calc(var(--wgbv-p) * 16); flex: none; border-radius: calc(var(--wgbv-p) * 8); background: color-mix(in srgb, #4F46E5 calc(var(--on) * 100%), #E5E7EB); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-sw i { position: absolute; left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * .5) calc(var(--wgbv-p) * 1.5) rgba(16, 24, 40, .2); transform: translateX(calc(var(--wgbv-p) * 12 * var(--on))); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { left: calc(var(--wgbv-p) * 214); top: calc(var(--wgbv-p) * 76); width: calc(var(--wgbv-p) * 163); overflow: hidden; box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(44, 45, 115, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 32) rgba(44, 45, 115, .14); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-nav { position: relative; display: flex; align-items: center; justify-content: space-between; height: calc(var(--wgbv-p) * 32); padding: 0 calc(var(--wgbv-p) * 10); border-bottom: calc(var(--wgbv-p) * .9) solid #E2E8F0; font-size: calc(var(--wgbv-p) * 10.5); white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-exit { font-weight: 500; color: #6741D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-form { position: absolute; left: 50%; transform: translateX(-50%); font-weight: 600; letter-spacing: -.01em; color: #1E293B; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code { display: grid; grid-template-columns: auto auto; align-items: center; column-gap: calc(var(--wgbv-p) * 4); font-weight: 600; color: #6741D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code > span { grid-area: 1 / 1; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-en { opacity: 0; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-code i { grid-area: 1 / 2; display: block; width: 0; height: 0; border-inline: calc(var(--wgbv-p) * 3.5) solid transparent; border-top: calc(var(--wgbv-p) * 4.5) solid #7C8FA8; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opts { padding: calc(var(--wgbv-p) * 4) 0; border-bottom: calc(var(--wgbv-p) * .9) solid #D9D9D9; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt { --on: 0; display: flex; align-items: center; gap: calc(var(--wgbv-p) * 9); height: calc(var(--wgbv-p) * 34); padding-left: calc(var(--wgbv-p) * 13); font-size: calc(var(--wgbv-p) * 11); color: #262626; white-space: nowrap; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt-ar { --on: 1; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-opt span[lang] { font-size: calc(var(--wgbv-p) * 11.5); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-radio { position: relative; display: block; width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); flex: none; border: calc(var(--wgbv-p) * 1.6) solid color-mix(in srgb, #6741D9 calc(var(--on) * 100%), #737373); border-radius: 50%; }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-radio i { position: absolute; inset: calc(var(--wgbv-p) * 2); border-radius: 50%; background: #6741D9; transform: scale(var(--on)); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-btns { display: flex; justify-content: flex-end; gap: calc(var(--wgbv-p) * 4); padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-btns span { display: block; padding: calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 9.8); font-weight: 500; letter-spacing: .03em; text-transform: uppercase; color: #6741D9; }
@container (aspect-ratio < 1.1) {
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
}
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-stage { --wgbv-w: 216; --wgbv-h: 156; }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 4.5); top: calc(var(--wgbv-p) * 2); }
  .wgbv-visual[data-wgbv="multilingual"] .wgbv-ml-app { display: none; }
}
@media (max-width: 479px) {
  @container (max-width: 299px) and (min-height: 196.9px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 179; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
  }
  @container (max-width: 299px) and (min-height: 220px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 200; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (aspect-ratio < 1.3) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 354.2px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 172); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 375.1px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 341; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 191); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.3) and (aspect-ratio < 1.52) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 100); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.52) and (aspect-ratio < 1.85) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 12.8); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: calc(var(--wgbv-p) * 68.8); }
  }
  @container (max-width: 299px) and (min-width: 247.5px) and (min-height: 298.65px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 225; --wgbv-h: 271.5; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 2); top: calc(var(--wgbv-p) * 2); padding: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 60); top: calc(var(--wgbv-p) * 133); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 30); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 32); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-btns { padding: calc(var(--wgbv-p) * 3) calc(var(--wgbv-p) * 6); }
  }
  @container (max-width: 299px) and (min-width: 264px) and (min-height: 330px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 300; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 6); padding: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 40); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 74); top: calc(var(--wgbv-p) * 150); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 32); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 34); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-btns { padding: calc(var(--wgbv-p) * 5) calc(var(--wgbv-p) * 6); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-width: 300px) and (aspect-ratio >= 1.1) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 209; top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: auto; bottom: calc(var(--wgbv-p) * 6); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (min-height: 400px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 40); }
  }
  @container (min-width: 300px) and (aspect-ratio >= 1.1) and (min-height: 440px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 48); }
  }
}
@media (max-width: 479px) {
  @container (max-width: 299px) and (min-height: 250px) and (not ((min-width: 247.5px) and (min-height: 298.65px))) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { --wgbv-h: 226; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 2); padding: calc(var(--wgbv-p) * 20) calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-title { font-size: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 18); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 65); }
  }
}
@media (max-width: 479px) {
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 398px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-stage { top: 0; height: 100cqh; }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { top: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-app { top: auto; bottom: calc(var(--wgbv-p) * 6); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 48); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 40); }
  }
  @container (min-width: 300px) and (aspect-ratio < 1.3) and (min-height: 440px) {
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
    .wgbv-visual[data-wgbv="multilingual"]:is(.point *) .wgbv-ml-opt { height: calc(var(--wgbv-p) * 48); }
  }
}

.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-w: 216; --wgbv-h: 156; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { left: calc(var(--wgbv-p) * 4.5); top: calc(var(--wgbv-p) * 2); }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-app,
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-admin { display: none; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-admin * { font-size: 0; }
@container (aspect-ratio < 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { padding: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-list { margin-top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-row { height: calc(var(--wgbv-p) * 56); }
}
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-w: 169; --wgbv-h: 151; }
.wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-app { display: block; left: calc(var(--wgbv-p) * 3); top: calc(var(--wgbv-p) * 3); }
@container (aspect-ratio < 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-h: 180; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-nav { height: calc(var(--wgbv-p) * 36); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-opt { height: calc(var(--wgbv-p) * 46); }
}
@container (aspect-ratio >= 1.25) {
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-stage { --wgbv-h: 176; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="admin"] .wgbv-ml-admin { top: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-stage { --wgbv-h: 167; }
  .wgbv-visual[data-wgbv="multilingual"][data-wgbv-layout="phone"] .wgbv-ml-app { top: calc(var(--wgbv-p) * 11); }
}

/* ---- visuals/reminders.css ---- */
.wgbv-visual[data-wgbv="reminders"] { --wgbv-ar: 388 / 172; --wgbv-w: 388; --wgbv-h: 176; }
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-1 { top: calc(var(--wgbv-p) * 35); }
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-2 { top: calc(var(--wgbv-p) * 108); }
.wgbv-visual[data-wgbv="reminders"] .wgbv-add { left: calc(var(--wgbv-p) * 209); top: calc(var(--wgbv-p) * 1); }
@container (max-width: 299px) {
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row { align-items: center; padding-top: 0; }
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row-title { margin-top: 0; font-size: calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="reminders"] .wgbv-row-detail { display: none; }
}
.wgbv-visual[data-wgbv="reminders"] .wgbv-row-3, .wgbv-visual[data-wgbv="reminders"] .wgbv-row-4 { display: none; }
.wgbv-visual[data-wgbv="reminders"] .wgbv-iconbox .wgbv-i { width: calc(var(--wgbv-p) * 16.5); height: calc(var(--wgbv-p) * 16.5); color: #6B7280; stroke-width: 1.8; }
@media (max-width: 479px) {
  @container (aspect-ratio < 1.2) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 254); }
  }
  @container (max-width: 299px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-w: 300; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row { width: calc(var(--wgbv-p) * 285); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-add { left: calc(var(--wgbv-p) * 121); }
  }
}

@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 209; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 91); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 147); height: calc(var(--wgbv-p) * 52); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.788) or (min-height: 263.4px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 217; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 94); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 153); height: calc(var(--wgbv-p) * 54); padding-top: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.724) or (min-height: 273.2px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 225; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 159); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.637) or (min-height: 287.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 237; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 101); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 167); height: calc(var(--wgbv-p) * 60); padding-top: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.558) or (min-height: 302.3px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 249; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 105); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 175); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.503) or (min-height: 313.2px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 258; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 108.1); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 181.2); height: calc(var(--wgbv-p) * 64.7); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: none; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 270; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 93.3); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 151.6); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 209.9); height: calc(var(--wgbv-p) * 50); padding-top: calc(var(--wgbv-p) * 7); }
  }
  @container (aspect-ratio <= 1.342) or (min-height: 350.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 289; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 97.6); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 160.2); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 222.8); height: calc(var(--wgbv-p) * 56); padding-top: calc(var(--wgbv-p) * 9); }
  }
  @container (aspect-ratio <= 1.204) or (min-height: 390.9px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 322; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-1 { display: flex; top: calc(var(--wgbv-p) * 35); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { display: flex; top: calc(var(--wgbv-p) * 106); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 177); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 248); height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; visibility: hidden; }
  .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; visibility: hidden; }
  @container (aspect-ratio <= 1.856) or (min-height: 253.7px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { visibility: visible; }
  }
  @container (aspect-ratio <= 1.437) or (min-height: 327.8px) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { visibility: visible; }
  }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.2) and (aspect-ratio < 1.22) {
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-stage { --wgbv-h: 318; }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 106.5); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 178); }
    .wgbv-visual[data-wgbv="reminders"]:is(.point *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 249.5); }
  }
}

@container (aspect-ratio < 1.2) {
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-stage { --wgbv-h: 367; --wgbv-fill: .94; }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-add { left: calc(var(--wgbv-p) * 197); top: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row { height: calc(var(--wgbv-p) * 62); padding-top: calc(var(--wgbv-p) * 10.6); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 49); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 129); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-3 { display: flex; top: calc(var(--wgbv-p) * 209); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_section-wrap .image_wrap-right *) .wgbv-row-4 { display: flex; top: calc(var(--wgbv-p) * 289); }
}
@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-h: 186; }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-add { left: calc(var(--wgbv-p) * 198); top: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-row-1 { top: calc(var(--wgbv-p) * 41); }
  .wgbv-visual[data-wgbv="reminders"]:is(.platform_content-box .image-wrap *) .wgbv-row-2 { top: calc(var(--wgbv-p) * 114); }
}

/* ---- visuals/wearable.css ---- */
.wgbv-visual[data-wgbv="wearable"] { --wgbv-ar: 1930 / 1114; --wgbv-w: 400; --wgbv-h: 231; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sync,
.wgbv-visual[data-wgbv="wearable"] .wgbv-in { position: absolute; background: #fff; border: calc(var(--wgbv-p) * 1) solid #E2E8F0; box-shadow: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * -2) rgba(15, 23, 42, .10), 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(15, 23, 42, .04); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 5); width: calc(var(--wgbv-p) * 160); height: calc(var(--wgbv-p) * 221); border-radius: calc(var(--wgbv-p) * 16); text-align: center; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-watch { position: absolute; left: calc(var(--wgbv-p) * 30); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 100); height: calc(var(--wgbv-p) * 100); color: #6741D9; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load circle { fill: none; stroke: #E2E8F0; stroke-width: 18; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load { opacity: 0; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-load .wgbv-arc { stroke: #6741D9; stroke-linecap: round; stroke-dasharray: 0 1; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ok { fill: none; stroke: #16A34A; stroke-width: 28; stroke-linecap: round; stroke-linejoin: round; transform-box: fill-box; transform-origin: center; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-h,
.wgbv-visual[data-wgbv="wearable"] .wgbv-busy { position: absolute; left: calc(var(--wgbv-p) * 8); right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 128); font-size: calc(var(--wgbv-p) * 14.5); font-weight: 600; line-height: 1.25; letter-spacing: -.01em; color: #1E293B; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-busy { top: calc(var(--wgbv-p) * 126); font-size: calc(var(--wgbv-p) * 12); font-weight: 500; color: #475569; opacity: 0; visibility: hidden; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-msg { position: absolute; left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 153); font-size: calc(var(--wgbv-p) * 11); line-height: 1.45; color: #475569; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in { left: calc(var(--wgbv-p) * 174); width: calc(var(--wgbv-p) * 222); height: calc(var(--wgbv-p) * 68); border-color: #F1F5F9; border-radius: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 81.5); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 158); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ih { position: absolute; left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 9); display: flex; align-items: center; justify-content: space-between; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 500; line-height: 1.3; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-d { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 10); color: #64748B; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-d .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); color: #6741D9; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-v { position: absolute; left: calc(var(--wgbv-p) * 12); bottom: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 22); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #1E293B; font-variant-numeric: tabular-nums; white-space: nowrap; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-sleep { font-size: calc(var(--wgbv-p) * 17); bottom: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch { position: absolute; right: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 104); height: calc(var(--wgbv-p) * 28); overflow: visible; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch path { fill: none; stroke: #6741D9; stroke-width: 1.4; stroke-linejoin: round; stroke-linecap: round; }
.wgbv-visual[data-wgbv="wearable"] .wgbv-ch circle { fill: #6741D9; stroke: #fff; stroke-width: 1.2; transform-box: fill-box; transform-origin: center; }
@media (max-width: 479px) {
  @container (min-height: 185px) and (max-height: 204.98px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 244); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 29.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 141.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 139.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 166.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 89); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 175); }
  }
  @container (max-width: 339px) and (min-height: 185px) and (max-height: 204.98px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 55); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 171); }
  }
  @container (min-height: 205px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 291; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 70); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 54); height: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 16.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 27.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; top: calc(var(--wgbv-p) * 37.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 81); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 153); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 225); }
  }
  @container (min-height: 225px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { height: calc(var(--wgbv-p) * 80); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 62); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy, .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { left: calc(var(--wgbv-p) * 88); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 21.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 32.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 42.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 93); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 171); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 249); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (min-height: 200px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 250; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { top: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 244); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 29.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 141.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 139.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 166.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 72); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 3); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 89); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 175); }
  }
  @container (min-height: 224px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-h: 280; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { height: calc(var(--wgbv-p) * 274); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { top: calc(var(--wgbv-p) * 44.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { top: calc(var(--wgbv-p) * 156.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { top: calc(var(--wgbv-p) * 154.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { top: calc(var(--wgbv-p) * 181.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { height: calc(var(--wgbv-p) * 86); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 97); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 191); }
  }
  @container (min-height: 232.8px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 291; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 70); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 54); height: calc(var(--wgbv-p) * 54); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 16.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 27.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 37.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 81); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 153); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 225); }
  }
  @container (min-height: 256px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 320; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 80); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 13); top: calc(var(--wgbv-p) * 9); width: calc(var(--wgbv-p) * 62); height: calc(var(--wgbv-p) * 62); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 21.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 32.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 88); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 42.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 68); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 93); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 171); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 249); }
  }
  @container (min-height: 280px) {
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-stage { --wgbv-w: 390; --wgbv-h: 350; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 3); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 88); text-align: left; }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-watch { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 66); height: calc(var(--wgbv-p) * 66); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-h { left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 25.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-busy { left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 36.5); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-msg { display: block; left: calc(var(--wgbv-p) * 94); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 47); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 382); height: calc(var(--wgbv-p) * 74); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 101); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 185); }
    .wgbv-visual[data-wgbv="wearable"]:is(.point *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 269); }
  }
}

@container (aspect-ratio >= 1.6) {
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-h: 204; }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-sync { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 34); top: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-h { top: calc(var(--wgbv-p) * 110); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-busy { top: calc(var(--wgbv-p) * 108); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-msg { top: calc(var(--wgbv-p) * 135); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in { height: calc(var(--wgbv-p) * 62); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 71); }
  .wgbv-visual[data-wgbv="wearable"]:is(.platform_content-box .image-wrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 138); }
}

.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-w: 400; --wgbv-h: 420; }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 180); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-watch { left: calc(var(--wgbv-p) * 154); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-h { top: calc(var(--wgbv-p) * 116); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-busy { top: calc(var(--wgbv-p) * 114); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-msg { left: calc(var(--wgbv-p) * 80); right: calc(var(--wgbv-p) * 80); top: calc(var(--wgbv-p) * 140); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 392); height: calc(var(--wgbv-p) * 69); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 192); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 270); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 348); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ih { left: calc(var(--wgbv-p) * 14); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-v { left: calc(var(--wgbv-p) * 14); bottom: calc(var(--wgbv-p) * 10); font-size: calc(var(--wgbv-p) * 18); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 11); font-size: calc(var(--wgbv-p) * 15); }
.wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ch { right: calc(var(--wgbv-p) * 14); bottom: calc(var(--wgbv-p) * 10); width: calc(var(--wgbv-p) * 120); height: calc(var(--wgbv-p) * 32.3); }
@container (aspect-ratio < .9) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-stage { --wgbv-h: 476; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sync { height: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-watch { left: calc(var(--wgbv-p) * 150); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 100); height: calc(var(--wgbv-p) * 100); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-h { top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-busy { top: calc(var(--wgbv-p) * 126); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-msg { top: calc(var(--wgbv-p) * 152); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in { height: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 208); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 299); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 390); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-v { bottom: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_right-imgbox *) .wgbv-ch { bottom: calc(var(--wgbv-p) * 13); width: calc(var(--wgbv-p) * 134); height: calc(var(--wgbv-p) * 36.1); }
}
@container (aspect-ratio < 1.15) and (min-width: 200px) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 350; --wgbv-h: 350; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 100); text-align: left; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 76); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 20); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 102); right: calc(var(--wgbv-p) * 14); top: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { left: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 342); height: calc(var(--wgbv-p) * 74); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 112); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 272); }
}
@container (aspect-ratio < 1.15) and (max-width: 199.98px) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 200; --wgbv-h: 200; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 192); height: calc(var(--wgbv-p) * 192); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 54); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 92); height: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { top: calc(var(--wgbv-p) * 114); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { top: calc(var(--wgbv-p) * 112); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 138); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { display: none; }
}
@container (aspect-ratio >= 1.15) {
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sync { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 262); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-watch { left: calc(var(--wgbv-p) * 22); top: calc(var(--wgbv-p) * 22); width: calc(var(--wgbv-p) * 96); height: calc(var(--wgbv-p) * 96); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-h { left: calc(var(--wgbv-p) * 6); right: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 130); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-busy { left: calc(var(--wgbv-p) * 6); right: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 128); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-msg { left: calc(var(--wgbv-p) * 10); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 156); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in { left: calc(var(--wgbv-p) * 152); width: calc(var(--wgbv-p) * 204); height: calc(var(--wgbv-p) * 82); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(2) { top: calc(var(--wgbv-p) * 4); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(3) { top: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-in:nth-child(4) { top: calc(var(--wgbv-p) * 184); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-ih { left: calc(var(--wgbv-p) * 12); right: calc(var(--wgbv-p) * 10); top: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-v { left: calc(var(--wgbv-p) * 12); bottom: calc(var(--wgbv-p) * 11); font-size: calc(var(--wgbv-p) * 18); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-sleep { bottom: calc(var(--wgbv-p) * 12); font-size: calc(var(--wgbv-p) * 15); }
  .wgbv-visual[data-wgbv="wearable"]:is(.support_faq-imgwrap *) .wgbv-ch { right: calc(var(--wgbv-p) * 10); bottom: calc(var(--wgbv-p) * 12); }
}