.at-svg{display:block;width:100%;max-width:480px;height:auto;margin:0 auto;overflow:hidden}
.at-svg text{font-family:Nunito,var(--u-font),sans-serif;fill:#1F2933;font-variant-numeric:tabular-nums}
.at-measure{font-size:14px;font-weight:700}
.at-letter{font-size:15px;font-weight:800}
.at-area{fill:#93B8F2;stroke:#2F6FEB;stroke-width:2}
.at-height{stroke:#1F2933;stroke-width:2.5;stroke-dasharray:6 4}
.at-angle{fill:none;stroke:#1F2933;stroke-width:1.5}
.at-chosen{stroke:#2F6FEB;stroke-width:4}
.at-extension{stroke:#67757F;stroke-width:1.5;stroke-dasharray:4 4}
.at-outline{fill:none;stroke:#2F6FEB;stroke-width:2}
.at-dimension{stroke:#67757F;stroke-width:1.5}
.at-guide [hidden]{display:none!important}
.at-guide .sg-btn,.at-guide .sg-opts button{box-sizing:border-box;min-height:44px}
.at-guide .sg-btn{font-size:15px}
.at-guide button:disabled{cursor:default;opacity:.5;transform:none}
.at-guide button:focus-visible,.at-tip-hit:focus-visible,.at-guide a:focus-visible{outline:2px solid #2F6FEB;outline-offset:2px}
.at-guide .sg-hint,.at-q,.at-base-w,.at-hero-w,.at-work{font-size:15px}
.at-q{color:#67757F}
.at-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px}
.at-stepper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.at-dots{display:flex;gap:8px;align-items:center}
.at-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.at-dots i.on{background:#2F6FEB}
.at-work{list-style:none;margin:14px 0 0;padding:0;line-height:1.5;color:#1F2933}
.at-work li{margin:0 0 6px}
.at-work li.at-land{animation:at-land 250ms ease}
.at-work .at-answer{color:#4A7A1E;font-weight:800}
@keyframes at-land{from{opacity:0}to{opacity:1}}
.at-hero{width:100%;max-width:420px;justify-self:center}
.at-hero-box{fill:none;stroke:#67757F;stroke-width:1.5;stroke-dasharray:6 4;opacity:0;transition:opacity 300ms}
.at-hero-half{fill:#E5E0D6;opacity:0;transition:opacity 400ms}
.at-hero-w p{font-size:15px}
.at-hero-rectangle,.at-hero-answer{opacity:0;transition:opacity 300ms}
.at-hero-w .at-hero-answer{color:#4A7A1E;font-weight:700}
.at-hero.at-hero-box-in .at-hero-box,.at-hero.at-hero-box-in .at-hero-rectangle,.at-hero.at-hero-half-in .at-hero-half,.at-hero.at-hero-answer-in .at-hero-answer{opacity:1}
.at-base-tri{transform-box:view-box;transform-origin:0 0;transform:translate(160.8px,196px) rotate(0deg) translate(-160.8px,-196px);transition:transform 450ms ease-in-out}
.at-base-mark{transition:opacity 200ms}
.at-base-w{text-align:center}
.at-piece{fill:#93B8F2;stroke:none}
.at-half-copy{stroke-dasharray:6 4;transform-box:view-box;transform-origin:155px 140px;transform:rotate(0deg);opacity:0;transition:transform 700ms ease-in-out,opacity 700ms ease-in-out}
.at-half-end{transform:translateX(0);transition:transform 700ms ease-in-out}
.at-half-line{fill:none;stroke:#2F6FEB;stroke-width:2}
.at-half-rect,.at-comp-all,.at-lap-all{fill:none;stroke:#4A7A1E;stroke-width:3;opacity:0;transition:opacity 300ms}
.at-half-k{transition:opacity 300ms}
.at-half-b{transform:translateX(0);transition:transform 400ms}
.at-stage[data-at-kind="half"][data-at-state="1"] .at-half-copy,.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-copy{opacity:1;transform:rotate(180deg)}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-line{opacity:0}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-piece{stroke:#2F6FEB;stroke-width:2}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-end{transform:translateX(180px)}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-k{opacity:0}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-b{transform:translateX(50px)}
.at-stage[data-at-kind="half"][data-at-state="2"] .at-half-rect{opacity:1}
.at-stage[data-at-kind="half"][data-at-state="3"] .at-half-copy{opacity:.35;transform:rotate(180deg);transition:opacity 500ms}
.at-stage[data-at-kind="half"][data-at-state="3"] .at-half-end{transition-duration:500ms}
.at-stage[data-at-kind="half"][data-at-state="3"] .at-half-line{stroke:#4A7A1E;stroke-width:3}
.at-comp-tri{transform:translateX(0);transition:transform 500ms}
.at-stage[data-at-kind="comp"][data-at-state="1"] .at-comp-tri,.at-stage[data-at-kind="comp"][data-at-state="2"] .at-comp-tri,.at-stage[data-at-kind="comp"][data-at-state="3"] .at-comp-tri,.at-stage[data-at-kind="comp"][data-at-state="4"] .at-comp-tri{transform:translateX(28px)}
.at-comp-base,.at-comp-angle{opacity:0;transition:opacity 250ms}
.at-comp-be{stroke:#2F6FEB;stroke-width:0}
.at-comp-base.at-shown,.at-comp-angle.at-shown{opacity:1}
.at-comp-rect.at-pulse{animation:at-rect-pulse 600ms}
.at-comp-be.at-pulse{animation:at-side-pulse 600ms}
@keyframes at-rect-pulse{0%,100%{stroke-width:2}1%,99%{stroke-width:4}}
@keyframes at-side-pulse{0%,100%{stroke-width:0}1%,99%{stroke-width:4}}
.at-stage[data-at-kind="comp"][data-at-state="5"] .at-comp-all{opacity:1}
.at-tip-left,.at-tip-right{fill:#E5E0D6}
.at-tip-dot{fill:#FFFFFF;stroke:#2F6FEB;stroke-width:2}
.at-tip-dot.on{fill:#2F6FEB}
.at-tip-hit{cursor:pointer}
.at-lap-a,.at-lap-b{transition:fill 300ms}
.at-lap-two{fill:#2F6FEB;opacity:0;transition:opacity 300ms}
.at-stage[data-at-kind="lap"][data-at-state="1"] .at-lap-a,.at-stage[data-at-kind="lap"][data-at-state="2"] .at-lap-a,.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-a,.at-stage[data-at-kind="lap"][data-at-state="2"] .at-lap-b,.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-b{fill:#93B8F2}
.at-stage[data-at-kind="lap"][data-at-state="2"] .at-lap-two{opacity:.45}
.at-lap-strip{fill:none;stroke:#1F2933;stroke-width:3;opacity:0}
.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-strip{opacity:1}
.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-two{opacity:.45;transition:opacity 400ms}
.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-two.at-subtracted{opacity:0}
.at-stage[data-at-kind="lap"][data-at-state="3"] .at-lap-all{opacity:1}
.at-guide .w.hl{background:var(--sg-blue-bg);border-radius:4px;padding:0 3px}
.sg-card .mini .at-mini .at-mini-box{fill:none;stroke:#67757F;stroke-width:1.2;stroke-dasharray:3 2}
.sg-card .mini .at-mini .at-mini-tri{fill:#93B8F2;stroke:#2F6FEB;stroke-width:1.5}
.sg-card .mini .at-mini .at-mini-h{stroke:#1F2933;stroke-width:1.2;stroke-dasharray:3 2}
.at-instant,.at-instant *{transition:none!important;animation:none!important}
@media(max-width:900px){.at-hero{max-width:420px}}
@media(prefers-reduced-motion:reduce){
.at-guide,.at-guide *,.at-guide *::before,.at-guide *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
.at-hero-box,.at-hero-half,.at-hero-rectangle,.at-hero-answer{opacity:1}
}