.grade-icon[data-v-7b21d6ec]{border:3px solid #000;border-radius:12px;height:44px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:44px}.grade-icon[data-v-7b21d6ec]:not(.active){background:#e9e9e9;border-color:#a4a0a0;cursor:not-allowed}.grade-icon:not(.active) img[data-v-7b21d6ec]{filter:grayscale(1)}.demo-grades[data-v-e3bd5039]{align-items:center;display:flex;flex-direction:column;gap:16px}@media (min-width:0px){.demo-grades[data-v-e3bd5039]{margin-top:24px}}@media (min-width:768px){.demo-grades[data-v-e3bd5039]{margin-top:36px}}@media (min-width:1024px){.demo-grades[data-v-e3bd5039]{margin-top:40px}}.demo-grades-label-row[data-v-e3bd5039]{align-items:baseline;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;text-align:center}.demo-grades-label[data-v-e3bd5039]{font-weight:700}.demo-grades-count[data-v-e3bd5039]{color:#717171;font-weight:700}.demo-grades-count-separator[data-v-e3bd5039]{margin-inline:.05em}.demo-grades-options[data-v-e3bd5039]{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.demo-grade[data-v-e3bd5039]{cursor:pointer;position:relative}.demo-grade.disabled[data-v-e3bd5039]{cursor:default}.demo-grade[data-v-e3bd5039] .grade-icon:not(.active){cursor:pointer}.demo-grade-input[data-v-e3bd5039]{cursor:pointer;height:44px;margin:0;opacity:0;position:absolute;width:44px}@media (min-width:0px){.demo-grades+.demo-task-components[data-v-e3bd5039]{margin-top:36px}}@media (min-width:768px){.demo-grades+.demo-task-components[data-v-e3bd5039]{margin-top:62px}}@media (min-width:1024px){.demo-grades+.demo-task-components[data-v-e3bd5039]{margin-top:96px}}@media (min-width:0px){.demo-task-components .cms-component+.cms-component[data-v-e3bd5039]{margin-top:60px}}@media (min-width:768px){.demo-task-components .cms-component+.cms-component[data-v-e3bd5039]{margin-top:80px}}@media (min-width:1024px){.demo-task-components .cms-component+.cms-component[data-v-e3bd5039]{margin-top:140px}}