[data-yle-vis-id="2024-04-wordpeli"] .header{z-index:2;background-color:#0000;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:fixed}[data-yle-vis-id="2024-04-wordpeli"] .particle{pointer-events:none;z-index:100;background-color:red;border-radius:50%;transition:transform 1s ease-out,opacity 1s ease-out;position:absolute}[data-yle-vis-id="2024-04-wordpeli"] .poet-container.poet-view{z-index:2;background-color:#faf4d2;height:100%}[data-yle-vis-id="2024-04-wordpeli"] .ready-poet-container{text-align:center;z-index:1;background-size:cover;flex-direction:column;place-content:center;align-items:center;gap:.75em;width:100%;height:100%;display:flex;position:relative}@media (min-aspect-ratio:1){[data-yle-vis-id="2024-04-wordpeli"] .ready-poet-container{background-size:contain}}[data-yle-vis-id="2024-04-wordpeli"] .image{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute}@media (min-aspect-ratio:1){[data-yle-vis-id="2024-04-wordpeli"] .image{object-fit:contain;width:auto}}[data-yle-vis-id="2024-04-wordpeli"] .slots-container{z-index:5;grid-template-columns:repeat(3,7em);gap:10px;display:grid;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .slot{box-sizing:border-box;text-align:center;z-index:2;border:1px dashed #000;justify-content:center;align-items:center;width:7em;height:2.5em;margin-bottom:8px;font-size:16px;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .slot.filled{border:1.25px solid #000}[data-yle-vis-id="2024-04-wordpeli"] .slot.filled.editable{background-color:#0000;border:none}[data-yle-vis-id="2024-04-wordpeli"] .slot.filled.editable.background{background-color:#fff}[data-yle-vis-id="2024-04-wordpeli"] .slot.invisible{visibility:hidden}[data-yle-vis-id="2024-04-wordpeli"] .words-container{grid-template-columns:repeat(3,7em);gap:10px;display:grid}[data-yle-vis-id="2024-04-wordpeli"] .word{border:1.25px solid #000;padding:10px 1px}[data-yle-vis-id="2024-04-wordpeli"] .img-logo{width:auto;height:7em}@media (max-height:680px){[data-yle-vis-id="2024-04-wordpeli"] .img-logo.create-poet{display:none}}[data-yle-vis-id="2024-04-wordpeli"] .toolbar{z-index:2;background-color:#faf4d2;border:1px solid #000;border-radius:50px;flex-direction:row;justify-content:space-between;align-items:center;gap:5px;padding:.75em;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .bottom-container{align-items:center;margin-bottom:1em;display:flex;position:absolute;bottom:0}[data-yle-vis-id="2024-04-wordpeli"] .font-button{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;width:2em;padding:0}[data-yle-vis-id="2024-04-wordpeli"] .toolbar-button{z-index:2;transition:color .2s}@media (hover:hover){[data-yle-vis-id="2024-04-wordpeli"] .toolbar-button:hover{color:#ff0447}}[data-yle-vis-id="2024-04-wordpeli"] #text-only-button{text-align:center;cursor:pointer;text-transform:uppercase;color:#000;letter-spacing:.25em;background-color:#0000;border:none;border-radius:4px;font-size:medium;font-weight:700;text-decoration:none}[data-yle-vis-id="2024-04-wordpeli"] .info-container{z-index:5;background-color:#faf4d2;flex-direction:column;justify-content:space-around;align-items:center;width:100%;height:100%;padding:1em;display:flex;position:absolute}@media (max-height:600px){[data-yle-vis-id="2024-04-wordpeli"] .info-text-wrapper{margin-top:2em;font-size:12px}[data-yle-vis-id="2024-04-wordpeli"] .info-logo{display:none}}[data-yle-vis-id="2024-04-wordpeli"] .poet-container.start-screen{background:#faf4d2;justify-content:space-between;align-items:flex-end;width:100%;padding:1em 0;display:flex;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .start-bottom-container{flex-direction:row;justify-content:space-between;align-items:center;width:95%;margin-bottom:2em;display:flex;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .image-mouth{z-index:3;object-fit:contain;opacity:0;width:auto;max-width:700px;height:80%;transition:opacity .3s;position:absolute;top:0;right:0}[data-yle-vis-id="2024-04-wordpeli"] .image-mouth.loaded{opacity:1}[data-yle-vis-id="2024-04-wordpeli"] .repeating-text-container{z-index:0;text-align:center;height:2000px;margin-left:1.2em;position:absolute}[data-yle-vis-id="2024-04-wordpeli"] .repeat-text{letter-spacing:.2em;margin-bottom:-11px;font-size:xx-large;font-weight:900}[data-yle-vis-id="2024-04-wordpeli"] .repeating-arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 50 50'%3E%3Cpath d='M0 0 L50 25 L0 50 Z' fill='%23ff0447'/%3E%3C/svg%3E");background-repeat:repeat-x;width:100%;height:25px;margin-left:.5em}[data-yle-vis-id="2024-04-wordpeli"] .poet-container.theme-view{background:#faf4d2;flex-direction:column;gap:2em;height:100%;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .theme-text{letter-spacing:.2em;font-weight:700}[data-yle-vis-id="2024-04-wordpeli"] .selection-container{z-index:2;flex-direction:row;justify-content:space-around;align-items:center;width:90%;max-width:500px;margin-bottom:2em;display:flex;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .theme-container{pointer-events:none;flex-direction:column;place-content:center;align-items:center;width:15em;height:20em;display:flex;position:relative;overflow:hidden}[data-yle-vis-id="2024-04-wordpeli"] .arrow-button{color:inherit;font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0;font-size:3em;transition:color .5s}@media (hover:hover){[data-yle-vis-id="2024-04-wordpeli"] .arrow-button:hover{color:#ff0447}}[data-yle-vis-id="2024-04-wordpeli"] .image-container{z-index:4;width:15em;height:15em;position:relative;overflow:hidden}[data-yle-vis-id="2024-04-wordpeli"] .theme-container img{width:100%}[data-yle-vis-id="2024-04-wordpeli"] .image-container img{z-index:2;width:auto;position:relative;left:0}[data-yle-vis-id="2024-04-wordpeli"] .bottom-image-layer{z-index:1;max-width:200px;position:absolute;bottom:0;left:0}[data-yle-vis-id="2024-04-wordpeli"] .top-image-layer{z-index:2;object-fit:cover;height:100%;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .slide-in{opacity:0}[data-yle-vis-id="2024-04-wordpeli"] .slide-in.left{animation:.5s forwards slideInRight;transform:translate(-100%)}[data-yle-vis-id="2024-04-wordpeli"] .slide-in.right{animation:.5s forwards slideInLeft;transform:translate(100%)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}[data-yle-vis-id="2024-04-wordpeli"] .slide-out.left{animation:.6s forwards slideOutLeft}[data-yle-vis-id="2024-04-wordpeli"] .slide-out.right{animation:.6s forwards slideOutRight}@keyframes slideOutLeft{0%{opacity:1;transform:matrix(1,0,0,1,0,0)}50%{opacity:0}to{opacity:0;transform:translate(-100%)scale(.5)}}@keyframes slideOutRight{0%{opacity:1;transform:matrix(1,0,0,1,0,0)}50%{opacity:0}to{opacity:0;transform:translate(100%)scale(.5)}}[data-yle-vis-id="2024-04-wordpeli"] .theme-content{width:100%;height:100%;position:absolute;top:0;left:0}[data-yle-vis-id="2024-04-wordpeli"] .arrow-button.animate{animation:.5s forwards clickAnimation}@keyframes clickAnimation{0%{transform:scale(1)}50%{transform:scale(.8)}to{transform:scale(1)}}[data-yle-vis-id="2024-04-wordpeli"] #button{color:#faf4d2;letter-spacing:.2em;text-align:center;cursor:pointer;text-transform:uppercase;z-index:4;background-color:#ff0447;border:none;border-radius:1px;padding:10px 15px;font-size:xx-large;font-weight:900;text-decoration:none;transition:box-shadow .3s ease-in-out;display:inline-block}@media (hover:hover){[data-yle-vis-id="2024-04-wordpeli"] #button:hover{box-shadow:5px 7px #000}}[data-yle-vis-id="2024-04-wordpeli"] #button.start.beat{padding:15px 20px;animation:5s ease-in-out infinite beat}@keyframes beat{0%{transform:scale(1)}14%{transform:scale(.9)}21%{transform:scale(1.05)}28%{transform:scale(1)}35%{transform:scale(1)}}[data-yle-vis-id="2024-04-wordpeli"] .info-button{text-align:center;z-index:8;color:#000;cursor:pointer;background-color:#faf4d2;border:none;border-radius:50%;margin-right:.25em;padding:10px 22px;font-size:xx-large;font-weight:900;text-decoration:none}[data-yle-vis-id="2024-04-wordpeli"] .info-button.blue{color:#fff;background-color:#2d4cfc}[data-yle-vis-id="2024-04-wordpeli"] .info-button.black-and-white{color:#faf4d2;background-color:#000}
/*# sourceMappingURL=index.28262fc8.css.map */