.dd-scale{max-width:850px;margin:4px auto}.dd-unit-bars{max-width:650px;margin:4px auto}.dd-unit-bars>div{display:grid;grid-template-columns:75px 1fr;align-items:center;height:29px;gap:8px;font-weight:900;color:#0757ac}.dd-unit-bars>div:nth-child(2){color:#a10c44}.dd-unit-bars span{display:block;height:18px;background:#0757ac;justify-self:start}.dd-unit-bars [data-bar-b]{background:#af104d}.dd-unit-bars p{text-align:center;font-size:13px;font-weight:800;margin:3px}.dd-place-head{display:grid;text-align:center;font-size:14px;font-weight:800}.dd-place-head span{border:1px solid #31536b;background:#e8f2ff;padding:3px}.dd-row{height:46px;position:relative;border:1px solid #31536b;margin:3px 0;background:#f2f7ff}.dd-row b{position:absolute;top:2px;text-align:center;font-size:30px;color:#0757ac;transition:left 1.1s cubic-bezier(.4,0,.2,1)}.dd-row[data-row=b] b{color:#ae104b}.dd-row [data-zero]{color:#9a4700}.dd-row i{position:absolute;top:2px;font-size:30px;font-weight:900;font-style:normal;transform:translateX(-50%);color:#143b53}.dd-mark{outline:3px solid #a55200;background:#fff0ac}.dd-equivalent{display:flex;direction:rtl;justify-content:center;gap:10px;font-size:26px;font-weight:900;min-height:34px;margin:3px}.dd-quotient{display:grid;color:#006a42;font-size:26px;font-weight:900;max-width:600px;margin:auto;text-align:center;min-height:36px;border-top:2px solid #173d54}.dd-quotient b{position:relative}.dd-lesson .dv-work{margin:3px;min-height:32px;font-size:24px}.dd-lesson .dv-visual svg text{font-size:18px}.dd-lesson .dv-visual [data-piece]{transition:transform 1.1s cubic-bezier(.4,0,.2,1)}.dd-lesson .dv-key{font-size:13px}.dd-lesson.dv-asking .dd-unit-bars{display:none!important}.dd-lesson.dv-asking .dd-row{height:35px}.dd-lesson.dv-asking .dd-row b,.dd-lesson.dv-asking .dd-row i{font-size:25px}.dd-lesson.dv-asking .dd-place-head{font-size:12px}
@media(max-width:600px){.dd-lesson .dv-tabs button{font-size:12px!important;padding:4px 5px!important}.dd-unit-bars>div{height:24px;grid-template-columns:55px 1fr;font-size:15px}.dd-unit-bars p{font-size:12px}.dd-row{height:39px}.dd-row b,.dd-row i{font-size:25px}.dd-place-head{font-size:11px}.dd-equivalent{font-size:23px}.dd-quotient{font-size:23px}.dd-lesson .dv-work{font-size:20px}.dd-lesson .dv-caption{font-size:13px}}
@media(prefers-reduced-motion:reduce){.dd-lesson *{transition:none!important}}
.dd-unit-bars b{text-align:center;direction:ltr;font-size:20px}
@media(max-width:600px){.dd-lesson .dv-visual svg.dd-measurement text{font-size:25px}}