@layer components{.rp{--rp-gap:40px;--rp-pad:32px;--rp-rule:#ffffff1a;--rp-gold-edge:#daad1f73;--rp-ease:cubic-bezier(.22, 1, .36, 1);--rp-flash-at:.65s;--rp-step:.32s;--rp-say-at:2.6s;flex-direction:column;gap:40px;display:flex}@supports (color:lab(0% 0 0)){.rp{--rp-gold-edge:lab(73.2629% 8.44485 70.3921/.45)}}@media (min-width:1024px){.rp{--rp-gap:64px;gap:56px}}.rp-board{position:relative}.rp-list{flex-direction:column;display:flex;position:relative}.rp-pair{--rp-i:0;display:flex;position:relative}.rp-pair:nth-child(2){--rp-i:1}.rp-pair:nth-child(3){--rp-i:2}.rp-pair:nth-child(4){--rp-i:3}.rp-pair:nth-child(5){--rp-i:4}.rp-pair:nth-child(6){--rp-i:5}.rp-pair:nth-child(7){--rp-i:6}.rp-pair:nth-child(8){--rp-i:7}.rp-item{font-size:var(--text-body);gap:12px;line-height:24px;display:flex}.rp-mark{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:24px;display:flex}.rp-others{color:#c9d1e3}.rp-others .rp-mark{color:var(--color-neutral-500)}.rp-flash{color:var(--color-text-on-dark);font-weight:600}.rp-flash .rp-mark{color:var(--color-viz-gold)}.rp-check{stroke-dasharray:1}.rp-link{pointer-events:none;background:linear-gradient(90deg, #aeb8c780, var(--color-viz-gold)) center / 100% 1px no-repeat}.rp-link:before,.rp-link:after{content:"";border-radius:50%;width:5px;height:5px;position:absolute}.rp-link:before{background-color:var(--color-text-on-dark-muted)}.rp-link:after{background-color:var(--color-viz-gold);box-shadow:0 0 0 3px #daad1f33;box-shadow:0 0 0 3px lab(73.2629% 8.44485 70.3921/.2)}@media (min-width:768px){.rp-board{padding:var(--rp-pad) 0 16px}.rp-panel{width:calc(50% - var(--rp-gap) / 2);border-radius:var(--radius-lg);position:absolute;inset-block:0}.rp-panel-others{border:1px solid #ffffff1f;left:0}.rp-panel-flash{right:0}.rp-heads{gap:var(--rp-gap);margin-bottom:8px;display:flex;position:relative}.rp-head{padding-inline:var(--rp-pad);flex:1 1 0}.rp-pair{gap:var(--rp-gap)}.rp-cell{min-width:0;padding:16px var(--rp-pad);border-top:1px solid var(--rp-rule);background-clip:padding-box;border-inline:1px solid #0000;flex:1 1 0}.rp-pair:first-child .rp-cell{border-top-color:#0000}.rp-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.rp-link{top:26px;left:calc(50% - var(--rp-gap) / 2 - var(--rp-pad) + 10px);width:calc(var(--rp-gap) + 2 * var(--rp-pad) - 18px);opacity:0;clip-path:inset(0 100% 0 0);height:5px;position:absolute}.rp-link:before{top:0;left:0}.rp-link:after{top:0;right:0}@media (hover:hover){.rp-list:has(.rp-pair:hover) .rp-pair:not(:hover){opacity:.6}.rp-pair:hover .rp-others{color:#e4e8f0;background-color:#ffffff0a}.rp-pair:hover .rp-others .rp-mark{color:var(--color-text-on-dark-muted)}.rp-pair:hover .rp-flash{background-color:#daad1f17;background-color:lab(73.2629% 8.44485 70.3921/.09)}.rp-pair:hover .rp-link{opacity:1;clip-path:inset(0)}}}@media not (min-width:768px){.rp-panel,.rp-heads{display:none}.rp-list{gap:12px}.rp-pair{border-radius:var(--radius-md);border:1px solid #ffffff1f;flex-direction:column;overflow:hidden}.rp-cell{padding:16px}.rp-flash{border-top:1px solid var(--rp-gold-edge);background-color:var(--color-brand-navy-deep)}.rp-label{margin-bottom:8px;padding-left:28px;display:block}.rp-link{z-index:1;background:0 0;height:0;position:relative}.rp-link:before{background:linear-gradient(180deg, #aeb8c780, var(--color-viz-gold));transform-origin:50% 0;border-radius:0;width:1px;height:50px;top:-12px;left:23.5px}.rp-link:after{top:36px;left:21.5px}}@media (prefers-reduced-motion:no-preference){@media (min-width:768px){.rp-pair{transition:opacity .25s ease-out}.rp-cell{transition:background-color .25s ease-out,color .25s ease-out}.rp-link{transition:opacity .2s ease-out,clip-path 0s linear .2s}.rp-pair:hover .rp-link{transition:opacity .1s ease-out, clip-path .4s var(--rp-ease)}.rp[data-anim] .rp-flash{--rp-at:calc(var(--rp-flash-at) + var(--rp-i) * var(--rp-step))}.rp[data-anim] .rp-others .rp-item{animation:rp-rise .45s ease-out calc(var(--rp-i) * 70ms) backwards}.rp[data-anim] .rp-link{animation:rp-link-x .9s var(--rp-ease) calc(var(--rp-flash-at) + var(--rp-i) * var(--rp-step)) backwards}.rp[data-anim] .rp-check{animation:rp-check .35s var(--rp-ease) calc(var(--rp-at) + .28s) backwards}.rp[data-anim] .rp-flash .rp-text{animation:rp-rise .4s var(--rp-ease) calc(var(--rp-at) + .3s) backwards}.rp[data-anim] .rp-tagline{animation:rp-rise .6s var(--rp-ease) var(--rp-say-at) backwards}.rp[data-anim=idle] :is(.rp-others .rp-item,.rp-link,.rp-check,.rp-flash .rp-text,.rp-tagline){animation-play-state:paused}}@media not (min-width:768px){.rp-pair[data-anim] .rp-others{animation:.4s ease-out backwards rp-rise}.rp-pair[data-anim] .rp-link:before{animation:rp-link-y .35s var(--rp-ease) .3s backwards}.rp-pair[data-anim] .rp-link:after{animation:rp-dot .25s var(--rp-ease) .55s backwards}.rp-pair[data-anim] .rp-check{animation:rp-check .35s var(--rp-ease) .6s backwards}.rp-pair[data-anim] :is(.rp-flash .rp-label,.rp-flash .rp-text){animation:rp-rise .4s var(--rp-ease) .62s backwards}.rp-tagline[data-anim]{animation:rp-rise .6s var(--rp-ease) backwards}.rp-pair[data-anim=idle] :is(.rp-others,.rp-check,.rp-flash .rp-label,.rp-flash .rp-text),.rp-pair[data-anim=idle] .rp-link:before,.rp-pair[data-anim=idle] .rp-link:after,.rp-tagline[data-anim=idle]{animation-play-state:paused}}}}@keyframes rp-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes rp-check{0%{stroke-dashoffset:1px}}@keyframes rp-link-x{0%{opacity:1;clip-path:inset(0 100% 0 0)}40%,65%{opacity:1;clip-path:inset(0)}to{opacity:0;clip-path:inset(0)}}@keyframes rp-link-y{0%{transform:scaleY(0)}}@keyframes rp-dot{0%{opacity:0;transform:scale(0)}}
@layer components{.wfo-chips{scrollbar-width:none;gap:8px;margin-inline:-16px;padding:2px 16px;scroll-padding-inline:16px;display:flex;overflow-x:auto}@media (min-width:768px){.wfo-chips{flex-wrap:wrap;margin-inline:0;padding-inline:0;overflow:visible}}.wfo-chips::-webkit-scrollbar{display:none}.wfo-chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background-color:var(--color-neutral-0);min-height:40px;color:var(--color-text);font-size:var(--text-body-s);white-space:nowrap;cursor:pointer;flex:none;align-items:center;padding:0 16px;font-weight:500;line-height:20px;display:flex}.wfo-chip:hover{border-color:var(--color-brand-navy)}.wfo-chip[aria-checked=true]{border-color:var(--color-brand-navy);background-color:var(--color-brand-navy);color:var(--color-text-on-dark);font-weight:600}.wfo-scenario[data-fading]{opacity:0}.wfo-outcomes{border-block:1px solid var(--color-border);gap:24px;padding-block:24px;display:flex}.wfo-outcome{flex-direction:column-reverse;flex:1 1 0;gap:8px;min-width:0;display:flex}.wfo-range{width:100%;height:6px;margin-top:12px;display:block}.wfo-range-track{fill:var(--color-neutral-200)}.wfo-range-fill{fill:var(--color-brand-blue);transform-box:fill-box;transform-origin:0}.wfo-product-body:first-letter{text-transform:uppercase}.wfo-product{align-items:flex-start;gap:16px;display:flex;position:relative}.wfo-product-link:after{content:"";position:absolute;inset:0}.wfo-product-link:focus-visible{outline:none}.wfo-product:has(.wfo-product-link:focus-visible){outline:2px solid var(--color-alert-info);outline-offset:-2px}.wfo-product:has(.wfo-product-link:is(:hover,:focus-visible)){background-color:var(--color-surface-sunken)}.wfo-arrow{width:20px;color:var(--color-text-subtle);text-align:right;flex:none;font-weight:700;line-height:26px}.wfo-product:has(.wfo-product-link:is(:hover,:focus-visible)) .wfo-arrow{color:var(--color-brand-blue)}@media (prefers-reduced-motion:no-preference){.wfo-scenario{transition:opacity .16s}.wfo-scenario[data-fading]{transition-duration:.14s}.wfo-chip{transition:border-color .15s,background-color .15s,color .15s}.wfo-product{transition:background-color .2s}.wfo-arrow{transition:transform .25s var(--motion-ease), color .2s ease}.wfo-product:has(.wfo-product-link:is(:hover,:focus-visible)) .wfo-arrow{transform:translate(4px)}.motion[data-anim]:not([data-anim=reset]) .wfo-range-fill{animation:motion-grow-x .9s var(--motion-ease) var(--motion-delay) both}.motion[data-anim]:not([data-anim=reset]) .wfo-outcome+.wfo-outcome .wfo-range-fill{animation-delay:calc(var(--motion-delay) + .15s)}}}
