[data-yle-vis-id="2024-04-wordpeli"] *{box-sizing:border-box;font-display:swap;touch-action:none;margin:0;padding:0;font-family:RedditMono,monospace}body{margin:0}.yle-header-2023{display:none}@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}@font-face{font-family:JosefinSans;src:local(),url(JosefinSans-VariableFont_wght.8035c016.ttf);font-weight:125 950;font-stretch:75% 125%;font-style:oblique 0deg 20deg}@font-face{font-family:CourierPrime;src:local(),url(CourierPrime-Regular.3a25a501.ttf)}@font-face{font-family:Kalam;src:local(),url(Kalam-Regular.744d1f1e.ttf)}@font-face{font-family:PermanentMarker;src:local(),url(PermanentMarker-Regular.9002a3a5.ttf)}@font-face{font-family:SilkScreen;src:local(),url(Silkscreen-Regular.341186eb.ttf)}[data-yle-vis-id="2024-04-wordpeli"] p{color:#000}[data-yle-vis-id="2024-04-wordpeli"] .container{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;background-color:#faf4d2;width:100%;height:100%;margin:auto 0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}[data-yle-vis-id="2024-04-wordpeli"] .poet-container{max-width:700px;margin:auto}[data-yle-vis-id="2024-04-wordpeli"] .blur{filter:blur(5px);transition:filter .3s ease-in-out}[data-yle-vis-id="2024-04-wordpeli"] .modal{z-index:3;opacity:0;background:#00000080;border-radius:10px;padding:15px;animation:.5s ease-out .3s forwards modalFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}[data-yle-vis-id="2024-04-wordpeli"] .modal-content{background:#faf4d2;border-radius:10px;flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .poet-container{text-align:center;flex-direction:column;place-content:center;align-items:center;height:100%;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .updatedWords{list-style:none}[data-yle-vis-id="2024-04-wordpeli"] .updatedWords li{flex-direction:row;justify-content:space-between;align-items:baseline;gap:1em;margin-bottom:.25em;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .updatedWords p{font-weight:700}[data-yle-vis-id="2024-04-wordpeli"] .updatedWords .word{text-align:center;border:2px solid #000;border-radius:.2em;width:150px;padding:.5em 1em}[data-yle-vis-id="2024-04-wordpeli"] .updatedWords .delete{color:#fff;cursor:pointer;background-color:#b80101;border:none;border-radius:.2em;padding:.5em 1em}[data-yle-vis-id="2024-04-wordpeli"] .edit-view-container{text-align:center;flex-direction:column;place-content:center;align-items:center;gap:.75em;width:100%;height:100%;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .switch{width:70px;height:34px;display:inline-block;position:relative}[data-yle-vis-id="2024-04-wordpeli"] .switch input{opacity:0;width:0;height:0}[data-yle-vis-id="2024-04-wordpeli"] .slider{cursor:pointer;background-color:#9f6e95;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}[data-yle-vis-id="2024-04-wordpeli"] .slider:before{content:"";background-color:#fff;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}[data-yle-vis-id="2024-04-wordpeli"] input:checked+.slider{background-color:#000}[data-yle-vis-id="2024-04-wordpeli"] input:focus+.slider{box-shadow:0 0 1px #000}[data-yle-vis-id="2024-04-wordpeli"] input:checked+.slider:before{transform:translate(36px)}[data-yle-vis-id="2024-04-wordpeli"] .slider.round{border-radius:34px}[data-yle-vis-id="2024-04-wordpeli"] .slider.round:before{border-radius:50%}[data-yle-vis-id="2024-04-wordpeli"] .start-input{text-align:center;z-index:6;flex-direction:row;place-content:center;align-items:center;gap:1em;height:5em;display:flex}[data-yle-vis-id="2024-04-wordpeli"] .input-container input{opacity:0;cursor:pointer;position:absolute}[data-yle-vis-id="2024-04-wordpeli"] .checkmark{opacity:.5;cursor:pointer;background-color:#cacaca;border-radius:50%;padding:.75em}[data-yle-vis-id="2024-04-wordpeli"] .input-container input:checked~.checkmark{opacity:1;background:linear-gradient(#f9effd,#bcd8e8);border:2px solid #000;box-shadow:1px 3px 4px #56354f99}[data-yle-vis-id="2024-04-wordpeli"] .info-container{text-align:center}[data-yle-vis-id="2024-04-wordpeli"] .info-button-container{text-align:center;z-index:6;gap:1em;height:auto;position:absolute;top:16px;right:0}[data-yle-vis-id="2024-04-wordpeli"] .right-layer{z-index:10;--mask:radial-gradient(98.62px at 135px 50%,#000 99%,#0000 101%)0 calc(50% - 100px)/51% 200px repeat-y,radial-gradient(98.62px at -85px 50%,#0000 99%,#000 101%)50px 50%/calc(51% - 50px)200px repeat-y,radial-gradient(98.62px at calc(100% - 135px)50%,#000 99%,#0000 101%)100% calc(50% - 100px)/51% 200px repeat-y,radial-gradient(98.62px at calc(100% + 85px)50%,#0000 99%,#000 101%)calc(100% - 50px)50%/calc(51% - 50px)200px repeat-y;-webkit-mask:var(--mask);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background:#1a8954;width:100%;height:100%;transition:all .9s cubic-bezier(.645,.045,.355,1);position:absolute;top:auto;bottom:auto;left:100%;right:auto}[data-yle-vis-id="2024-04-wordpeli"] .right-layer.active{left:-100%}[data-yle-vis-id="2024-04-wordpeli"] .right-layer--2{--mask:radial-gradient(223.61px at 300px 50%,#000 99%,#0000 101%)0 calc(50% - 200px)/51% 400px repeat-y,radial-gradient(223.61px at -200px 50%,#0000 99%,#000 101%)100px 50%/calc(51% - 100px)400px repeat-y,radial-gradient(223.61px at calc(100% - 300px)50%,#000 99%,#0000 101%)100% calc(50% - 200px)/51% 400px repeat-y,radial-gradient(223.61px at calc(100% + 200px)50%,#0000 99%,#000 101%)calc(100% - 100px)50%/calc(51% - 100px)400px repeat-y;-webkit-mask:var(--mask);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background:#2d4cfc;transition-delay:50ms}[data-yle-vis-id="2024-04-wordpeli"] .right-layer--3{--mask:radial-gradient(169.94px at 228px 50%,#000 99%,#0000 101%)0 calc(50% - 152px)/51% 304px repeat-y,radial-gradient(169.94px at -152px 50%,#0000 99%,#000 101%)76px 50%/calc(51% - 76px)304px repeat-y,radial-gradient(169.94px at calc(100% - 228px)50%,#000 99%,#0000 101%)100% calc(50% - 152px)/51% 304px repeat-y,radial-gradient(169.94px at calc(100% + 152px)50%,#0000 99%,#000 101%)calc(100% - 76px)50%/calc(51% - 76px)304px repeat-y;-webkit-mask:var(--mask);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background:#ff0447;transition-delay:.24s}[data-yle-vis-id="2024-04-wordpeli"] .right-layer--4{--mask:radial-gradient(55.22px at 75.6px 50%,#000 99%,#0000 101%)0 calc(50% - 56px)/51% 112px repeat-y,radial-gradient(55.22px at -47.6px 50%,#0000 99%,#000 101%)28px 50%/calc(51% - 28px)112px repeat-y,radial-gradient(55.22px at calc(100% - 75.6px)50%,#000 99%,#0000 101%)100% 50%/51% 112px repeat-y,radial-gradient(55.22px at calc(100% + 47.6px)50%,#0000 99%,#000 101%)calc(100% - 28px)calc(50% - 56px)/calc(51% - 28px)112px repeat-y;-webkit-mask:var(--mask);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background:#2ccafa;transition-delay:.15s}[data-yle-vis-id="2024-04-wordpeli"] .right-layer--5{--mask:radial-gradient(114.04px at 153px 50%,#000 99%,#0000 101%)0 calc(50% - 102px)/51% 204px repeat-y,radial-gradient(114.04px at -102px 50%,#0000 99%,#000 101%)51px 50%/calc(51% - 51px)204px repeat-y,radial-gradient(114.04px at calc(100% - 153px)50%,#000 99%,#0000 101%)100% 50%/51% 204px repeat-y,radial-gradient(114.04px at calc(100% + 102px)50%,#0000 99%,#000 101%)calc(100% - 51px)calc(50% - 102px)/calc(51% - 51px)204px repeat-y;-webkit-mask:var(--mask);-webkit-mask:var(--mask);-webkit-mask:var(--mask);mask:var(--mask);background:#ffd22f;transition-delay:.2s}
/*# sourceMappingURL=index.b6817cfb.css.map */