.scale-step-key{color:#74654f;flex-wrap:wrap;justify-content:center;gap:16px 30px;margin:25px auto 0;display:flex}.scale-step-key>span{align-items:center;gap:9px;font:13px/1.5 Georgia,serif;display:flex}.scale-step-key b{color:#f9f4e9;background:#292722;border-radius:50%;place-items:center;width:32px;height:32px;font:700 12px Arial;display:grid}.scale-step-key b.half{background:#b98a3d}.scale-type-choices button{gap:18px;min-height:135px;padding:24px}.scale-type-choices b{font-size:27px;line-height:1.3}.scale-choice-pattern{align-items:center;gap:5px;max-width:100%;display:flex}.scale-choice-pattern i{color:#f2e6d0;background:#423b30;border-radius:50%;place-items:center;width:24px;height:24px;margin:0;font:700 10px Arial;display:grid}.scale-choice-pattern i.half{color:#25231f;background:#d9b577}.scale-type-choices button.selected .scale-choice-pattern i{color:#4f3d23;background:#f2e6d0}.scale-type-choices button.selected .scale-choice-pattern i.half{color:#25231f;background:#d9b577}.scale-builder-result{max-width:1180px;margin:56px auto 0;scroll-margin-top:100px;position:relative}.scale-builder-pattern{justify-content:center;gap:10px;margin:28px auto 16px;display:flex}.scale-builder-pattern>span{color:#f5efe3;background:#292722;border-radius:50%;place-items:center;width:42px;height:42px;font:700 12px Arial;display:grid;box-shadow:0 8px 18px #29272218}.scale-builder-pattern>span.half{background:#b98a3d}.scale-builder-pattern>span.augmented{outline-offset:4px;outline:1px solid #b98a3d}.scale-touch-hint,.scale-augmented-key{text-align:center;color:#7b6a52;font:14px/1.8 Georgia,serif}.scale-builder-result .c-journey{margin-top:24px}html[lang=ar] :is(.scale-step-key>span,.scale-touch-hint,.scale-augmented-key,.scale-type-choices b){font-family:Tahoma,Arial,sans-serif}@media (width<=640px){.scale-type-choices button{gap:16px;min-height:132px;padding:16px 9px}.scale-type-choices b,html[lang=ar] .scale-type-choices b{font-size:18px}.scale-choice-pattern{gap:2px}.scale-choice-pattern i{border-radius:4px;width:11px;height:19px;font-size:7.5px}.scale-builder-pattern{gap:6px}.scale-builder-pattern>span{width:34px;height:34px;font-size:11px}.scale-builder-result{margin-top:42px}.scale-step-key>span{font-size:12px}.scale-touch-hint,.scale-augmented-key{font-size:13px}}