@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;500&family=Roboto+Mono:wght@500&family=Roboto:wght@400;500&display=swap);*{box-sizing:inherit;margin:0;padding:0}:root{--dark-gray:#2b2b2b;--light-blue:#d1eefc;--light-yellow:#fffab7;--red:#f35b5b;--green:#a2ccb6;--blue:#589fb4;--medium-blue:#2a57d3;--medium-blue2:#1e4ac4;--light-blue2:#e0eafd;--light-blue3:#d3dff7;--light-blue4:#c4d4f5;--medium-purple:#b89cfa;--purple:#7b59f3;box-sizing:border-box}body{font-family:Josefin Sans,sans-serif}body.freeze:before{content:""}.interface-overlay,body.freeze:before{display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:199}.interface-overlay{background-color:#000000b3;opacity:0;pointer-events:none;transition:opacity .25s cubic-bezier(.45,.05,.55,.95)}body.select-square .interface-overlay{opacity:1;pointer-events:all}:is(button,input):not(:disabled){outline:2px solid #0000}:is(button,input):not(:disabled):focus-visible{outline:2px solid #2a57d3;outline:2px solid var(--medium-blue);outline-offset:1px}.interface{flex-direction:column;gap:2rem;height:calc(100vh - 5rem);justify-content:center;margin:0 auto;width:-webkit-max-content;width:max-content}.interface,.interface__main{align-items:center;display:flex}.interface__main{gap:calc(2rem + 1vw)}@media (max-width:1150px){.interface{height:-webkit-max-content;height:max-content;margin:9rem auto 3rem}.interface__main{display:block}}.interface__bg{background-color:#00000080;bottom:0;height:100vh;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .25s ease-in-out;width:100vw;z-index:-1}body.highlight .interface__bg{opacity:1;z-index:5}.modal{align-items:center;background-color:#fff;display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;transition:all .4s ease-in-out;width:100vw;z-index:199}.modal--closed{opacity:0;pointer-events:none;transform:scale(.9);z-index:-1}.notice__banner{margin-bottom:2rem;text-align:center}.message{align-items:center;background-color:#fff;border:1px solid #dcdcdc;border-radius:40px;display:flex;gap:.8rem;margin:0 auto;padding:.6em 1em .7em 1.3em;position:absolute;top:3rem;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;z-index:300}.message--default{opacity:0;pointer-events:none}.message--info{border-radius:6px;padding:.7em 1.2em .8em}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;pointer-events:all;transform:none}}.message--failure,.message--info,.message--success{animation-duration:.3s;animation-fill-mode:forwards;animation-name:msgFadeIn}.message__icon{height:20px;width:20px}.message--success .message__icon svg>g>g{fill:#7b59f3;fill:var(--purple)}.message--failure .message__icon svg>g>g{fill:#f35b5b;fill:var(--red)}.message__content{letter-spacing:.01rem;position:relative;top:.05rem}.message__action-btn{border-radius:15px;color:#3c3c3c;cursor:pointer;display:inline-block;padding:.6em .8em .5em;transition:all .2s ease-in-out}.message__action-btn:active{transform:scale(.96)}.message__action-btn+.message__action-btn{margin-left:.6rem}.message__action-btn:first-child{background-color:#b89cfa40;color:#7b59f3;color:var(--purple);margin-left:1rem}.message__action-btn:first-child:hover{background-color:#b89cfa66}.message__action-btn:nth-child(2){background-color:#7b59f3;background-color:var(--purple);color:#fff}.message__action-btn:nth-child(2):hover{background-color:#643fe9}.crossword-grid{background-color:#fff;border-left:1px solid var(--dark-gray);border-top:1px solid var(--dark-gray);color:var(--dark-gray);display:grid;grid-template-columns:repeat(15,-webkit-max-content);grid-template-columns:repeat(15,max-content);grid-template-rows:repeat(15,-webkit-max-content);grid-template-rows:repeat(15,max-content);outline:none;position:relative;-webkit-user-select:none;user-select:none;z-index:10}body.select-square .crossword-grid{z-index:250}.crossword__square{align-items:center;background-color:#fff;border-bottom:1px solid var(--dark-gray);border-right:1px solid var(--dark-gray);display:flex;height:2.5rem;justify-content:center;position:relative;width:2.5rem}body.select-square .crossword__square--cs:hover{box-shadow:inset 0 0 0 3px var(--dark-gray);cursor:cell}.crossword__square--shaded{background-color:currentColor}.square__bg{border-radius:50%;display:block;height:100%;left:0;position:absolute;top:0;transform:scale(.5);width:100%}.crossword__square--highlighted{background-color:var(--light-blue)}.crossword__square--focused{background-color:var(--light-yellow)!important}.crossword__square--wrong:before{border-bottom:4px solid #818181;content:"";height:0;position:absolute;right:1px;top:-1px;transform:rotate(-45deg);transform-origin:top right;width:140%}.square__num{color:var(--dark-gray);font-size:.8rem;left:.2em;position:absolute;top:.1em}.square__letter{font-size:1.3rem;line-height:1;position:relative;text-transform:uppercase;top:.1em}.crossword__bg{background-color:#00000080;bottom:0;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:all .25s ease-in-out;width:100%;z-index:0}body.highlight .crossword__bg{opacity:1;pointer-events:all;z-index:10}body.highlight10 .len10,body.highlight11 .len11,body.highlight12 .len12,body.highlight13 .len13,body.highlight14 .len14,body.highlight15 .len15,body.highlight3 .len3,body.highlight4 .len4,body.highlight5 .len5,body.highlight6 .len6,body.highlight7 .len7,body.highlight8 .len8,body.highlight9 .len9{z-index:100}.toolbar{align-items:center;display:flex;font-size:1.1rem;gap:1.5rem;padding-right:2rem;position:relative;width:100%}.toolbar__flex{display:flex;gap:1rem;margin-left:auto}.toolbar__action{position:relative;z-index:100}body.select-square .toolbar__action:first-child{z-index:200}.action__btn{align-items:center;background-color:var(--light-blue2);border:none;border-radius:20px;color:var(--medium-blue);display:flex;font-family:inherit;font-size:1.1rem;gap:.5rem;overflow:hidden;padding:.5em .9em .4em .7em;transition:all .2s ease-in-out,border-radius .3s ease-in-out;-webkit-user-select:none;user-select:none}.action__btn:disabled{background-color:#ddd;color:gray;cursor:not-allowed}.action__btn--small{border-radius:50%;gap:0;padding:.5em}.action__btn:not(:disabled):hover{background-color:var(--light-blue3);cursor:pointer}.action__btn:not(:disabled):active{background-color:var(--light-blue4)}.action__icon{display:inline-block;height:1.6rem;position:relative;top:-1px;width:1.6rem}.action__btn--small .action__icon{height:1.7rem;width:1.7rem}.action__icon>svg{height:100%;width:100%}.action__icon>svg>path{fill:currentColor}.action__label{font-weight:500;line-height:1;max-width:10rem;opacity:1;transition:all .3s ease-in-out}.action__btn--small .action__label{max-width:0;opacity:0;overflow:hidden}.action__label--mono{font-family:Roboto Mono,monospace;font-size:1rem;position:relative;top:-2px}.action__label--muted{opacity:.5}.action__overlay{align-items:center;background-color:#2a57d399;border-radius:20px;color:#fff;display:flex;height:41px;justify-content:center;left:0;opacity:0;padding:.5rem 0 .4rem;position:absolute;text-transform:uppercase;top:0;transition:all .2s ease-in-out;transition-delay:0s;width:100%}.action__btn:hover .action__overlay{opacity:1;transition-delay:.5s}.action__tooltip{background-color:#555;border-radius:6px;color:#fff;font-family:Roboto,sans-serif;font-size:1rem;left:50%;opacity:0;padding:.4em .75em .45em;pointer-events:none;position:absolute;top:3rem;transform:translateX(-50%);transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content;z-index:99}.action__btn:hover+.action__tooltip{opacity:1;pointer-events:all}.action__tooltip>span{color:red}.action__content{background-color:#fff;border-radius:10px;box-shadow:0 1px 10px #64646433,0 3px 40px #6464641a;opacity:0;padding:1em 1em 1.3em;pointer-events:none;position:absolute;top:3rem;transform:scale(.95);transform-origin:top left;transition:all .2s ease-in-out;z-index:50}.content--show{opacity:1;pointer-events:all;transform:none}.action__intro{left:.5rem;line-height:1.4;margin-bottom:1rem;position:relative}.action__intro>span{font-style:italic}.settings{align-items:center;display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .2s ease-in-out;width:100vw;z-index:100}body.settings-on .settings{opacity:1;pointer-events:all}.settings__bg{background-color:#0009;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.settings__inner{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0003;height:35rem;position:relative;transform:scale(.95);transition:inherit;width:25rem}body.settings-on .settings__inner{transform:none}.settings__close{all:unset;background-image:url(/fill-in-puzzle/static/media/close.1ded1e99216871d2a3ae.svg);background-position:50%;background-repeat:no-repeat;background-size:60%;border-radius:50%;height:3rem;position:absolute;right:1.4rem;top:1.2rem;transition:all .2s ease-in-out;width:3rem}.settings__close:hover{background-color:#eee;cursor:pointer}.settings__close:active{background-color:#ddd}.settings__heading{border-bottom:1px solid #dcdcdc;font-size:1.5rem;font-weight:400;padding:2rem 2rem 1.5rem;width:100%}.settings__panel{padding:1.5rem 2rem;width:100%}.settings__panel+.settings__panel{border-top:1px solid #dcdcdc}.settings__panel--flex .panel__inner{align-items:center;display:flex;justify-content:space-between}.panel__label{font-size:1.1rem}.panel__desc{color:#636363;font-family:Roboto,sans-serif;font-size:.9rem;letter-spacing:.01rem;line-height:1.5;margin-top:1rem}.settings__switch{align-items:center;cursor:pointer;display:flex;height:1.8rem;padding:0 .4rem;position:relative;width:3.3rem;z-index:1}.settings__track{background-color:#ddd;border:2px solid gray;border-radius:20px;color:var(--medium-blue);height:100%;left:0;position:absolute;top:0;transition:.2s ease-in-out;width:100%;z-index:-1}.settings__switch:hover>.settings__checkbox:not(:checked)+.settings__track{background-color:#ccc!important}.settings__switch:hover>.settings__checkbox:checked+.settings__track{background-color:var(--medium-blue2)!important}.settings__checkbox:checked+.settings__track{background-color:currentColor;border-color:currentColor}.settings__checkbox{all:unset;align-items:center;background-color:gray;border-radius:50%;display:flex;height:1.4rem;justify-content:center;left:0;position:relative;transform:scale(.8);transform-origin:left;transition:all .3s cubic-bezier(.8,-.51,.03,1.48);width:1.4rem}.settings__switch:active>.settings__checkbox{transform:scale(.7)}.settings__switch:active>.settings__checkbox:checked{transform:scale(.9) translateX(-100%)}.settings__checkbox:before{background-image:url(/fill-in-puzzle/static/media/check__blue.5b2735c37770ee2673d2.svg);background-position:50%;background-size:contain;content:"";display:block;height:1.1rem;opacity:0;transition:all .3s ease-in-out;width:1.1rem}.settings__checkbox:checked{background-color:#fff;left:calc(100% + 3px);transform:translateX(-100%)}.settings__checkbox:checked:before{opacity:1}.timer-opts{display:flex;justify-content:space-between;margin-top:1rem}.timer-opt{align-items:center;display:flex}.opt__label{cursor:pointer;font-size:1.1rem;letter-spacing:.01rem;padding-left:.3rem}.opt__radio{all:unset;align-items:center;border:2px solid #ccc;border-radius:50%;cursor:pointer;display:flex;height:1.2rem;justify-content:center;position:relative;transition:all .2s ease-in-out;width:1.2rem}.opt__radio:not(:checked):hover{border-color:#aaa}.opt__radio:checked{border-color:var(--medium-blue)}.opt__radio:before{background-color:var(--medium-blue);border-radius:inherit;content:"";display:block;height:.7rem;opacity:0;transform:scale(0);transition:inherit;width:.7rem}.opt__radio:checked:before{opacity:1;transform:none}.time-opt--custom{margin-top:.75rem}.custom__label{align-items:baseline;display:flex;gap:.5rem;line-height:1}.custom__inner{align-items:center;display:flex;gap:.3rem}.custom__field{font-family:Roboto Mono,monospace;font-size:1rem;padding:.1rem .2rem .15rem;text-align:center;width:2rem}.settings__panel--list{display:flex;gap:.7rem;justify-content:right}.restart-btn{all:unset;border-radius:20px;font-size:1.1rem;padding:.6em 1em .5em;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.restart-btn:hover{background-color:var(--light-blue3);cursor:pointer}.restart-btn:first-child{background-color:#fff;border:1px solid var(--medium-blue);color:var(--medium-blue)}.restart-btn:first-child:hover{background-color:var(--light-blue3)}.restart-btn:nth-child(2){background-color:var(--medium-blue);color:#fff}.restart-btn:nth-child(2):hover{background-color:var(--medium-blue2)}.word-list-wrapper{max-height:100%;width:calc(20vw + 5rem)}@media (max-width:1150px){.word-list-wrapper{margin-top:2rem;width:100%}}.list__tip{align-items:center;color:var(--purple);display:flex;font-size:1.3em;font-weight:700;gap:.7rem;margin-bottom:1em;position:relative}.tip__bar{background-color:currentColor;display:inline-block;height:1.2em}.word-list{column-gap:1rem;column-width:6rem;width:100%}@media (max-width:1150px){.word-list{column-width:calc(6rem + 2vw)}}.word-list h1{font-size:1.1rem;margin-bottom:.5em;padding:.3em 0 .2em;-webkit-user-select:none;user-select:none;width:-webkit-max-content;width:max-content}.word-list h1:hover{background-color:var(--light-blue2);cursor:cell}.list__section{margin-bottom:1rem;min-width:-webkit-max-content;min-width:max-content;padding:.3em .6em .6em;position:relative;width:100%}.list__section--highlight{background-color:#fff;z-index:10}.list__word{--bg:var(--medium-purple);background-image:linear-gradient(to right,var(--bg) 0,var(--bg) 50%,#0000 50%,#0000 100%);background-position-x:100%;background-size:203%;position:relative;text-transform:uppercase;transition:all .2s ease-in-out;width:-webkit-max-content;width:max-content}.list__word+.list__word{margin-top:.3em}.list__word:before{border-bottom:1px solid;content:"";display:inline-block;height:0;left:0;position:absolute;top:50%;transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in-out;transition-delay:.1s;width:100%}.word-list.highlight .list__word:before{transition-delay:.2s}@keyframes slide{to{background-position-x:1}}.word-list.highlight .list__word--show{background-position-x:0}.list__word--hidden{color:#ccc}.list__word--hidden:before{transform:none}.list__footer{color:#646464;display:block;line-height:1.5;margin-left:auto;margin-right:-2em;margin-top:2.5rem;max-width:23rem;padding-left:1em}
/*# sourceMappingURL=main.300bb210.css.map*/