/* wgbv v2.0.0 page bundle "solutions-sleep-test" (/solutions/sleep-test): core.css and 11 of 55 visuals (gp-access, sleep-billing, sleep-distance, sleep-gaps, sleep-kit, sleep-metro, sleep-referral, sleep-report, sleep-specialist, sleep-wait, televisit), 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/gp-access.css ---- */
.wgbv-visual[data-wgbv="gp-access"] { --wgbv-ar: 1 / 1; --wgbv-w: 400; --wgbv-h: 400; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-stage { overflow: hidden; border-radius: calc(var(--wgbv-p) * 22); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-bg { position: absolute; inset: 0; border-radius: calc(var(--wgbv-p) * 22); background: linear-gradient(160deg, #5048E5, #4338CA); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-fr { position: absolute; left: calc(var(--wgbv-p) * 44); top: calc(var(--wgbv-p) * 44); width: calc(var(--wgbv-p) * 312); height: calc(var(--wgbv-p) * 400); padding: calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 44); background: #111214;
  box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2) #5c5d61, inset 0 0 0 calc(var(--wgbv-p) * 3.5) #2a2b2e, 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 34) rgba(15, 12, 70, .3); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-scr { position: relative; height: 100%; overflow: hidden; border-radius: calc(var(--wgbv-p) * 35); background: #fff; color: #1E293B; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-status { height: calc(var(--wgbv-p) * 36); padding: calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 22) 0 calc(var(--wgbv-p) * 30); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-time { font-size: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-sys { gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-signal { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-wifi { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-battery { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 9.5); border-width: calc(var(--wgbv-p) * .8); border-radius: calc(var(--wgbv-p) * 3); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-battery i { inset: calc(var(--wgbv-p) * 1.2); border-radius: calc(var(--wgbv-p) * 1.6); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-island { top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 76); height: calc(var(--wgbv-p) * 22); margin-left: calc(var(--wgbv-p) * -38); border-radius: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-bar { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 36); height: calc(var(--wgbv-p) * 38); display: flex; align-items: center; justify-content: center; border-bottom: calc(var(--wgbv-p) * 1) solid #CBD5E1; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-back { position: absolute; left: calc(var(--wgbv-p) * 9); display: flex; align-items: center; gap: calc(var(--wgbv-p) * 1); font-size: calc(var(--wgbv-p) * 13); color: #6741D9; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-back .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); stroke-width: 2.4; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-ttl { font-size: calc(var(--wgbv-p) * 13); font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-form { position: absolute; left: calc(var(--wgbv-p) * 18); right: calc(var(--wgbv-p) * 18); top: calc(var(--wgbv-p) * 88); display: flex; flex-direction: column; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-form > * { flex: none; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-l { font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.25; letter-spacing: -.01em; color: #2C2D73; white-space: nowrap; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in + .wgbv-ga-l { margin-top: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-req { color: #E11D48; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in { position: relative; display: flex; align-items: center; height: calc(var(--wgbv-p) * 34); margin-top: calc(var(--wgbv-p) * 6); padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * 1) solid #CBD5E1; border-radius: calc(var(--wgbv-p) * 8); background: #fff; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-ph { font-size: calc(var(--wgbv-p) * 12.5); color: #64748B; white-space: nowrap; opacity: 0; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in i { position: absolute; left: calc(var(--wgbv-p) * 12); top: 50%; width: calc(var(--wgbv-p) * 96); height: calc(var(--wgbv-p) * 8); margin-top: calc(var(--wgbv-p) * -4); border-radius: calc(var(--wgbv-p) * 4); background: #CBD5E1; transform-origin: left center; }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in ~ .wgbv-ga-in i { width: calc(var(--wgbv-p) * 132); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-in ~ .wgbv-ga-in ~ .wgbv-ga-in i { width: calc(var(--wgbv-p) * 84); }
.wgbv-visual[data-wgbv="gp-access"] .wgbv-ga-go { display: grid; place-items: center; height: calc(var(--wgbv-p) * 36); margin-top: calc(var(--wgbv-p) * 14); border-radius: calc(var(--wgbv-p) * 8); background: #4F46E5; color: #fff; font-size: calc(var(--wgbv-p) * 13); font-weight: 600; }
.wgbv-visual[data-wgbv="gp-access"]:is(.layout13_image + * > *) { --wgbv-ay: 1; border-radius: 16px; background: linear-gradient(160deg, #5048E5, #4338CA); }
.wgbv-visual[data-wgbv="gp-access"]:is(.layout13_image + * > *) .wgbv-ga-bg { display: none; }

/* ---- visuals/sleep-billing.css ---- */
.wgbv-visual[data-wgbv="sleep-billing"] { --wgbv-ar: 340 / 210; --wgbv-w: 340; --wgbv-h: 210; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { position: absolute; inset: calc(var(--wgbv-p) * 4); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 13);
  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) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-head { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-title { font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 9) 0 calc(var(--wgbv-p) * 7);
  border-radius: calc(var(--wgbv-p) * 11); background: #DCFCE7; color: #166534; font-size: calc(var(--wgbv-p) * 10); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { display: flex; flex-direction: column; flex: 1; gap: calc(var(--wgbv-p) * 6); min-height: 0; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { position: relative; display: flex; align-items: center; flex: 1; gap: calc(var(--wgbv-p) * 9); min-width: 0; padding: 0 calc(var(--wgbv-p) * 10);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 9); background: #fff; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 7); background: #F3F4F6; color: #4B5563; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 18); height: calc(var(--wgbv-p) * 18); margin-left: auto; border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); stroke-width: 3.2; }
@container (aspect-ratio < 1.33) {
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { gap: calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-stage { --wgbv-w: 580; --wgbv-h: 150; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-panel { flex-direction: row; gap: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-head { flex-direction: column; align-items: flex-start; justify-content: center; flex: none; width: calc(var(--wgbv-p) * 104); gap: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-admin { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rows { flex-direction: row; gap: calc(var(--wgbv-p) * 8); min-width: 0; }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-rt { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-row { flex-direction: column; align-items: flex-start; justify-content: center; gap: calc(var(--wgbv-p) * 8); padding: 0 calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-billing"] .wgbv-bl-ck { position: absolute; right: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 9); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.33) and (aspect-ratio < 2.6) and ((aspect-ratio <= 1.371) or (min-height: 282.9px)) {
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 248; }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-panel { gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 14); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rows { gap: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-row { gap: calc(var(--wgbv-p) * 11); padding: 0 calc(var(--wgbv-p) * 12); border-radius: calc(var(--wgbv-p) * 11); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ri { width: calc(var(--wgbv-p) * 30); height: calc(var(--wgbv-p) * 30); border-radius: calc(var(--wgbv-p) * 8); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ri .wgbv-i { width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 17); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rt { gap: calc(var(--wgbv-p) * 3); font-size: calc(var(--wgbv-p) * 12.5); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-rs { font-size: calc(var(--wgbv-p) * 10.5); }
    .wgbv-visual[data-wgbv="sleep-billing"]:is(.point *) .wgbv-bl-ck { width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); }
  }
}

/* ---- visuals/sleep-distance.css ---- */
.wgbv-visual[data-wgbv="sleep-distance"] { --wgbv-ar: 1048 / 800; --wgbv-w: 228; --wgbv-h: 252; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-distance"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-art { position: absolute; left: calc(50% - var(--wgbv-p) * 90.25); top: calc(50% - var(--wgbv-p) * 113.9); width: calc(var(--wgbv-p) * 180.5); height: calc(var(--wgbv-p) * 227.8); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-map { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: visible; fill: none; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-land { stroke: #8F9398; stroke-width: 3.2; fill: #FDFDFF; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-coast { stroke: #2E6CA6; stroke-width: 3.4; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-route,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-head { stroke: #0B62A8; stroke-width: 4.6; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-head,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-dot { transform-box: fill-box; transform-origin: 50% 50%; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-dot { fill: #0B62A8; stroke: #F9FAFF; stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-city,
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-km { position: absolute; display: block; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; line-height: 1; letter-spacing: -.015em; color: #145E9F; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-km { font-weight: 400; color: #1A5A94; }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c1 { right: calc(var(--wgbv-p) * 128.6); top: calc(var(--wgbv-p) * 184.1); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c2 { right: calc(var(--wgbv-p) * 129.3); top: calc(var(--wgbv-p) * 67); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c3 { left: calc(var(--wgbv-p) * 118.4); top: calc(var(--wgbv-p) * 42.4); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-c4 { left: calc(var(--wgbv-p) * 116.5); top: calc(var(--wgbv-p) * 171); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k1 { left: calc(var(--wgbv-p) * 58.5); top: calc(var(--wgbv-p) * 118.9); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k2 { left: calc(var(--wgbv-p) * 110.1); top: calc(var(--wgbv-p) * 112.8); }
.wgbv-visual[data-wgbv="sleep-distance"] .wgbv-sd-k3 { left: calc(var(--wgbv-p) * 81.3); top: calc(var(--wgbv-p) * 184.1); }

/* ---- visuals/sleep-gaps.css ---- */
.wgbv-visual[data-wgbv="sleep-gaps"] { --wgbv-ar: 1048 / 800; --wgbv-w: 318; --wgbv-h: 250; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-gaps"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-art { --aw: 290; --ah: 46; position: absolute; left: calc(50% - var(--wgbv-p) * var(--aw) / 2); top: calc(50% - var(--wgbv-p) * var(--ah) / 2);
  width: calc(var(--wgbv-p) * var(--aw)); height: calc(var(--wgbv-p) * var(--ah)); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t { position: absolute; top: 0; display: grid; place-items: center; width: calc(var(--wgbv-p) * 46); height: calc(var(--wgbv-p) * 46); border-radius: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t .wgbv-i { width: calc(var(--wgbv-p) * 19); height: calc(var(--wgbv-p) * 19); stroke-width: 2.3; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-p { background: #CEF3E7; color: #409F80; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-f { background: #EFF6FF; color: #3B82F6; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-h { background: #FFFBEB; color: #D97706; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t1 { left: 0; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t2 { left: calc(var(--wgbv-p) * 63); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t3 { left: calc(var(--wgbv-p) * 122); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t4 { left: calc(var(--wgbv-p) * 181); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t5 { left: calc(var(--wgbv-p) * 244); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-cx { position: absolute; top: calc(var(--wgbv-p) * 17); width: calc(var(--wgbv-p) * 17); height: calc(var(--wgbv-p) * 12); overflow: visible;
  fill: none; stroke: #BDBDBD; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-dash { stroke-dasharray: 2.6 2.6; stroke-linecap: butt; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x1 { left: calc(var(--wgbv-p) * 46); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x2 { left: calc(var(--wgbv-p) * 109); width: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x3 { left: calc(var(--wgbv-p) * 168); width: calc(var(--wgbv-p) * 13); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x4 { left: calc(var(--wgbv-p) * 227); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-elbow { display: none; position: absolute; overflow: visible; fill: none; stroke: #BDBDBD; stroke-width: 1.4; stroke-dasharray: 2.6 2.6; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-tok,
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-wait { position: absolute; left: 0; top: 0; width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); margin: calc(var(--wgbv-p) * -6.5) 0 0 calc(var(--wgbv-p) * -6.5);
  border-radius: 50%; opacity: 0; z-index: 3; }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-tok { background: #3B82F6; box-shadow: 0 0 0 calc(var(--wgbv-p) * 2) #fff, 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 5) rgba(30, 64, 175, .3); }
.wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-wait { border: calc(var(--wgbv-p) * 1.5) solid #3B82F6; z-index: 2; }
@container (aspect-ratio < 1.45) {
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-stage { --wgbv-w: 200; --wgbv-h: 196; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-art { --aw: 168; --ah: 138; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t4 { left: calc(var(--wgbv-p) * 29.5); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-t5 { left: calc(var(--wgbv-p) * 92.5); top: calc(var(--wgbv-p) * 92); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x3 { display: none; }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-x4 { left: calc(var(--wgbv-p) * 75.5); top: calc(var(--wgbv-p) * 109); }
  .wgbv-visual[data-wgbv="sleep-gaps"] .wgbv-sg-elbow { display: block; left: calc(var(--wgbv-p) * 52.5); top: calc(var(--wgbv-p) * 46); width: calc(var(--wgbv-p) * 92.5); height: calc(var(--wgbv-p) * 46); }
}

/* ---- visuals/sleep-kit.css ---- */
.wgbv-visual[data-wgbv="sleep-kit"] { --wgbv-ar: 412 / 204; --wgbv-w: 412; --wgbv-h: 204; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { position: absolute; inset: calc(var(--wgbv-p) * 4); display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 12);
  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) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-head { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--wgbv-p) * 8); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ic .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-title { font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 9) 0 calc(var(--wgbv-p) * 7);
  border-radius: calc(var(--wgbv-p) * 11); background: #F3F4F6; color: #374151; font-size: calc(var(--wgbv-p) * 10); font-weight: 500; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time .wgbv-i { width: calc(var(--wgbv-p) * 11); height: calc(var(--wgbv-p) * 11); }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { display: flex; flex: 1; gap: calc(var(--wgbv-p) * 8); min-height: 0; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-step { position: relative; display: flex; flex: 1; flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 7); min-width: 0; padding: calc(var(--wgbv-p) * 9);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 10); background: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-si { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: 50%; background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-si .wgbv-i { width: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 14); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.25; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ss { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck { position: absolute; right: calc(var(--wgbv-p) * 8); top: calc(var(--wgbv-p) * 8); display: grid; place-items: center; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); border-radius: 50%; background: #16A34A; color: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); flex: none; height: calc(var(--wgbv-p) * 34); padding: 0 calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 9); background: #F5F3FF; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hi { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 22); height: calc(var(--wgbv-p) * 22); border-radius: 50%; background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hi .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ht { display: flex; align-items: baseline; gap: calc(var(--wgbv-p) * 6); min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-hs { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-call { display: grid; place-items: center; height: calc(var(--wgbv-p) * 22); margin-left: auto; padding: 0 calc(var(--wgbv-p) * 12); border: calc(var(--wgbv-p) * .9) solid #C4B5FD; border-radius: calc(var(--wgbv-p) * 11);
  background: #fff; color: #5B21B6; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1; }
@container (aspect-ratio < 1.63) {
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 220; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { gap: calc(var(--wgbv-p) * 8); padding: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ss { font-size: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { flex-direction: column; gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-step { flex-direction: row; align-items: center; gap: calc(var(--wgbv-p) * 9); padding: 0 calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-sl { flex-direction: row; align-items: baseline; gap: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ck { position: static; margin-left: auto; flex: none; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { height: calc(var(--wgbv-p) * 32); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-stage { --wgbv-w: 560; --wgbv-h: 156; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-panel { display: grid; grid-template-columns: calc(var(--wgbv-p) * 176) 1fr; grid-template-rows: 1fr auto; column-gap: calc(var(--wgbv-p) * 12); row-gap: calc(var(--wgbv-p) * 8); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-head { grid-column: 1; grid-row: 1; align-content: flex-start; row-gap: calc(var(--wgbv-p) * 10); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-time { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-steps { grid-column: 2; grid-row: 1 / 3; }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-help { grid-column: 1; grid-row: 2; height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-ht { flex-direction: column; align-items: flex-start; gap: calc(var(--wgbv-p) * 1); }
  .wgbv-visual[data-wgbv="sleep-kit"] .wgbv-sk-call { padding: 0 calc(var(--wgbv-p) * 10); }
}

.wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio >= 1) and (aspect-ratio < 1.63) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 296; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-head { gap: calc(var(--wgbv-p) * 6); }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 204; --wgbv-h: 236; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-time { margin-left: 0; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-ss { display: none; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-hs { display: none; }
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point.yb *) .wgbv-sk-call { padding: 0 calc(var(--wgbv-p) * 9); }
}
.wgbv-visual[data-wgbv="sleep-kit"]:is(.platform_content-box .image-wrap *) .wgbv-stage { --wgbv-w: 392; }
@media (max-width: 479px) {
  .wgbv-visual[data-wgbv="sleep-kit"]:is(.point *) .wgbv-sk-time { font-size: max(7.1px, calc(var(--wgbv-p) * 10)); }
}

/* ---- visuals/sleep-metro.css ---- */
.wgbv-visual[data-wgbv="sleep-metro"] { --wgbv-ar: 1048 / 800; --wgbv-w: 290; --wgbv-h: 236; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-metro"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-art { --aw: 260; --ah: 200; position: absolute; left: calc(50% - var(--wgbv-p) * var(--aw) / 2); top: calc(50% - var(--wgbv-p) * var(--ah) / 2);
  width: calc(var(--wgbv-p) * var(--aw)); height: calc(var(--wgbv-p) * var(--ah)); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring { position: absolute; left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 12); width: calc(var(--wgbv-p) * 176); height: calc(var(--wgbv-p) * 176); overflow: visible;
  fill: none; stroke: #95BBAF; stroke-width: 1; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring circle { transform-box: fill-box; transform-origin: 50% 50%; transform: rotate(-90deg); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-grp { position: absolute; left: calc(var(--wgbv-p) * 104.4); top: calc(var(--wgbv-p) * 53); width: calc(var(--wgbv-p) * 50); height: calc(var(--wgbv-p) * 46);
  color: #409F80; stroke-width: 9.5; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-txt { position: absolute; left: calc(var(--wgbv-p) * 42); top: calc(var(--wgbv-p) * 109.2); width: calc(var(--wgbv-p) * 176); text-align: center;
  font-size: calc(var(--wgbv-p) * 14); font-weight: 500; line-height: 1.35; color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-l1,
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-l2 { display: block; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av { position: absolute; width: calc(var(--wgbv-p) * 15.6); height: calc(var(--wgbv-p) * 15.6); color: #C039AC; stroke-width: 2.4; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-fill { fill: currentColor; stroke: none; }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(3) { left: calc(var(--wgbv-p) * 44.5); top: calc(var(--wgbv-p) * 11.2); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(4) { left: calc(var(--wgbv-p) * 34.9); top: calc(var(--wgbv-p) * 29.2); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(5) { left: calc(var(--wgbv-p) * 235); top: calc(var(--wgbv-p) * 67); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(6) { left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 85.3); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(7) { left: calc(var(--wgbv-p) * 26.5); top: calc(var(--wgbv-p) * 142); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(8) { left: calc(var(--wgbv-p) * 16.3); top: calc(var(--wgbv-p) * 162.4); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(9) { left: calc(var(--wgbv-p) * 37); top: calc(var(--wgbv-p) * 162.4); }
.wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(10) { left: calc(var(--wgbv-p) * 195.7); top: calc(var(--wgbv-p) * 166.6); }
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-stage { --wgbv-w: 236; --wgbv-h: 270; }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-art { --aw: 216; --ah: 252; }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-ring { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 38); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-grp { left: calc(var(--wgbv-p) * 82.4); top: calc(var(--wgbv-p) * 79); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-txt { left: calc(var(--wgbv-p) * 20); top: calc(var(--wgbv-p) * 135.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(3) { left: calc(var(--wgbv-p) * 22.2); top: calc(var(--wgbv-p) * 18.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(4) { left: calc(var(--wgbv-p) * 4.2); top: calc(var(--wgbv-p) * 40.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(5) { left: calc(var(--wgbv-p) * 192.2); top: calc(var(--wgbv-p) * 34.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(6) { left: calc(var(--wgbv-p) * 197.2); top: calc(var(--wgbv-p) * 58.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(7) { left: calc(var(--wgbv-p) * 8.2); top: calc(var(--wgbv-p) * 192.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(8) { left: calc(var(--wgbv-p) * 24.2); top: calc(var(--wgbv-p) * 218.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(9) { left: calc(var(--wgbv-p) * 48.2); top: calc(var(--wgbv-p) * 230.2); }
  .wgbv-visual[data-wgbv="sleep-metro"] .wgbv-sm-av:nth-of-type(10) { left: calc(var(--wgbv-p) * 180.2); top: calc(var(--wgbv-p) * 210.2); }
}

/* ---- visuals/sleep-referral.css ---- */
.wgbv-visual[data-wgbv="sleep-referral"] { --wgbv-ar: 360 / 206; --wgbv-w: 360; --wgbv-h: 206; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { position: absolute; left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 198);
  display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 12);
  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) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-head { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13.5); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-field { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-label { font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; line-height: 1.2; color: #6B7280; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-input { display: flex; align-items: center; height: calc(var(--wgbv-p) * 24); padding: 0 calc(var(--wgbv-p) * 8); border: calc(var(--wgbv-p) * .9) solid #D1D5DB; border-radius: calc(var(--wgbv-p) * 6); background: #fff; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-fill { display: block; width: 62%; height: calc(var(--wgbv-p) * 6); border-radius: calc(var(--wgbv-p) * 3); background: #CBD5E1; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chips { display: flex; flex-wrap: wrap; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 3); height: calc(var(--wgbv-p) * 20); padding: 0 calc(var(--wgbv-p) * 7) 0 calc(var(--wgbv-p) * 5);
  border: calc(var(--wgbv-p) * .9) solid #C4B5FD; border-radius: calc(var(--wgbv-p) * 10); background: #F5F3FF; color: #5B21B6; font-size: calc(var(--wgbv-p) * 10); font-weight: 500; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send { --sent: 1; position: relative; display: grid; place-items: center; flex: none; height: calc(var(--wgbv-p) * 26); margin-top: auto; border-radius: calc(var(--wgbv-p) * 7);
  background: color-mix(in srgb, #16A34A calc(var(--sent) * 100%), #4F46E5); color: #fff; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-go { opacity: calc(1 - var(--sent)); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ok { opacity: var(--sent); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-ok .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { position: absolute; left: calc(var(--wgbv-p) * 226); top: calc(var(--wgbv-p) * 52); width: calc(var(--wgbv-p) * 132);
  display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: calc(var(--wgbv-p) * 6); row-gap: calc(var(--wgbv-p) * 7); padding: calc(var(--wgbv-p) * 9);
  border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 14); background: #fff;
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-app { display: grid; place-items: center; width: calc(var(--wgbv-p) * 21); height: calc(var(--wgbv-p) * 21); border-radius: calc(var(--wgbv-p) * 6); background: #6741D9; color: #fff; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-app .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-from { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 1); min-width: 0; font-size: calc(var(--wgbv-p) * 10); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-kind { font-size: calc(var(--wgbv-p) * 9); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-msg { grid-column: 1 / -1; font-size: calc(var(--wgbv-p) * 11); line-height: 1.35; color: #111827; text-wrap: balance; }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-touch { background: rgba(255, 255, 255, .5); box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) rgba(103, 65, 217, .45); }
.wgbv-visual[data-wgbv="sleep-referral"] .wgbv-ripple { background: rgba(255, 255, 255, .5); }
@container (aspect-ratio < 1.35) {
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 290; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-label { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-chip { font-size: calc(var(--wgbv-p) * 11); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { left: calc(var(--wgbv-p) * 52); top: calc(var(--wgbv-p) * 214); width: calc(var(--wgbv-p) * 244); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-from { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-msg { font-size: calc(var(--wgbv-p) * 12); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-stage { --wgbv-w: 540; --wgbv-h: 158; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-form { width: calc(var(--wgbv-p) * 346); height: calc(var(--wgbv-p) * 150); }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-send { position: absolute; right: calc(var(--wgbv-p) * 12); top: calc(var(--wgbv-p) * 11); width: calc(var(--wgbv-p) * 112); margin: 0; }
  .wgbv-visual[data-wgbv="sleep-referral"] .wgbv-sr-sms { left: calc(var(--wgbv-p) * 362); top: calc(var(--wgbv-p) * 36); width: calc(var(--wgbv-p) * 174); }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.35) and (aspect-ratio < 2.6) and (min-height: 292px) {
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 224; }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 216); gap: calc(var(--wgbv-p) * 10); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-input { height: calc(var(--wgbv-p) * 26); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-chip { height: calc(var(--wgbv-p) * 22); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 61); }
  }
  @container (aspect-ratio >= 1.35) and (aspect-ratio < 2.6) and (min-height: 318.1px) {
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-stage { --wgbv-w: 360; --wgbv-h: 244; }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 236); gap: calc(var(--wgbv-p) * 13); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-input { height: calc(var(--wgbv-p) * 28); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-chip { height: calc(var(--wgbv-p) * 24); }
    .wgbv-visual[data-wgbv="sleep-referral"]:is(.point *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 71); }
  }
}

.wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio >= 1) and (aspect-ratio < 1.35) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-h: 276; }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-form { height: calc(var(--wgbv-p) * 196); gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-sms { top: calc(var(--wgbv-p) * 208); padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 9); }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 230; --wgbv-h: 280; }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-form { width: calc(var(--wgbv-p) * 222); height: calc(var(--wgbv-p) * 200); }
  .wgbv-visual[data-wgbv="sleep-referral"]:is(.point.yb *) .wgbv-sr-sms { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 212); width: calc(var(--wgbv-p) * 222); padding: calc(var(--wgbv-p) * 7) calc(var(--wgbv-p) * 9); }
}

/* ---- visuals/sleep-report.css ---- */
.wgbv-visual[data-wgbv="sleep-report"] { --wgbv-ar: 340 / 206; --wgbv-w: 340; --wgbv-h: 206; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { position: absolute; display: flex; flex-direction: column; padding: calc(var(--wgbv-p) * 12);
  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) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 14); width: calc(var(--wgbv-p) * 196); height: calc(var(--wgbv-p) * 178); gap: calc(var(--wgbv-p) * 10); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ih { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; color: #111827; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ih .wgbv-i { width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); color: #6741D9; stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-list { display: flex; flex-direction: column; flex: 1; gap: calc(var(--wgbv-p) * 6); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mail { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); flex: 1; padding: 0 calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 9); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-new { border-color: #DDD6FE; background: #F5F3FF; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dot { flex: none; width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); border-radius: 50%; background: #E5E7EB; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-new .wgbv-rp-dot { background: #6741D9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 10.5); font-weight: 500; color: #4B5563; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 5); flex: 1; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span,
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span { display: block; height: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 3); background: #E5E7EB; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span:first-child { width: 55%; background: #D1D5DB; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-bars > span:last-child { width: 85%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 150); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 186); height: calc(var(--wgbv-p) * 198); gap: calc(var(--wgbv-p) * 12);
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 14) calc(var(--wgbv-p) * 28) rgba(16, 24, 40, .13); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dh { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); padding-bottom: calc(var(--wgbv-p) * 10); border-bottom: calc(var(--wgbv-p) * .9) solid #EEF0F3; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-di { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-di .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dt { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 2); min-width: 0; font-size: calc(var(--wgbv-p) * 11.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 9.5); font-weight: 400; color: #6B7280; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-sec { display: flex; align-items: flex-start; gap: calc(var(--wgbv-p) * 7); }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ck { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 16); height: calc(var(--wgbv-p) * 16); border-radius: 50%; background: #DCFCE7; color: #15803D; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ck .wgbv-i { width: calc(var(--wgbv-p) * 10); height: calc(var(--wgbv-p) * 10); stroke-width: 3.2; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-st { display: flex; flex-direction: column; gap: calc(var(--wgbv-p) * 7); flex: 1; min-width: 0; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1.3; color: #111827; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(2) { width: 70%; }
.wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(3) { display: none; width: 82%; }
@container (aspect-ratio < 0.95) {
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 420; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 172); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 186); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 230); gap: calc(var(--wgbv-p) * 16); padding: calc(var(--wgbv-p) * 14); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-dt { font-size: calc(var(--wgbv-p) * 13); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-st { font-size: calc(var(--wgbv-p) * 12); gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines { gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span { height: calc(var(--wgbv-p) * 6); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-lines > span:nth-child(3) { display: block; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { justify-content: space-between; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mt, .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 11.5); }
}
@container (aspect-ratio >= 0.95) and (aspect-ratio < 1.4) {
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 268; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-mail:not(.wgbv-rp-new) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"] .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 158); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 0.95) and (aspect-ratio < 1.4) and (min-height: 390.9px) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 300; --wgbv-h: 330; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 134); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-mail:nth-child(2) { display: flex; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 144); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 182); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
  @container (min-width: 362px) and (aspect-ratio >= 1.4) and ((aspect-ratio <= 1.4655) or (min-height: 274.8px)) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 232; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 204); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 224); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.4) and (min-height: 343.9px) {
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 254; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 14); height: calc(var(--wgbv-p) * 226); }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-doc { top: calc(var(--wgbv-p) * 4); height: calc(var(--wgbv-p) * 246); justify-content: space-between; }
    .wgbv-visual[data-wgbv="sleep-report"]:is(.point *) .wgbv-rp-lines > span:nth-child(3) { display: block; }
  }
}

.wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 224; --wgbv-h: 276; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-inbox { top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 94); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-mail:not(.wgbv-rp-new) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 106); width: calc(var(--wgbv-p) * 216); height: calc(var(--wgbv-p) * 166); gap: calc(var(--wgbv-p) * 12); padding: calc(var(--wgbv-p) * 12); justify-content: flex-start; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-dt { font-size: calc(var(--wgbv-p) * 11.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-by { font-size: calc(var(--wgbv-p) * 9.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-st { font-size: calc(var(--wgbv-p) * 11); gap: calc(var(--wgbv-p) * 7); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines { gap: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines > span { height: calc(var(--wgbv-p) * 5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-lines > span:nth-child(3) { display: none; }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-mt { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-report"]:is(.point.yb *) .wgbv-rp-ms { font-size: calc(var(--wgbv-p) * 10.5); }
}

/* ---- visuals/sleep-specialist.css ---- */
.wgbv-visual[data-wgbv="sleep-specialist"] { --wgbv-ar: 340 / 210; --wgbv-w: 340; --wgbv-h: 210; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req,
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { position: absolute; display: flex; 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) * 8) calc(var(--wgbv-p) * 18) rgba(16, 24, 40, .07); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 4); width: calc(var(--wgbv-p) * 206); height: calc(var(--wgbv-p) * 202); flex-direction: column; gap: calc(var(--wgbv-p) * 10); padding: calc(var(--wgbv-p) * 12); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-head { display: flex; align-items: center; gap: calc(var(--wgbv-p) * 8); font-size: calc(var(--wgbv-p) * 13); font-weight: 700; line-height: 1.2; letter-spacing: -.01em; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ic { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7); background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ic .wgbv-i { width: calc(var(--wgbv-p) * 15); height: calc(var(--wgbv-p) * 15); stroke-width: 1.9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tags { display: flex; flex-wrap: wrap; gap: calc(var(--wgbv-p) * 4); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tag { display: inline-grid; place-items: center; height: calc(var(--wgbv-p) * 21); padding: 0 calc(var(--wgbv-p) * 7); border-radius: calc(var(--wgbv-p) * 6); font-size: calc(var(--wgbv-p) * 10); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-t1 { background: #FEF3C7; color: #92400E; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-t2 { background: #F0EEFE; color: #5B21B6; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note { display: flex; flex-direction: column; justify-content: center; gap: calc(var(--wgbv-p) * 6); flex: 1; padding: calc(var(--wgbv-p) * 9); border: calc(var(--wgbv-p) * .9) solid #EEF0F3; border-radius: calc(var(--wgbv-p) * 8); background: #FAFAFB; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span { display: block; height: calc(var(--wgbv-p) * 5); border-radius: calc(var(--wgbv-p) * 3); background: #E5E7EB; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span:nth-child(2) { width: 88%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-note > span:nth-child(3) { width: 60%; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-btn { --sent: 1; display: grid; place-items: center; flex: none; height: calc(var(--wgbv-p) * 26); border-radius: calc(var(--wgbv-p) * 7);
  background: color-mix(in srgb, #16A34A calc(var(--sent) * 100%), #4F46E5); color: #fff; font-size: calc(var(--wgbv-p) * 11); font-weight: 600; line-height: 1; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-btn > span { grid-area: 1 / 1; display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-go { opacity: calc(1 - var(--sent)); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ok { opacity: var(--sent); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-ok .wgbv-i { width: calc(var(--wgbv-p) * 12); height: calc(var(--wgbv-p) * 12); stroke-width: 3; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 218); top: calc(var(--wgbv-p) * 48); width: calc(var(--wgbv-p) * 118); height: calc(var(--wgbv-p) * 114); flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 9);
  box-shadow: 0 calc(var(--wgbv-p) * 2) calc(var(--wgbv-p) * 4) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 12) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { display: grid; place-items: center; flex: none; width: calc(var(--wgbv-p) * 38); height: calc(var(--wgbv-p) * 38); border-radius: 50%; background: #F0EEFE; color: #6741D9; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av .wgbv-i { width: calc(var(--wgbv-p) * 20); height: calc(var(--wgbv-p) * 20); stroke-width: 1.8; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { display: flex; flex-direction: column; align-items: center; gap: calc(var(--wgbv-p) * 4); font-size: calc(var(--wgbv-p) * 10.5); font-weight: 700; line-height: 1.2; color: #111827; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-st { display: inline-flex; align-items: center; gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 10); font-weight: 500; color: #15803D; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-dot { width: calc(var(--wgbv-p) * 7); height: calc(var(--wgbv-p) * 7); border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 calc(var(--wgbv-p) * 2.5) #DCFCE7; }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-touch { background: rgba(255, 255, 255, .5); box-shadow: 0 0 0 calc(var(--wgbv-p) * 1.5) rgba(103, 65, 217, .45); }
.wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-ripple { background: rgba(255, 255, 255, .5); }
@container (aspect-ratio < 1.33) {
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-stage { --wgbv-w: 300; --wgbv-h: 300; }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 186); gap: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-tag { font-size: calc(var(--wgbv-p) * 10.5); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 4); top: calc(var(--wgbv-p) * 202); width: calc(var(--wgbv-p) * 292); height: calc(var(--wgbv-p) * 94); flex-direction: row; justify-content: flex-start; gap: calc(var(--wgbv-p) * 12); padding: 0 calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av .wgbv-i { width: calc(var(--wgbv-p) * 23); height: calc(var(--wgbv-p) * 23); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { align-items: flex-start; gap: calc(var(--wgbv-p) * 5); font-size: calc(var(--wgbv-p) * 12.5); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-st { font-size: calc(var(--wgbv-p) * 11); }
}
@container (aspect-ratio >= 2.6) {
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-stage { --wgbv-w: 540; --wgbv-h: 190; }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-req { width: calc(var(--wgbv-p) * 300); height: calc(var(--wgbv-p) * 182); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-doc { left: calc(var(--wgbv-p) * 318); top: calc(var(--wgbv-p) * 48); width: calc(var(--wgbv-p) * 218); height: calc(var(--wgbv-p) * 94); flex-direction: row; justify-content: flex-start; gap: calc(var(--wgbv-p) * 12); padding: 0 calc(var(--wgbv-p) * 16); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-av { width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); }
  .wgbv-visual[data-wgbv="sleep-specialist"] .wgbv-sp-name { align-items: flex-start; font-size: calc(var(--wgbv-p) * 12); }
}
@media (max-width: 479px) {
  @container (min-width: 362px) and (aspect-ratio >= 1.33) and (aspect-ratio < 2.6) and ((aspect-ratio <= 1.371) or (min-height: 293.8px)) {
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-stage { --wgbv-w: 340; --wgbv-h: 248; }
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-sp-req { height: calc(var(--wgbv-p) * 240); gap: calc(var(--wgbv-p) * 12); }
    .wgbv-visual[data-wgbv="sleep-specialist"]:is(.point *) .wgbv-sp-doc { top: calc(var(--wgbv-p) * 67); }
  }
}

/* ---- visuals/sleep-wait.css ---- */
.wgbv-visual[data-wgbv="sleep-wait"] { --wgbv-ar: 1048 / 800; --wgbv-w: 300; --wgbv-h: 256; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-stage { border-radius: calc(var(--wgbv-p) * 14); overflow: clip;
  background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2' stroke-width='1'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
.wgbv-visual[data-wgbv="sleep-wait"]:is(.point *) .wgbv-stage { left: 0; top: 0; right: 0; bottom: 0; width: auto; height: auto; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-cal { position: absolute; left: calc(50% - var(--wgbv-p) * 75); top: calc(50% - var(--wgbv-p) * 80.5); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 161); }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-body { position: absolute; left: 0; top: calc(var(--wgbv-p) * 17); width: 100%; height: calc(var(--wgbv-p) * 144);
  border: calc(var(--wgbv-p) * 7) solid #3B82F6; border-radius: calc(var(--wgbv-p) * 24); overflow: clip; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-body::before { content: ''; position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 27); height: calc(var(--wgbv-p) * 7); background: #3B82F6; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-ring { position: absolute; top: 0; left: calc(var(--wgbv-p) * 23); width: calc(var(--wgbv-p) * 26); height: calc(var(--wgbv-p) * 40);
  border: calc(var(--wgbv-p) * 7) solid #3B82F6; border-radius: calc(var(--wgbv-p) * 13); background: #F9FAFF; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-r2 { left: calc(var(--wgbv-p) * 101); }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-page { position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 34); bottom: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: calc(var(--wgbv-p) * 4); color: #1E293B; white-space: nowrap; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-num { display: block; font-size: calc(var(--wgbv-p) * 28); font-weight: 700; line-height: 1; letter-spacing: .01em; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-unit { display: block; font-size: calc(var(--wgbv-p) * 14); font-weight: 500; line-height: 1.15; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf { --hx: 1; --hy: 1; position: absolute; left: 0; right: 0; top: calc(var(--wgbv-p) * 34); bottom: 0; padding: calc(var(--wgbv-p) * 8) calc(var(--wgbv-p) * 5);
  opacity: 0; transform-origin: 50% 0;
  background: radial-gradient(circle, #3B82F6 calc(var(--wgbv-p) * 3.4), transparent calc(var(--wgbv-p) * 3.9)) calc(var(--wgbv-p) * 18 * var(--hx)) calc(var(--wgbv-p) * 16 * var(--hy)) / calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 16) no-repeat content-box,
    radial-gradient(circle, #C3D6FB calc(var(--wgbv-p) * 2.3), transparent calc(var(--wgbv-p) * 2.8)) 0 0 / calc(var(--wgbv-p) * 18) calc(var(--wgbv-p) * 16) content-box, #fff; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf:nth-of-type(2) { --hx: 4; --hy: 3; }
.wgbv-visual[data-wgbv="sleep-wait"] .wgbv-sw-leaf:nth-of-type(3) { --hx: 2; --hy: 0; }
@container (aspect-ratio < 1) {
  .wgbv-visual[data-wgbv="sleep-wait"] .wgbv-stage { --wgbv-w: 214; --wgbv-h: 250; }
}

/* ---- visuals/televisit.css ---- */
.wgbv-visual[data-wgbv="televisit"] { --wgbv-ar: 393 / 157; --wgbv-w: 400; --wgbv-h: 160; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-tile { position: absolute; top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 150); height: calc(var(--wgbv-p) * 128); overflow: hidden; border-radius: calc(var(--wgbv-p) * 14);
  box-shadow: 0 calc(var(--wgbv-p) * 1) calc(var(--wgbv-p) * 2) rgba(16, 24, 40, .05), 0 calc(var(--wgbv-p) * 10) calc(var(--wgbv-p) * 24) rgba(16, 24, 40, .10); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you { left: calc(var(--wgbv-p) * 6); background: linear-gradient(160deg, #EAF8EF, #CDEEDA); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 244); background: linear-gradient(160deg, #F1EFFE, #DCD6FA); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-room { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-feed { position: absolute; left: 0; bottom: 0; width: 100%; height: auto; transform-origin: 50% 100%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-name { position: absolute; left: calc(var(--wgbv-p) * 9); top: calc(var(--wgbv-p) * 9); display: inline-flex; align-items: center; height: calc(var(--wgbv-p) * 20); padding: 0 calc(var(--wgbv-p) * 9); border-radius: calc(var(--wgbv-p) * 10); background: #16A34A; color: #fff; font-size: calc(var(--wgbv-p) * 10.5); font-weight: 600; line-height: 1; white-space: nowrap; transform-origin: 0 50%; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc .wgbv-tv-name { background: #6E56CF; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-vu { display: flex; flex: none; align-items: center; gap: calc(var(--wgbv-p) * 1.3); width: calc(var(--wgbv-p) * 8 * var(--on, 0)); height: calc(var(--wgbv-p) * 9); margin-left: calc(var(--wgbv-p) * 5 * var(--on, 0)); overflow: hidden; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-vu i { display: block; flex: none; width: calc(var(--wgbv-p) * 1.8); height: 100%; border-radius: calc(var(--wgbv-p) * 1); background: currentColor; transform: scaleY(.3); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ring { position: absolute; inset: 0; display: block; border-radius: inherit; box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #8B7CF0; opacity: 0; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-ring { box-shadow: inset 0 0 0 calc(var(--wgbv-p) * 2.5) #22C55E; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { position: absolute; top: calc(var(--wgbv-p) * 72); width: calc(var(--wgbv-p) * 22); border-top: calc(var(--wgbv-p) * 1.4) dashed #A79CEF; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-l1 { left: calc(var(--wgbv-p) * 156); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-l2 { left: calc(var(--wgbv-p) * 222); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { position: absolute; left: calc(var(--wgbv-p) * 178); top: calc(var(--wgbv-p) * 50); z-index: 2; display: grid; place-items: center; width: calc(var(--wgbv-p) * 44); height: calc(var(--wgbv-p) * 44); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: 50%; background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 4) calc(var(--wgbv-p) * 14) rgba(17, 24, 39, .10); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 24); height: auto; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { position: absolute; left: calc(var(--wgbv-p) * 151); top: calc(var(--wgbv-p) * 118); z-index: 2; display: flex; align-items: center; justify-content: center; gap: calc(var(--wgbv-p) * 7); width: calc(var(--wgbv-p) * 98); height: calc(var(--wgbv-p) * 34); border: calc(var(--wgbv-p) * .9) solid #E5E7EB; border-radius: calc(var(--wgbv-p) * 17); background: #fff; box-shadow: 0 calc(var(--wgbv-p) * 6) calc(var(--wgbv-p) * 16) rgba(16, 24, 40, .12); }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-btn { display: grid; place-items: center; width: calc(var(--wgbv-p) * 24); height: calc(var(--wgbv-p) * 24); border-radius: 50%; background: #F3F4F6; color: #374151; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-btn .wgbv-i { width: calc(var(--wgbv-p) * 13); height: calc(var(--wgbv-p) * 13); stroke-width: 2; }
.wgbv-visual[data-wgbv="televisit"] .wgbv-tv-end { background: #EF4444; color: #fff; }
@container (aspect-ratio < 1.5) and ((min-width: 300px) or (min-height: 200px)) {
  .wgbv-visual[data-wgbv="televisit"] .wgbv-stage { --wgbv-w: 240; --wgbv-h: 258; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 228); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you { left: calc(var(--wgbv-p) * 148); top: calc(var(--wgbv-p) * 118); z-index: 1; width: calc(var(--wgbv-p) * 78); height: calc(var(--wgbv-p) * 78); border: calc(var(--wgbv-p) * 2.5) solid #fff; border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-feed { left: -10%; bottom: -14%; width: 120%; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-room { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-name { left: calc(var(--wgbv-p) * 5); top: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 16); padding: 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-you .wgbv-tv-vu { height: calc(var(--wgbv-p) * 7.5); margin-left: calc(var(--wgbv-p) * 4 * var(--on, 0)); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { left: calc(var(--wgbv-p) * 184); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 71); top: calc(var(--wgbv-p) * 216); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc .wgbv-tv-feed { bottom: calc(var(--wgbv-p) * -10); }
}
@container (max-width: 299px) and ((aspect-ratio >= 1.5) or (max-height: 199.98px)) {
  .wgbv-visual[data-wgbv="televisit"] .wgbv-stage { --wgbv-w: 316; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); }
  .wgbv-visual[data-wgbv="televisit"] .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); }
}
@media (max-width: 479px) {
  @container (aspect-ratio >= 1.5) and (aspect-ratio < 1.75) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 194; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 156); }
  }
}
@media (min-width: 480px) and (max-width: 991px) {
  @container (aspect-ratio >= 1.5) and (aspect-ratio <= 2.247) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 178; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 140); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 56); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 140); }
  }
  @container (aspect-ratio >= 1.5) and ((aspect-ratio <= 2.062) or (min-height: 325.2px)) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 194; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 156); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 64); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 156); }
  }
  @container (aspect-ratio >= 1.5) and (min-height: 368.8px) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 220; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 182); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 77); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 182); }
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  @container (aspect-ratio >= 1.5) and (min-height: 365.4px) and (max-height: 368.79px) {
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-stage { --wgbv-w: 316; --wgbv-h: 218; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-tile { width: calc(var(--wgbv-p) * 140); height: calc(var(--wgbv-p) * 180); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 170); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-feed { left: -12.5%; width: 125%; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-link { display: none; }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 136); top: calc(var(--wgbv-p) * 76); }
    .wgbv-visual[data-wgbv="televisit"]:is(.point *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 109); top: calc(var(--wgbv-p) * 180); }
  }
}

.wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) { border-radius: 12px; background: #F9FAFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1048 800' preserveAspectRatio='none'%3E%3Cg transform='rotate(-58.4 496 350)' fill='none' stroke='%23D3D7F2'%3E%3Cellipse cx='496' cy='350' rx='469' ry='651' vector-effect='non-scaling-stroke'/%3E%3Cellipse cx='496' cy='350' rx='577' ry='801' vector-effect='non-scaling-stroke'/%3E%3C/g%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat; }
@container (min-width: 260px) {
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-stage { --wgbv-fill: .92; --wgbv-vis: 1.08; }
}
@container (aspect-ratio < 1.5) {
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-stage { --wgbv-w: 240; --wgbv-h: 258; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-doc { left: calc(var(--wgbv-p) * 6); top: calc(var(--wgbv-p) * 8); width: calc(var(--wgbv-p) * 228); height: calc(var(--wgbv-p) * 196); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you { left: calc(var(--wgbv-p) * 148); top: calc(var(--wgbv-p) * 118); z-index: 1; width: calc(var(--wgbv-p) * 78); height: calc(var(--wgbv-p) * 78); border: calc(var(--wgbv-p) * 2.5) solid #fff; border-radius: calc(var(--wgbv-p) * 12); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-feed { left: -10%; bottom: -14%; width: 120%; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-room { display: none; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-name { left: calc(var(--wgbv-p) * 5); top: calc(var(--wgbv-p) * 5); height: calc(var(--wgbv-p) * 16); padding: 0 calc(var(--wgbv-p) * 7); font-size: calc(var(--wgbv-p) * 9); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-you .wgbv-tv-vu { height: calc(var(--wgbv-p) * 7.5); margin-left: calc(var(--wgbv-p) * 4 * var(--on, 0)); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-link { display: none; }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-badge { left: calc(var(--wgbv-p) * 184); top: calc(var(--wgbv-p) * 16); width: calc(var(--wgbv-p) * 40); height: calc(var(--wgbv-p) * 40); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-badge img { width: calc(var(--wgbv-p) * 22); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-ctl { left: calc(var(--wgbv-p) * 71); top: calc(var(--wgbv-p) * 216); }
  .wgbv-visual[data-wgbv="televisit"]:is(.point.yb *) .wgbv-tv-doc .wgbv-tv-feed { bottom: calc(var(--wgbv-p) * -10); }
}