.cdo-art{
  --cdo-navy:#091c68; --cdo-white:#ffffff;
  --cdo-name:#002d74; --cdo-ink:#091d6a; --cdo-label:#757e8b;
  --cdo-green:#24aa2e; --cdo-green-bg:#e0fbe4; --cdo-divider:#e5e5e7; --cdo-header:#ced3e6; --cdo-flash:#e5fbfb;
  --cdo-photo:#00d2d6; --cdo-btn:#004fcc; --cdo-ring:#004fcc; --cdo-ring-track:#cccccc; --cdo-ring-core:#003b99;
  --cdo-font:SolutionsHireUI, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif;
  --cdo-shadow:0 12px 25px rgba(0,0,0,.25);
  --cdo-ease:cubic-bezier(.65,0,.35,1);

}
.cdo-art [data-cdo-part="stage"]{position:relative; flex:none}
.cdo-art [data-cdo-part="frame"]{position:absolute; left:0; top:0; width:1202px; height:1322px; transform-origin:0 0; overflow:hidden}
.cdo-art .cdo-card{position:absolute; background:var(--cdo-white); border-radius:24px; box-shadow:var(--cdo-shadow)}
.cdo-art .cdo-t{position:absolute; line-height:1.172; white-space:nowrap; margin:0}
.cdo-art .cdo-fade{transition:opacity .35s ease}
.cdo-art .cdo-fade.cdo-out{opacity:0}
.cdo-art [data-cdo-part="table"]{left:24px; top:193px; width:540px; height:780px; overflow:hidden}
.cdo-art [data-cdo-part="table"] .cdo-head{position:absolute; left:0; top:0; width:540px; height:72px; background:var(--cdo-header)}
.cdo-art [data-cdo-part="table"] .cdo-hl{top:21px; font-size:26px; font-weight:500; letter-spacing:1.5px; color:var(--cdo-ink); text-transform:uppercase}
.cdo-art .cdo-row{position:absolute; left:0; width:540px; height:177px}
.cdo-art .cdo-row .cdo-flash{position:absolute; left:0; top:0; width:540px; height:175px; background:var(--cdo-flash); opacity:0}
.cdo-art .cdo-row.cdo-lit .cdo-flash{animation:cdo-flash 1s ease-out}
@keyframes cdo-flash{0%{opacity:0} 22%{opacity:1} 100%{opacity:0}}
.cdo-art .cdo-row .cdo-nm{left:40px; top:32px; font-size:36px; font-weight:700; color:var(--cdo-name)}
.cdo-art .cdo-row .cdo-div{position:absolute; left:40px; top:175px; width:460px; height:2px; background:var(--cdo-divider)}
.cdo-art .cdo-cell{position:absolute; right:40px; top:98px; width:0; height:47px}
.cdo-art .cdo-pill{position:absolute; right:0; top:0; height:47px; padding:0 21px; border-radius:8.8px; box-sizing:border-box;
  background:var(--cdo-green-bg); color:var(--cdo-green); font-size:24.7px; font-weight:500; line-height:47px; white-space:nowrap;
  transition:opacity .4s var(--cdo-ease), transform .4s var(--cdo-ease)}
.cdo-art .cdo-pill.cdo-below{opacity:0; transform:translateY(14px)}
.cdo-art .cdo-pill.cdo-above{opacity:0; transform:translateY(-14px)}
.cdo-art .cdo-btn{position:absolute; right:0; top:-9px; padding:14px 28px; border:3px solid var(--cdo-btn); border-radius:12px; background:var(--cdo-white);
  color:var(--cdo-btn); font-size:26px; font-weight:500; line-height:1.172; white-space:nowrap; transform-origin:50% 50%;
  transition:opacity .3s ease, transform .3s var(--cdo-ease)}
