@font-face{font-family:RedditMono;src:local(),url(RedditMono-VariableFont_wght.2c963e47.ttf);font-weight:125 950;font-stretch:75% 125%;font-style:oblique 0deg 20deg}[data-yle-vis-id="2024-08-runokurssi-haiku"] .input-wrapper{justify-content:center;align-items:start;width:90%;max-width:500px;display:flex;position:relative}[data-yle-vis-id="2024-08-runokurssi-haiku"] .inputfield{background-color:var(--input-field-color);color:#000;border:none;border-radius:50px;width:100%;padding:20px;font-family:RedditMono,monospace;transition:box-shadow .3s ease-in-out}[data-yle-vis-id="2024-08-runokurssi-haiku"] .inputfield::-moz-placeholder{color:#000}[data-yle-vis-id="2024-08-runokurssi-haiku"] .inputfield::placeholder{color:#000}[data-yle-vis-id="2024-08-runokurssi-haiku"] .inputfield:focus{outline:none;box-shadow:0 0 0 4px #000}@font-face{font-family:RedditMono;src:local(),url(RedditMono-VariableFont_wght.2c963e47.ttf);font-weight:125 950;font-stretch:75% 125%;font-style:oblique 0deg 20deg}[data-yle-vis-id="2024-08-runokurssi-haiku"] .icon-container{border-radius:50%;justify-content:center;align-items:center;margin-top:-17px;margin-right:-10px;padding:12px;animation:.5s ease-in-out forwards fadeIn;display:flex;position:absolute;right:0}[data-yle-vis-id="2024-08-runokurssi-haiku"] .icon-container.correct{background-color:#1a8954}[data-yle-vis-id="2024-08-runokurssi-haiku"] .icon-container.incorrect{background-color:#ff0447}[data-yle-vis-id="2024-08-runokurssi-haiku"] .icon{color:var(--input-field-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:RedditMono;src:local(),url(RedditMono-VariableFont_wght.2c963e47.ttf);font-weight:125 950;font-stretch:75% 125%;font-style:oblique 0deg 20deg}[data-yle-vis-id="2024-08-runokurssi-haiku"] #button{cursor:pointer;outline:inherit;text-transform:uppercase;text-align:center;border:none;font-family:RedditMono,monospace;text-decoration:none;transition:box-shadow .3s ease-in-out}[data-yle-vis-id="2024-08-runokurssi-haiku"] #button:disabled{cursor:not-allowed}[data-yle-vis-id="2024-08-runokurssi-haiku"] .main-button{background-color:var(--button-color);letter-spacing:.25em;color:var(--button-text-color);padding:15px;font-size:xx-large}[data-yle-vis-id="2024-08-runokurssi-haiku"] .main-button:disabled{opacity:.5}@media (hover:hover){[data-yle-vis-id="2024-08-runokurssi-haiku"] #button:hover{box-shadow:5px 7px 0px 0px var(--button-color-hover)}}[data-yle-vis-id="2024-08-runokurssi-haiku"] :root,[data-yle-vis-id="2024-08-runokurssi-haiku"] .default{--text-color:black;--header-color:#faf4d2;--button-text-color:#faf4d2;--button-color:#ff0447;--button-color-hover:black;--input-field-color:#faf4d2}[data-yle-vis-id="2024-08-runokurssi-haiku"] .theme-linnut{--input-field-color:#fff;--text-color:#000;--header-color:#000;--button-color:#000;--button-color-hover:#fff;--button-text-color:#fff}@font-face{font-family:RedditMono;src:local(),url(RedditMono-VariableFont_wght.2c963e47.ttf);font-weight:125 950;font-stretch:75% 125%;font-style:oblique 0deg 20deg}[data-yle-vis-id="2024-08-runokurssi-haiku"] .header-text{color:var(--header-color);text-transform:uppercase;letter-spacing:.25em;font-size:xx-large}
/*# sourceMappingURL=index.78932b3e.css.map */