.mk-sample{min-width:0}.mk-sample .mk-demo{transform:none}.mk-sample-selectors{grid-template-columns:80px minmax(0,1fr);gap:10px;margin-top:14px;display:grid}.mk-sample-selectors label{gap:4px;font-size:.75rem;font-weight:750;display:grid}.mk-sample-selectors select{color:#294a3a;width:100%;min-width:0;min-height:40px;font:inherit;background:#fff;border:1px solid #bacbbb;border-radius:8px;padding:6px 9px;font-size:.875rem}:is(.mk-sample-selectors select:focus-visible,.mk-sample button:focus-visible){outline-offset:3px;outline:3px solid #487eab}.mk-sample .mk-demo-question{height:auto;min-height:235px;padding:16px 8px}.mk-sample .mk-demo-question h2{margin:0 0 12px;font-size:1.125rem}.mk-sample .counting-board{width:100%;min-width:0;min-height:150px;box-shadow:none;background:0 0;border:0;padding:0}.mk-sample .brick{width:30px;min-width:0;height:30px;min-height:0}.mk-sample .addition-groups{gap:8px}.mk-sample .brick-group{gap:4px}.mk-sample .equation{flex-wrap:wrap;gap:8px;font-size:26px}.mk-sample .unknown{width:auto;min-width:38px;height:38px;padding:2px 5px}.mk-sample .number-pattern{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:16px 0;display:grid}.mk-sample .number-tile,.mk-sample .number-pattern .unknown{width:100%;min-width:0;height:38px;font-size:19px}.mk-sample .advanced-pattern{gap:4px}.mk-sample .advanced-pattern .number-brick{font-size:16px}.mk-sample .advanced-pattern .unknown{min-width:0;font-size:16px}.mk-sample .big-calculation,.mk-sample .big-calculation .number-brick{font-size:24px}.mk-sample .fraction-equation{gap:8px;font-size:24px}.mk-sample .fraction-diagrams{max-width:100%;margin-bottom:12px}.mk-sample .decimal-table{border-spacing:2px;font-size:14px}.mk-sample .decimal-table th,.mk-sample .decimal-table td{padding:4px 2px}.mk-sample .expanded-places{gap:5px}.mk-sample .place-brick{min-width:0;padding:6px}.mk-sample .place-brick>span{font-size:11px}.mk-sample .place-brick>strong{font-size:15px}.mk-sample .value-blocks{grid-template-columns:repeat(3,9px);gap:2px}.mk-sample .value-block{width:9px}.mk-sample .number-parts>strong{font-size:24px}.mk-sample .column-sum{font-size:28px}.mk-sample .sharing-groups{gap:4px}.mk-sample .sharing-tray{min-width:0;padding:4px}.mk-sample .share-button{padding:7px;font-size:12px}.mk-sample .mk-choice{overflow-wrap:anywhere;padding:5px 2px;font-size:clamp(.875rem,2vw,1.375rem)}.mk-sample-feedback{justify-content:center;align-items:center;gap:12px;min-height:42px;margin-top:8px;display:flex}.mk-sample-feedback .mk-demo-status{min-height:0;margin:0}.mk-sample .mk-demo-success{min-height:200px}.mk-sample .mk-demo-success h2{margin:12px 0 0}@media (max-width:400px){.mk-sample .mk-demo-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mk-sample .mk-choice{min-height:42px;font-size:1.125rem}.mk-sample .place-column h3,.mk-sample .place-column h3 small{font-size:9px}}.mk-sample progress.mk-demo-progress{-webkit-appearance:none;appearance:none;color:#83ad83;background:#eaf0e9;border:0;border-radius:8px;width:100%;height:5px;display:block;overflow:hidden}.mk-sample progress.mk-demo-progress::-webkit-progress-bar{background:#eaf0e9;border-radius:8px}.mk-sample progress.mk-demo-progress::-webkit-progress-value{background:#83ad83;border-radius:8px;transition:width .4s}.mk-sample progress.mk-demo-progress::-moz-progress-bar{background:#83ad83;border-radius:8px}