.cdo-art .cdo-btn.cdo-press{animation:cdo-press .42s var(--cdo-ease)}
.cdo-art .cdo-btn.cdo-gone{opacity:0; transform:scale(.92)}
@keyframes cdo-press{0%{transform:scale(1)} 35%{transform:scale(.94)} 100%{transform:scale(1)}}
.cdo-art [data-cdo-part="photo"]{position:absolute; left:604px; top:193px; width:574px; height:780px; border-radius:32px; background:var(--cdo-photo); box-shadow:var(--cdo-shadow)}
.cdo-art [data-cdo-part="photoImg"]{position:absolute; left:604px; top:0; width:574px; height:973px; display:block; max-width:none}
.cdo-art [data-cdo-part="ach"]{left:24px; top:1013px; width:1154px; height:285px; border-radius:21px; box-shadow:0 10.6px 22px rgba(0,0,0,.25)}
.cdo-art [data-cdo-part="ring"]{position:absolute; left:40px; top:67px; width:150px; height:150px; display:block; overflow:visible}
.cdo-art [data-cdo-part="arc"]{transition:opacity .35s ease}
.cdo-art [data-cdo-part="ring"].cdo-pop{animation:cdo-ringpop .45s var(--cdo-ease)}
.cdo-art [data-cdo-part="ach"] .cdo-lab{left:230px; top:57px; font-size:26px; font-weight:500; letter-spacing:1.5px; color:var(--cdo-label)}
.cdo-art [data-cdo-part="ach"] .cdo-q{left:230px; top:99px; font-size:30px; font-weight:500; color:var(--cdo-ink)}
.cdo-art [data-cdo-part="val"]{position:absolute; left:930px; top:97px; width:158px; margin:0; text-align:center; font-size:64px; font-weight:700; color:var(--cdo-ink);
  line-height:1.172; font-variant-numeric:tabular-nums; white-space:nowrap}
.cdo-art [data-cdo-part="achPill"]{right:auto; left:230px; top:181px}
.cdo-art [data-cdo-part="cursor"]{position:absolute; left:0; top:0; width:56px; height:56px; z-index:12; opacity:0; pointer-events:none; transition:opacity .25s ease}
.cdo-art [data-cdo-part="cursor"] svg{width:56px; height:56px; display:block}
.cdo-art [data-cdo-part="cursor"].cdo-move{transition:left .7s cubic-bezier(.45,0,.2,1), top .7s cubic-bezier(.45,0,.2,1), opacity .25s ease}
.cdo-art [data-cdo-part="ripple"]{position:absolute; width:48px; height:48px; margin:-24px 0 0 -24px; border-radius:50%; border:4px solid var(--cdo-photo); box-sizing:border-box;
  z-index:11; opacity:0; pointer-events:none}
.cdo-art [data-cdo-part="ripple"].cdo-on{animation:cdo-ripple .5s ease-out forwards}
@keyframes cdo-ripple{0%{transform:scale(.4); opacity:1} 100%{transform:scale(2.2); opacity:0}}
.cdo-art [data-cdo-part="flyer"]{position:absolute; left:111px; top:1127px; width:56px; height:56px; border-radius:50%; background:var(--cdo-ring); box-shadow:var(--cdo-shadow);
  display:grid; place-items:center; z-index:10; opacity:0; pointer-events:none}
.cdo-art [data-cdo-part="flyer"] svg{width:28px; height:28px; display:block}
.cdo-art [data-cdo-part="flyer"].cdo-go{transition:transform .7s var(--cdo-ease), opacity .2s ease}
@keyframes cdo-ringpop{0%{transform:scale(1)} 40%{transform:scale(1.05)} 100%{transform:scale(1)}}
.cdo-art{position:relative;width:100%;max-width:601px;aspect-ratio:1202/1322;margin-inline:auto;color:var(--cdo-name);font:400 1rem/normal var(--cdo-font);text-align:left;--cdo-ready:1}
.cdo-art [hidden]{display:none!important}
.cdo-art .cdo-fallback{display:block;width:100%;height:auto;margin:0}
.cdo-art [data-cdo-part="stage"]{display:block;width:100%;height:100%}
.cdo-art [data-cdo-part="frame"]{font-family:inherit}
.cdo-art :where(p,span){letter-spacing:normal}
.cdo-art p{margin:0;padding:0}
.cdo-art button[data-cdo-action]{position:absolute;z-index:20;top:6px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:transparent!important;color:white!important;display:grid;place-items:center;padding:0;margin:0;cursor:pointer;box-sizing:border-box;line-height:1}
.cdo-art button[data-cdo-action="replay"]{left:12px}
.cdo-art button[data-cdo-action="pause"]{left:52px}
.cdo-art button[data-cdo-action] svg{width:17px;height:17px;display:block}
.cdo-art button[data-cdo-action]:hover{background:rgba(255,255,255,.12)!important}
.cdo-art button[data-cdo-action]:focus-visible{outline:2px solid white;outline-offset:3px}
.cdo-art button[data-cdo-action="pause"] .cdo-i-play,.cdo-art button.cdo-paused .cdo-i-pause{display:none}
.cdo-art button.cdo-paused .cdo-i-play{display:block}
@media(prefers-reduced-motion:reduce){.cdo-art [data-cdo-part="stage"],.cdo-art button[data-cdo-action]{display:none!important}.cdo-art .cdo-fallback{display:block!important}}
