[data-yle-vis-id="2025-04-runokurssi-sanakone"] #button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-transform:uppercase;z-index:1;text-align:center;border:none;padding:10px 15px;font-size:large;font-weight:700;transition:opacity .3s ease-in,box-shadow .3s,transform .3s;display:inline-block}@media (hover:hover){[data-yle-vis-id="2025-04-runokurssi-sanakone"] #button:hover:not(:disabled){box-shadow:4px 4px #e1562d}}[data-yle-vis-id="2025-04-runokurssi-sanakone"] #button:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .round{border-radius:50%;width:8em;height:8em;padding:0}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .yellow{color:#000;background-color:#ffc300}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .black{color:#e1562d;background-color:#000}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .word-container{text-transform:uppercase;text-align:center;z-index:3;background-color:#ccccce;justify-content:center;align-items:center;width:15em;height:3em;padding:15px 5px;display:flex}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .word-label{color:#000;text-transform:lowercase;font-weight:600}[data-yle-vis-id="2025-04-runokurssi-sanakone"] #inputfield{resize:none;color:#000;z-index:1;background-color:#ccccce;border:3px solid #ccccce;border-radius:2px;max-width:260px;height:auto;max-height:285px;padding:5px;font-size:medium;transition:all .3s ease-in-out}[data-yle-vis-id="2025-04-runokurssi-sanakone"] #inputfield:focus{border:3px solid #ffc300;outline:none}[data-yle-vis-id="2025-04-runokurssi-sanakone"] #inputfield::placeholder{color:#000;opacity:.7}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .text{color:#000;text-transform:uppercase;z-index:1}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .text.with-bg{color:#000;z-index:2;text-align:center;white-space:nowrap;background-color:#ccccce;margin:4px;padding:2px 4px;font-weight:600;display:inline-block}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .text.with-bg.red{background-color:#e1562d}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .text.with-bg.green{background-color:#6b8967}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .icon-button{color:#000;cursor:pointer;background-color:#0000;border:none;width:3em;height:auto;margin-right:5px;transition:transform .3s,opacity .3s ease-in}@media (hover:hover){[data-yle-vis-id="2025-04-runokurssi-sanakone"] .icon-button:hover:not(:disabled){transform:scale(1.1)}}[data-yle-vis-id="2025-04-runokurssi-sanakone"] .icon-button:disabled{cursor:not-allowed;opacity:.25}
/*# sourceMappingURL=index.0b5dd9b6.css.map */