:root{--primary-grey: hsl(210deg, 13%, 94%);--primary-black: hsl(0deg, 0%, 8%);--secondary-black: hsl(0deg, 0%, 13%);--primary-blue: hsl(220deg, 100%, 64%);--secondary-blue: hsl(220deg, 100%, 74%);--primary-green: hsl(113deg, 24%, 49%);--secondary-green: hsl(113deg, 34%, 59%);--primary-yellow: hsl(46deg, 83%, 60%);--secondary-yellow: hsl(46deg, 93%, 70%);--primary-red: hsl(3deg, 86%, 64%);--secondary-red: hsl(3deg, 96%, 74%);--primary-violet: hsl(271deg, 68%, 32%);--secondary-violet: hsl(271deg, 78%, 42%);--background-grey: rgba(207,207,207,1);--grid-split-grey: rgba(158, 158, 158, 1);--header-height: clamp(calc(var(--button-height) * 1.5), 8vh, calc(var(--button-height) * 2));--footer-height: clamp(3em, 8vh, 5em);--border-radius: 10px;--main-button-width: 200px}@media (max-width: 768px){:root{--popup-width: 90%;--popup-height: 90%;--button-width: 130px;--button-height-xl: 48px;--button-height: 40px;--button-height-sm: 32px}}@media (max-width: 364px){:root{--button-height-xl: 40px;--button-height: 32px}}@media (min-width: 769px){:root{--popup-width: clamp(500px, 40%, 700px);--popup-height: 80%;--button-width: 200px;--button-height-xl: 64px;--button-height: 48px;--button-height-sm: 36px}}.App{color:var(--text-primary-color);background:var(--light-background-color);z-index:-2}.App.light{--text-primary-color: var(--primary-black);--text-contrast-color: white;--main-background-color: white;--light-background-color: var(--primary-grey);--contrast-background-color: var(--primary-black);--light-contrast-background-color: var(--secondary-black);--base-shadow-intensity: 1;--dot-intensity: 60%;--dot-size: 4%}.App.dark{--text-primary-color: white;--text-contrast-color: var(--primary-black);--main-background-color: var(--primary-black);--light-background-color: var(--secondary-black);--contrast-background-color: white;--light-contrast-background-color: var(--primary-grey);--base-shadow-intensity: 2;--dot-intensity: 30%;--dot-size: 4%}.App:after{position:relative;content:"";display:block;height:max(200vh,200vw);width:max(200vh,200vw);background:radial-gradient(color-mix(in srgb,var(--contrast-background-color) var(--dot-intensity),var(--light-background-color)) var(--dot-size),var(--light-background-color) var(--dot-size));background-size:2.5vmin 2.5vmin;top:-100%;z-index:0;transform:rotate(55deg) translate(-50%) translateY(0);animation:bg-move 600s linear infinite}html,body{height:100%;background:white;overflow:hidden}body{display:flex;align-items:center;justify-content:center;white-space:pre-line;scrollbar-color:rgba(14,14,14,.4) var(--main-background-color);scrollbar-width:thin;margin:0;font-family:-apple-system,BlinkMacSystemFont,Urbanist,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--main-background-color);border-radius:10px;box-shadow:inset 0 0 10px var(--primary-grey)}::-webkit-scrollbar-thumb{background:rgba(14,14,14,.4);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(14,14,14,.6)}#root,.App{height:100%;width:100%}.title{display:flex;align-items:center;font-family:Chakra Petch,sans-serif;text-transform:uppercase;letter-spacing:-1%;cursor:pointer;user-select:none}@media (max-width: 768px){.title{margin:auto auto auto .5em}}@media (min-width: 769px){.title{margin:auto}}@media (max-height: 480px){.title{margin:0 .25em}}.title>.titleButton{padding:4px;border-radius:var(--border-radius)}.title>.titleButton:focus-visible{outline:2px solid var(--primary-yellow)}.title-span{font-family:Chakra Petch,sans-serif;text-transform:uppercase;letter-spacing:-1%}.App>header,.App footer{width:100%}.App>section{height:calc(100% - var(--header-height));width:100%;display:flex;align-items:center;overflow-y:auto;z-index:1;position:relative}@media (max-width: 768px){.App>section{overflow:auto}}.logoNav{height:70%}.logoNav>.logo{height:100%;margin:0;aspect-ratio:1/1}.logoNav:not(.disabled)>.logo:hover{cursor:pointer}.appHeader{background:linear-gradient(180deg,var(--main-background-color),transparent);color:var(--text-primary-color);position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center;transition:top var(--anim-time) ease-out forwards;z-index:2}.appHeader>h1,.appHeader div{height:100%}.appHeader>.header-btn-group{display:flex;flex-direction:row;width:10%;justify-content:flex-end;align-items:center;flex:1}.appHeader>.logoNav{flex:1}@media (max-width: 768px){.appHeader>.logoNav{display:none}}.appHeader>.logoNav:not(.disabled)>.logo:hover{background-position:10% 10%}footer{height:var(--footer-height);width:100%;color:var(--text-primary-color);display:flex;flex-direction:row;justify-content:space-between}@media (min-height: 480px){footer{position:absolute;bottom:0}}footer>.logoNav{margin:auto 0;height:60%;width:calc(.6 * var(--footer-height) + 2em)}footer>.logoNav>.logo{background:var(--contrast-background-color);opacity:.5;margin:auto 1em}footer>.logoNav:not(.disabled):not(.active)>.logo:hover{opacity:.7}footer>.logoNav.active{filter:drop-shadow(0px 0px .5px var(--contrast-background-color))}footer>.logoNav.active>.logo{opacity:.6}footer>.footer-links-group{position:relative;display:flex;height:var(--button-height-sm)}@media (min-width: 769px){footer>.footer-links-group{flex-direction:column;align-items:end;justify-content:space-around;margin:auto 1em}}@media (max-width: 768px){footer>.footer-links-group{flex-direction:row;align-items:center;justify-content:space-around;margin:auto calc(.75em + var(--border-width))}}footer>.footer-links-group>button{font-weight:700;color:var(--text-primary-color)}@media (max-width: 768px){footer>.footer-links-group>button{width:var(--button-height-sm)}}@media (min-width: 769px){footer>.socialButtons{visibility:hidden;overflow:hidden;position:relative;margin-right:auto}footer>.socialButtons>.icon-btn{position:relative;height:3em;margin:auto 0;padding:0 1em;opacity:0}footer>.socialButtons>.icon-btn:nth-child(1){transform:translate(-200%)}footer>.socialButtons>.icon-btn:nth-child(2){transform:translate(-300%)}footer>.socialButtons>.icon-btn:nth-child(3){transform:translate(-400%)}footer>.socialButtons>.icon-btn:nth-child(4){transform:translate(-500%)}footer>.socialButtons>.icon-btn:nth-child(5){transform:translate(-600%)}footer>.socialButtons.opened{visibility:visible}footer>.socialButtons.opened>.icon-btn{transform:translate(0);opacity:1}footer>.socialButtons.opened>.icon-btn:nth-child(1){transition:opacity var(--short-anim-time) ease-out .2s,transform var(--short-anim-time) ease-out 100ms}footer>.socialButtons.opened>.icon-btn:nth-child(2){transition:opacity var(--short-anim-time) ease-out calc((2) * .1s + .1s),transform var(--short-anim-time) ease-out 150ms}footer>.socialButtons.opened>.icon-btn:nth-child(3){transition:opacity var(--short-anim-time) ease-out .4s,transform var(--short-anim-time) ease-out 200ms}footer>.socialButtons.opened>.icon-btn:nth-child(4){transition:opacity var(--short-anim-time) ease-out .5s,transform var(--short-anim-time) ease-out 250ms}footer>.socialButtons.opened>.icon-btn:nth-child(5){transition:opacity var(--short-anim-time) ease-out .6s,transform var(--short-anim-time) ease-out 300ms}}@media (max-width: 768px){footer>.socialButtons{--box-shadow-color: color-mix(in srgb, var(--primary-black) 20%, transparent);position:absolute;flex-direction:column;bottom:var(--footer-height);left:calc(.3 * var(--footer-height) + 1em - (2em - var(--icon-size) + var(--button-height)));background:color-mix(in srgb,var(--main-background-color) 90%,transparent);border-radius:var(--border-radius);box-shadow:2px 2px 5px var(--box-shadow-color);opacity:0;transition:opacity var(--short-anim-time) ease-out;visibility:hidden}footer>.socialButtons.opened{visibility:visible;opacity:1}footer>.socialButtons>.icon-btn{margin:0;height:var(--button-height);width:var(--button-height);margin:0 calc((var(--icon-size) - var(--button-height)) / 2)}}button.anchor-button{background:none!important;border:none;padding:0!important;text-decoration:underline;opacity:.6}button.anchor-button.material-symbols-outlined{display:none}button.anchor-button:hover,button.anchor-button:focus,button.anchor-button:active{opacity:.8}button.anchor-button:focus,button.anchor-button:active{color:var(--primary-violet)}@media (max-width: 768px){button.anchor-button{visibility:hidden;text-decoration:none;position:relative;color:transparent;height:100%;width:var(--button-height-xl);overflow:hidden}button.anchor-button:hover,button.anchor-button:focus{text-decoration:none}button.anchor-button:hover:after,button.anchor-button:focus:after{font-variation-settings:"FILL" 1}button.anchor-button:after{position:absolute;display:inline;font-size:calc(.5 * var(--footer-height));font-weight:400;height:100%;width:100%;vertical-align:bottom;left:0%;top:0;top:calc(50% - .2 * var(--footer-height));content:"info";font-family:Material Symbols Outlined;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";visibility:visible}}.loading{--loading-time: 8s;--box-shadow-color: color-mix(in srgb, var(--contrast-background-color) 25%, transparent);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;animation:elementDisappear .25s ease-out var(--loading-time) forwards;position:relative;z-index:1}.loading>.progressBar{background:linear-gradient(270deg,var(--main-background-color) 0%,var(--main-background-color) 45%,var(--primary-green) 50%,var(--primary-green) 100%);background-size:200%;background-position:100%;height:20px;width:258px;margin:30px 0;border-radius:7px;box-shadow:inset 0 4px 4px var(--box-shadow-color);overflow:hidden;animation:loadingBar var(--loading-time) ease-out 0s forwards}.loading>.gridLogo{max-width:200px}.errorPage{height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}@media (max-width: 768px){.errorPage>h3,.errorPage h2,.errorPage .error404{width:80%;fill:#00f}.errorPage>h3{font-size:1em}.errorPage>.error404{height:25%}}@media (min-width: 769px){.errorPage{font-size:1.3em}.errorPage>.error404{height:40%}}.errorPage>h2,.errorPage h3{white-space:pre-line;text-align:center}.errorPage>h2{font-size:2em;text-transform:uppercase;font-family:Chakra Petch,"sans-serif";margin:auto auto .25em}.errorPage>h3{margin:0 auto 4em;font-size:1.1em}.errorPage>.home-btn{font-size:.7692307692em}.App.dark>.errorPage>.error404{filter:invert(80%)}.home{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%}.home>.titleContainer,.home .additionalData{width:80%;margin-left:auto;margin-right:auto}@media (min-width: 769px){.home>.titleContainer,.home .additionalData{width:clamp(2 * var(--main-button-width),40%,3 * var(--main-button-width))}}@media (min-height: 480px){.home>.additionalData{padding-bottom:var(--footer-height)}}.homeBar,.shareBar{display:flex;justify-content:center;flex-direction:column;align-items:center}@media (min-width: 769px) or (orientation: landscape){.homeBar,.shareBar{flex-direction:row}.homeBar>button,.shareBar>button{height:var(--button-height)}}@media (max-width: 768px){.homeBar>button,.shareBar>button{height:var(--button-height-xl)}}.homeBar{width:calc(var(--main-button-width) + 4em);display:flex;flex-wrap:wrap;justify-content:center;flex-direction:row}.homeBar>.play,.homeBar>.newGrid{flex:1}.homeBar>.freeplay{margin:.5em}.home>.titleContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:80%;margin:auto 0 2em}@media (max-height: 634px){.home>.titleContainer{margin:2em 0}}.home>.titleContainer>.title{font-size:3em;font-weight:700;margin:.5em 0 .25em}.home>.titleContainer>.subtitle{margin:0;font-weight:300;font-style:italic;font-family:Chakra Petch,sans-serif;text-align:center}.additionalData{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2em auto auto}.additionalData>*{margin:.2em auto}.additionalData>.author{text-align:center;max-width:80%;display:flex}.additionalData>.author>b{padding-left:.25em;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.additionalData>.loadingContainer{height:38px;display:flex;align-items:center;margin:.4em auto}.additionalData>.loadingContainer>span.loading{font-size:2em;animation:rotateLoading 1.2s linear infinite;height:1em;width:1em;display:block}.home>.settingsHeader{position:absolute;top:0;background:linear-gradient(180deg,var(--main-background-color),transparent);width:100%;height:var(--header-height);display:flex}@media (max-width: 768px){.home>.settingsHeader{justify-content:space-between}}@media (min-width: 769px){.home>.settingsHeader{justify-content:flex-end}}@media (max-width: 768px){.home>.settingsHeader>div{margin:auto calc(.75em + var(--border-width))}}@media (min-width: 769px){.home>.settingsHeader>div{margin:auto calc(.5em + var(--border-width))}}:root{--short-anim-time: .2s;--anim-time: .4s;--grid-border-radius: 2px;--border-width: 2px}@media (max-width: 768px){:root{--timer-width: 80%;--timer-height: 30%;--timer-font-size: 1.25em;--desc-line-height: .5em;--desc-font-size: .75em;--desc-row-border-radius: 6px 0px 0px 6px;--desc-row-padding: 0px 4px 0px 2px;--desc-row-span-padding: 0px 3px;--desc-col-border-radius: 6px 6px 0px 0px;--desc-col-padding: 2px 0px 4px 0px;--desc-col-span-padding: 3px 1px;--grid-gap: 2px;--grid-min-size: .75em}}@media (max-width: 364px){:root{--timer-font-size: 1em}}@media (min-width: 769px){:root{--timer-width: 40%;--timer-height: 48px;--timer-font-size: 1.5em;--desc-line-height: 1em;--desc-font-size: 1em;--desc-row-border-radius: 8px 0px 0px 8px;--desc-row-padding: 0px 2px 0px 2px;--desc-row-span-padding: 2px 4px;--desc-col-border-radius: 8px 8px 0px 0px;--desc-col-padding: 2px 0px 2px 0px;--desc-col-span-padding: 4px 2px;--grid-gap: 2px;--grid-min-size: 20px}}.nonogramContainer{--box-shadow-color: color-mix(in srgb, var(--primary-black) calc(40% * var(--base-shadow-intensity)), transparent);filter:drop-shadow(0px 0px 10px var(--box-shadow-color));position:relative;display:grid;justify-items:stretch;max-width:90%;max-height:90%;transition:transform var(--short-anim-time) ease-out}.nonogramContainer>*{display:grid;position:relative;opacity:0;transition:opacity ease-in var(--anim-time)}.nonogramContainer>.grid{grid-area:c;grid-template-columns:repeat(var(--colNum),minmax(var(--grid-min-size),1fr));grid-template-rows:repeat(var(--rowNum),minmax(var(--grid-min-size),1fr));aspect-ratio:var(--colNum)/var(--rowNum);visibility:hidden;background:var(--background-grey);touch-action:none;overflow:hidden;max-height:100%;max-width:100%}.game{flex-wrap:wrap;opacity:0;overflow:hidden!important;animation:elementAppear var(--anim-time) ease-out var(--anim-time) forwards}@media (max-width: 768px){.game{flex-direction:column;justify-content:space-evenly}.game>.placeHolder{display:none}}@media (min-width: 769px){.game{flex-direction:row;justify-content:center}}.nonogramDescription{user-select:none}.nonogramDescription>*{position:relative;display:flex;background:var(--background-grey);color:#363636}.nonogramDescription>*.valid{background:var(--primary-green)}.nonogramDescription>*>span{margin:0;text-align:center;display:block;font-size:var(--desc-font-size)}.nonogramDescription>*>span.active{color:#fff}.rowDesc{grid-template-rows:repeat(var(--rowNum),minmax(var(--grid-min-size),1fr));gap:var(--grid-gap);height:-moz-available;justify-items:end;align-items:center;grid-area:b}.rowDesc>.row{display:flex;width:100%;justify-content:flex-end;padding:var(--desc-row-padding);border-radius:var(--desc-row-border-radius);align-items:center}@media (max-width: 768px){.rowDesc>.row{height:clamp(13px,100%,30px)}}@media (min-width: 769px){.rowDesc>.row{position:relative;height:clamp(20px,100%,60px);line-height:var(--desc-line-height)}}.rowDesc>.row>span{padding:var(--desc-row-span-padding)}.colDesc{grid-template-columns:repeat(var(--colNum),minmax(var(--grid-min-size),1fr));gap:var(--grid-gap);align-items:end;grid-area:a}.colDesc>.column{flex-direction:column;justify-content:end;height:100%;position:relative;line-height:var(--desc-line-height);padding:var(--desc-col-padding);border-radius:var(--desc-col-border-radius)}@media (max-width: 768px){.colDesc>.column{width:clamp(13px,100%,30px)}}@media (min-width: 769px){.colDesc>.column{width:clamp(20px,100%,60px)}}.colDesc>.column>span{padding:var(--desc-col-span-padding)}.grid{border-radius:var(--grid-border-radius);z-index:1;gap:var(--grid-gap);position:relative}.grid.framed{--border-size: 4px;--border-color: var(--contrast-background-color);--shadow-color: var(--box-shadow-color);border:var(--border-size) solid var(--border-color);padding:var(--border-size);border-radius:calc((var(--border-size) + 1px) * 2);box-shadow:0 0 10px var(--shadow-color);max-width:unset;max-height:unset;min-width:calc(var(--colNum) * (20px + .2em));min-height:calc(var(--rowNum) * (20px + .2em))}.grid:not(.no-edges,.no-gap):before,.grid:not(.no-edges,.no-gap):after{position:absolute;display:block;z-index:2;left:0;top:0;content:"";background-size:calc(5 / (var(--colNum) - 5) * 100%) calc(5 / (var(--rowNum) - 5) * 100%);pointer-events:none}.grid:before{background:repeating-linear-gradient(transparent,transparent calc(100% - var(--grid-gap)),var(--grid-split-grey) calc(100% - var(--grid-gap)),var(--grid-split-grey) 100%);width:100%;height:calc((var(--rowNum) - 5) / var(--rowNum) * 100% + var(--grid-gap))}.grid:after{background:repeating-linear-gradient(90deg,transparent,transparent calc(100% - var(--grid-gap)),var(--grid-split-grey) calc(100% - var(--grid-gap)),var(--grid-split-grey) 100%);width:calc((var(--colNum) - 5) / var(--colNum) * 100% + var(--grid-gap));height:100%}.grid.framed:before{height:calc((var(--rowNum) - 5) / var(--rowNum) * (100% - 2 * var(--border-size)) + var(--grid-gap));width:calc(100% - 2 * var(--border-size));left:var(--border-size);top:var(--border-size)}.grid.framed:after{width:calc((var(--colNum) - 5) / var(--colNum) * (100% - 2 * var(--border-size)) + var(--grid-gap));height:calc(100% - 2 * var(--border-size));left:var(--border-size);top:var(--border-size)}.grid.result,.grid.no-gap{gap:0px}.grid.result>.tile,.grid.no-gap>.tile{border-radius:0}.grid.result>.tile>.front,.grid.result>.tile>.back,.grid.no-gap>.tile>.front,.grid.no-gap>.tile>.back{border-radius:0}.grid.static{opacity:0;--box-shadow-color: color-mix(in srgb, var(--primary-black) calc(40% * var(--base-shadow-intensity)), transparent);box-shadow:0 0 20px var(--box-shadow-color);display:grid;background:var(--background-grey);grid-template-columns:repeat(var(--static-width),1fr);grid-template-rows:repeat(var(--static-height),1fr);aspect-ratio:var(--static-width)/var(--static-height);animation-delay:5s}.titleContainer>.grid.static{width:clamp(150px,40%,300px)}@media (max-height: 600px){.grid.static{width:clamp(100px,40vh,200px)}}@media (max-height: 480px){.grid.static{display:none}}.grid.static>.tile:hover>.front:before,.grid.static>.tile:hover>.back:before{display:none}.grid.static:not(.no-animation)>.tile:nth-child(1)>.front,.grid.static:not(.no-animation)>.tile:nth-child(1)>.back{transition:transform ease-in-out var(--anim-time) calc(25ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(2)>.front,.grid.static:not(.no-animation)>.tile:nth-child(2)>.back{transition:transform ease-in-out var(--anim-time) calc(50ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(3)>.front,.grid.static:not(.no-animation)>.tile:nth-child(3)>.back{transition:transform ease-in-out var(--anim-time) calc(75ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(4)>.front,.grid.static:not(.no-animation)>.tile:nth-child(4)>.back{transition:transform ease-in-out var(--anim-time) calc(100ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(5)>.front,.grid.static:not(.no-animation)>.tile:nth-child(5)>.back{transition:transform ease-in-out var(--anim-time) calc(125ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(6)>.front,.grid.static:not(.no-animation)>.tile:nth-child(6)>.back{transition:transform ease-in-out var(--anim-time) calc(150ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(7)>.front,.grid.static:not(.no-animation)>.tile:nth-child(7)>.back{transition:transform ease-in-out var(--anim-time) calc(175ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(8)>.front,.grid.static:not(.no-animation)>.tile:nth-child(8)>.back{transition:transform ease-in-out var(--anim-time) calc(200ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(9)>.front,.grid.static:not(.no-animation)>.tile:nth-child(9)>.back{transition:transform ease-in-out var(--anim-time) calc(225ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(10)>.front,.grid.static:not(.no-animation)>.tile:nth-child(10)>.back{transition:transform ease-in-out var(--anim-time) calc(250ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(11)>.front,.grid.static:not(.no-animation)>.tile:nth-child(11)>.back{transition:transform ease-in-out var(--anim-time) calc(275ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(12)>.front,.grid.static:not(.no-animation)>.tile:nth-child(12)>.back{transition:transform ease-in-out var(--anim-time) calc(300ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(13)>.front,.grid.static:not(.no-animation)>.tile:nth-child(13)>.back{transition:transform ease-in-out var(--anim-time) calc(325ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(14)>.front,.grid.static:not(.no-animation)>.tile:nth-child(14)>.back{transition:transform ease-in-out var(--anim-time) calc(350ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(15)>.front,.grid.static:not(.no-animation)>.tile:nth-child(15)>.back{transition:transform ease-in-out var(--anim-time) calc(375ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(16)>.front,.grid.static:not(.no-animation)>.tile:nth-child(16)>.back{transition:transform ease-in-out var(--anim-time) calc(400ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(17)>.front,.grid.static:not(.no-animation)>.tile:nth-child(17)>.back{transition:transform ease-in-out var(--anim-time) calc(425ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(18)>.front,.grid.static:not(.no-animation)>.tile:nth-child(18)>.back{transition:transform ease-in-out var(--anim-time) calc(450ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(19)>.front,.grid.static:not(.no-animation)>.tile:nth-child(19)>.back{transition:transform ease-in-out var(--anim-time) calc(475ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(20)>.front,.grid.static:not(.no-animation)>.tile:nth-child(20)>.back{transition:transform ease-in-out var(--anim-time) calc(500ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(21)>.front,.grid.static:not(.no-animation)>.tile:nth-child(21)>.back{transition:transform ease-in-out var(--anim-time) calc(525ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(22)>.front,.grid.static:not(.no-animation)>.tile:nth-child(22)>.back{transition:transform ease-in-out var(--anim-time) calc(550ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(23)>.front,.grid.static:not(.no-animation)>.tile:nth-child(23)>.back{transition:transform ease-in-out var(--anim-time) calc(575ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(24)>.front,.grid.static:not(.no-animation)>.tile:nth-child(24)>.back{transition:transform ease-in-out var(--anim-time) calc(600ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(25)>.front,.grid.static:not(.no-animation)>.tile:nth-child(25)>.back{transition:transform ease-in-out var(--anim-time) calc(625ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(26)>.front,.grid.static:not(.no-animation)>.tile:nth-child(26)>.back{transition:transform ease-in-out var(--anim-time) calc(650ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(27)>.front,.grid.static:not(.no-animation)>.tile:nth-child(27)>.back{transition:transform ease-in-out var(--anim-time) calc(675ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(28)>.front,.grid.static:not(.no-animation)>.tile:nth-child(28)>.back{transition:transform ease-in-out var(--anim-time) calc(700ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(29)>.front,.grid.static:not(.no-animation)>.tile:nth-child(29)>.back{transition:transform ease-in-out var(--anim-time) calc(725ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(30)>.front,.grid.static:not(.no-animation)>.tile:nth-child(30)>.back{transition:transform ease-in-out var(--anim-time) calc(750ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(31)>.front,.grid.static:not(.no-animation)>.tile:nth-child(31)>.back{transition:transform ease-in-out var(--anim-time) calc(775ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(32)>.front,.grid.static:not(.no-animation)>.tile:nth-child(32)>.back{transition:transform ease-in-out var(--anim-time) calc(800ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(33)>.front,.grid.static:not(.no-animation)>.tile:nth-child(33)>.back{transition:transform ease-in-out var(--anim-time) calc(825ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(34)>.front,.grid.static:not(.no-animation)>.tile:nth-child(34)>.back{transition:transform ease-in-out var(--anim-time) calc(850ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(35)>.front,.grid.static:not(.no-animation)>.tile:nth-child(35)>.back{transition:transform ease-in-out var(--anim-time) calc(875ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(36)>.front,.grid.static:not(.no-animation)>.tile:nth-child(36)>.back{transition:transform ease-in-out var(--anim-time) calc(900ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(37)>.front,.grid.static:not(.no-animation)>.tile:nth-child(37)>.back{transition:transform ease-in-out var(--anim-time) calc(925ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(38)>.front,.grid.static:not(.no-animation)>.tile:nth-child(38)>.back{transition:transform ease-in-out var(--anim-time) calc(950ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(39)>.front,.grid.static:not(.no-animation)>.tile:nth-child(39)>.back{transition:transform ease-in-out var(--anim-time) calc(975ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(40)>.front,.grid.static:not(.no-animation)>.tile:nth-child(40)>.back{transition:transform ease-in-out var(--anim-time) calc(1000ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(41)>.front,.grid.static:not(.no-animation)>.tile:nth-child(41)>.back{transition:transform ease-in-out var(--anim-time) calc(1025ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(42)>.front,.grid.static:not(.no-animation)>.tile:nth-child(42)>.back{transition:transform ease-in-out var(--anim-time) calc(1050ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(43)>.front,.grid.static:not(.no-animation)>.tile:nth-child(43)>.back{transition:transform ease-in-out var(--anim-time) calc(1075ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(44)>.front,.grid.static:not(.no-animation)>.tile:nth-child(44)>.back{transition:transform ease-in-out var(--anim-time) calc(1100ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(45)>.front,.grid.static:not(.no-animation)>.tile:nth-child(45)>.back{transition:transform ease-in-out var(--anim-time) calc(1125ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(46)>.front,.grid.static:not(.no-animation)>.tile:nth-child(46)>.back{transition:transform ease-in-out var(--anim-time) calc(1150ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(47)>.front,.grid.static:not(.no-animation)>.tile:nth-child(47)>.back{transition:transform ease-in-out var(--anim-time) calc(1175ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(48)>.front,.grid.static:not(.no-animation)>.tile:nth-child(48)>.back{transition:transform ease-in-out var(--anim-time) calc(1200ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(49)>.front,.grid.static:not(.no-animation)>.tile:nth-child(49)>.back{transition:transform ease-in-out var(--anim-time) calc(1225ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(50)>.front,.grid.static:not(.no-animation)>.tile:nth-child(50)>.back{transition:transform ease-in-out var(--anim-time) calc(1250ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(51)>.front,.grid.static:not(.no-animation)>.tile:nth-child(51)>.back{transition:transform ease-in-out var(--anim-time) calc(1275ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(52)>.front,.grid.static:not(.no-animation)>.tile:nth-child(52)>.back{transition:transform ease-in-out var(--anim-time) calc(1300ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(53)>.front,.grid.static:not(.no-animation)>.tile:nth-child(53)>.back{transition:transform ease-in-out var(--anim-time) calc(1325ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(54)>.front,.grid.static:not(.no-animation)>.tile:nth-child(54)>.back{transition:transform ease-in-out var(--anim-time) calc(1350ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(55)>.front,.grid.static:not(.no-animation)>.tile:nth-child(55)>.back{transition:transform ease-in-out var(--anim-time) calc(1375ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(56)>.front,.grid.static:not(.no-animation)>.tile:nth-child(56)>.back{transition:transform ease-in-out var(--anim-time) calc(1400ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(57)>.front,.grid.static:not(.no-animation)>.tile:nth-child(57)>.back{transition:transform ease-in-out var(--anim-time) calc(1425ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(58)>.front,.grid.static:not(.no-animation)>.tile:nth-child(58)>.back{transition:transform ease-in-out var(--anim-time) calc(1450ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(59)>.front,.grid.static:not(.no-animation)>.tile:nth-child(59)>.back{transition:transform ease-in-out var(--anim-time) calc(1475ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(60)>.front,.grid.static:not(.no-animation)>.tile:nth-child(60)>.back{transition:transform ease-in-out var(--anim-time) calc(1500ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(61)>.front,.grid.static:not(.no-animation)>.tile:nth-child(61)>.back{transition:transform ease-in-out var(--anim-time) calc(1525ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(62)>.front,.grid.static:not(.no-animation)>.tile:nth-child(62)>.back{transition:transform ease-in-out var(--anim-time) calc(1550ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(63)>.front,.grid.static:not(.no-animation)>.tile:nth-child(63)>.back{transition:transform ease-in-out var(--anim-time) calc(1575ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(64)>.front,.grid.static:not(.no-animation)>.tile:nth-child(64)>.back{transition:transform ease-in-out var(--anim-time) calc(1600ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(65)>.front,.grid.static:not(.no-animation)>.tile:nth-child(65)>.back{transition:transform ease-in-out var(--anim-time) calc(1625ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(66)>.front,.grid.static:not(.no-animation)>.tile:nth-child(66)>.back{transition:transform ease-in-out var(--anim-time) calc(1650ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(67)>.front,.grid.static:not(.no-animation)>.tile:nth-child(67)>.back{transition:transform ease-in-out var(--anim-time) calc(1675ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(68)>.front,.grid.static:not(.no-animation)>.tile:nth-child(68)>.back{transition:transform ease-in-out var(--anim-time) calc(1700ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(69)>.front,.grid.static:not(.no-animation)>.tile:nth-child(69)>.back{transition:transform ease-in-out var(--anim-time) calc(1725ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(70)>.front,.grid.static:not(.no-animation)>.tile:nth-child(70)>.back{transition:transform ease-in-out var(--anim-time) calc(1750ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(71)>.front,.grid.static:not(.no-animation)>.tile:nth-child(71)>.back{transition:transform ease-in-out var(--anim-time) calc(1775ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(72)>.front,.grid.static:not(.no-animation)>.tile:nth-child(72)>.back{transition:transform ease-in-out var(--anim-time) calc(1800ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(73)>.front,.grid.static:not(.no-animation)>.tile:nth-child(73)>.back{transition:transform ease-in-out var(--anim-time) calc(1825ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(74)>.front,.grid.static:not(.no-animation)>.tile:nth-child(74)>.back{transition:transform ease-in-out var(--anim-time) calc(1850ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(75)>.front,.grid.static:not(.no-animation)>.tile:nth-child(75)>.back{transition:transform ease-in-out var(--anim-time) calc(1875ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(76)>.front,.grid.static:not(.no-animation)>.tile:nth-child(76)>.back{transition:transform ease-in-out var(--anim-time) calc(1900ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(77)>.front,.grid.static:not(.no-animation)>.tile:nth-child(77)>.back{transition:transform ease-in-out var(--anim-time) calc(1925ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(78)>.front,.grid.static:not(.no-animation)>.tile:nth-child(78)>.back{transition:transform ease-in-out var(--anim-time) calc(1950ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(79)>.front,.grid.static:not(.no-animation)>.tile:nth-child(79)>.back{transition:transform ease-in-out var(--anim-time) calc(1975ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(80)>.front,.grid.static:not(.no-animation)>.tile:nth-child(80)>.back{transition:transform ease-in-out var(--anim-time) calc(2000ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(81)>.front,.grid.static:not(.no-animation)>.tile:nth-child(81)>.back{transition:transform ease-in-out var(--anim-time) calc(2025ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(82)>.front,.grid.static:not(.no-animation)>.tile:nth-child(82)>.back{transition:transform ease-in-out var(--anim-time) calc(2050ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(83)>.front,.grid.static:not(.no-animation)>.tile:nth-child(83)>.back{transition:transform ease-in-out var(--anim-time) calc(2075ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(84)>.front,.grid.static:not(.no-animation)>.tile:nth-child(84)>.back{transition:transform ease-in-out var(--anim-time) calc(2100ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(85)>.front,.grid.static:not(.no-animation)>.tile:nth-child(85)>.back{transition:transform ease-in-out var(--anim-time) calc(2125ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(86)>.front,.grid.static:not(.no-animation)>.tile:nth-child(86)>.back{transition:transform ease-in-out var(--anim-time) calc(2150ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(87)>.front,.grid.static:not(.no-animation)>.tile:nth-child(87)>.back{transition:transform ease-in-out var(--anim-time) calc(2175ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(88)>.front,.grid.static:not(.no-animation)>.tile:nth-child(88)>.back{transition:transform ease-in-out var(--anim-time) calc(2200ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(89)>.front,.grid.static:not(.no-animation)>.tile:nth-child(89)>.back{transition:transform ease-in-out var(--anim-time) calc(2225ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(90)>.front,.grid.static:not(.no-animation)>.tile:nth-child(90)>.back{transition:transform ease-in-out var(--anim-time) calc(2250ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(91)>.front,.grid.static:not(.no-animation)>.tile:nth-child(91)>.back{transition:transform ease-in-out var(--anim-time) calc(2275ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(92)>.front,.grid.static:not(.no-animation)>.tile:nth-child(92)>.back{transition:transform ease-in-out var(--anim-time) calc(2300ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(93)>.front,.grid.static:not(.no-animation)>.tile:nth-child(93)>.back{transition:transform ease-in-out var(--anim-time) calc(2325ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(94)>.front,.grid.static:not(.no-animation)>.tile:nth-child(94)>.back{transition:transform ease-in-out var(--anim-time) calc(2350ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(95)>.front,.grid.static:not(.no-animation)>.tile:nth-child(95)>.back{transition:transform ease-in-out var(--anim-time) calc(2375ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(96)>.front,.grid.static:not(.no-animation)>.tile:nth-child(96)>.back{transition:transform ease-in-out var(--anim-time) calc(2400ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(97)>.front,.grid.static:not(.no-animation)>.tile:nth-child(97)>.back{transition:transform ease-in-out var(--anim-time) calc(2425ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(98)>.front,.grid.static:not(.no-animation)>.tile:nth-child(98)>.back{transition:transform ease-in-out var(--anim-time) calc(2450ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(99)>.front,.grid.static:not(.no-animation)>.tile:nth-child(99)>.back{transition:transform ease-in-out var(--anim-time) calc(2475ms + .25s)}.grid.static:not(.no-animation)>.tile:nth-child(100)>.front,.grid.static:not(.no-animation)>.tile:nth-child(100)>.back{transition:transform ease-in-out var(--anim-time) calc(2500ms + .25s)}@media (max-width: 768px){.grid.reduced-motion{gap:1px}}.helpGrid{display:flex;width:100%;justify-content:center;max-height:var(--button-height-sm);margin:.5em auto}@media (max-width: 768px){.helpGrid{--tile-height: 20px}}@media (min-width: 769px){.helpGrid{--tile-height: 36px}}.helpGrid>.grid.static{width:calc(var(--static-width) * var(--tile-height))}.helpGrid>.rowDesc{align-self:center;height:80%}.helpGrid>.rowDesc>.row>span{position:relative;left:-4px}.helpGrid>.grid>.tile{border-radius:0}.helpGrid>.grid>.tile>.front,.helpGrid>.grid>.tile .back{border-radius:0}.loading>.grid{width:258px}.tile{background:transparent;position:relative;z-index:1;overflow:hidden;border-radius:var(--grid-border-radius);aspect-ratio:1/1}.tile:after{display:block;height:100%;border-radius:var(--grid-border-radius);width:100%;content:"";opacity:.15;transition:opacity .3s ease-in-out}.tile.active:after{opacity:.5}.tile.edge-right:before,.tile.edge-bottom:before{pointer-events:none;content:"";background:var(--grid-split-grey);position:absolute;z-index:1}.tile.edge-right:before{height:calc(100% + 2 * var(--grid-gap));width:var(--grid-gap);left:100%}.tile.edge-bottom:before{width:calc(100% + 2 * var(--grid-gap));height:var(--grid-gap);top:100%}.tile.edge-right.edge-bottom:before{height:calc(100% + var(--grid-gap));width:calc(100% + var(--grid-gap));left:calc(-1 * var(--grid-gap));top:calc(-1 * var(--grid-gap));z-index:2;background:transparent;box-shadow:var(--grid-gap) var(--grid-gap) 0 var(--grid-split-grey)}.front,.back{display:flex;background-position:center;text-align:center;justify-content:center;align-items:center;position:absolute;height:100%;width:100%;border-radius:var(--grid-border-radius)}.grid:not(.reduced-motion)>.tile .front,.grid:not(.reduced-motion)>.tile .back{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;background-size:cover}.grid:not(.reduced-motion):not(.no-animation)>.tile .front,.grid:not(.reduced-motion):not(.no-animation)>.tile .back{transition:transform ease-in-out var(--anim-time)}.grid.reduced-motion:not(.no-animation)>.tile .front,.grid.reduced-motion:not(.no-animation)>.tile .back{transition:background-color ease-out var(--anim-time)}.front:before,.back:before{border-radius:var(--grid-border-radius);position:absolute;display:block;content:"";top:0;left:0;bottom:0;right:0}.front{background-color:#fff}.front:before{z-index:-1}.grid.reduced-motion>.tile.active .front{background:black}.tile:hover:not(.blocked) .front:before{background-size:100% 100%;background-position:50% 50%;background:radial-gradient(rgba(255,255,255,.2) 1%,rgba(17,17,17,.05) 10%,rgba(255,255,255,.2) 25%,rgba(17,17,17,.05) 40%,rgba(255,255,255,.2) 50%);animation:ripple var(--anim-time) ease-out forwards}.grid:not(.reduced-motion)>.tile.active .front{transform:rotateY(180deg)}.grid:not(.reduced-motion)>.tile:nth-child(even).active .front{transform:rotateY(-180deg)}.grid>.tile.blocked>.front{background:transparent;color:var(--secondary-red);font-size:3.5em;animation:unset;border-radius:100%;overflow:hidden}.grid>.tile.blocked>.front:before{display:none}.grid>.tile.blocked>.front:after{font-family:Material Symbols Outlined;content:"close";-webkit-font-feature-settings:"liga" 1;-moz-font-feature-settings:"liga" 1;font-feature-settings:"liga" 1}.grid.reduced-motion>.tile.blocked>.front{transition:unset}.back{background:rgba(17,17,17,.9);transform:rotateY(-180deg)}.tile:hover .back:before{background:radial-gradient(rgba(238,238,238,.05) 1%,rgba(255,255,255,.2) 10%,rgba(238,238,238,.05) 25%,rgba(255,255,255,.2) 40%,rgba(238,238,238,.05) 50%);animation:ripple var(--anim-time) ease-out forwards}.tile.active .back{transform:rotateY(0)}.tile:nth-child(even) .back{transform:rotateY(180deg)}.tile:nth-child(even).active .back{transform:rotateY(0)}.actionBar{bottom:0;z-index:2;position:absolute;transition:bottom var(--short-anim-time) ease-out;background:color-mix(in srgb,var(--light-background-color) 66%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--border-radius) var(--border-radius) 0 0;display:flex;justify-content:space-between;padding:1em .5em;box-shadow:color-mix(in srgb,var(--primary-black) 20%,transparent) 0 0 15px}@media (max-width: 768px){.actionBar{width:100%}.actionBar>.nonogramTimer{position:absolute;top:-75vh;right:1em;background:transparent;color:var(--text-primary-color);background:color-mix(in srgb,var(--light-background-color) 66%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.actionBar>.nonogramTimer>button{color:var(--text-primary-color)}}@media (min-width: 769px){.actionBar{width:min-content}}.actionBar>.nonogramToolbar,.actionBar>.nonogramActions{flex:1}.nonogramTimer{font-family:Azeret Mono,monospace;margin:0 1em;grid-area:timer;font-size:var(--timer-font-size);background:var(--contrast-background-color);color:var(--text-contrast-color);border-radius:var(--border-radius);padding:0;user-select:none;display:flex;justify-content:center;align-items:center;border-radius:calc(var(--border-radius))}@media (max-width: 768px){.nonogramTimer{position:relative;width:min-content;height:var(--button-height-xl);margin:1em auto;top:calc(-2 * var(--border-width))}}@media (min-width: 769px){.nonogramTimer{width:min-content;height:var(--timer-height)}}@media (max-width: 364px){.nonogramTimer{top:0}}.nonogramTimer.interactive{display:flex;justify-content:space-between}.nonogramTimer.interactive>span{padding:0 .75em}.nonogramTimer:not(.interactive){padding:0 .25em}.nonogramTimer>button{margin-right:.25em;color:var(--text-contrast-color);border:0;background:transparent!important}@media (max-width: 768px){.nonogramTimer>button{margin-right:.5em}}.nonogramTimer>button>span{font-size:2.25em}.nonogramTimer>button:hover{box-shadow:none!important}.nonogramTimer>button:hover>span{font-variation-settings:"FILL" 1}.nonogramToolbar{display:flex;justify-content:center}.nonogramToolbar>*{margin:0 1em}.nonogramActions{display:flex;justify-content:center}.nonogramActions>*{margin:0 1em}.expandButton{position:fixed;top:-2em;right:1em;height:2em;width:4em;background:color-mix(in srgb,var(--light-background-color) 66%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid var(--light-contrast-background-color);border-radius:var(--border-radius) var(--border-radius) 0 0;z-index:2}.expandButton>span{transition:transform var(--short-anim-time) ease-out}.expandButton:hover{background:color-mix(in srgb,var(--contrast-background-color) 66%,transparent)}.expandButton:hover>span{color:var(--text-contrast-color)}.expandButton:hover:after{position:absolute;content:"";background:color-mix(in srgb,var(--contrast-background-color) 66%,transparent);width:100%;height:2px;bottom:-2px;left:0}.expandButton>span{color:var(--text-primary-color);padding:0 .25em;font-weight:700}.refreshButton{z-index:10;position:absolute;top:20%;left:20%;padding:1em}.results{flex-direction:column;justify-content:flex-start;overflow-y:auto;height:unset;min-height:calc(100% - var(--header-height))}.resultsContainer{width:60%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (max-width: 768px){.resultsContainer{width:70%}}@media (max-width: 480px){.resultsContainer{width:80%}}.resultsContainer>.homeBar{margin:2em auto}.resultsHeader{display:flex;flex-direction:column;align-items:center}@media (min-width: 769px){.resultsHeader{margin:2em auto}}@media (max-width: 768px){.resultsHeader{margin:0 auto 2em}}.statistics{font-size:1.1em}.statistics .counter{font-weight:700;display:inline}.statistics .counter.active>span:nth-child(1){filter:blur(1px)}.statistics .counter.active>span:nth-child(2){filter:blur(3px)}.statistics .counter.active>span:nth-child(3){filter:blur(5px)}.statistics .counter.active>span:nth-child(4){filter:blur(7px)}.statistics .counter.active>span:nth-child(5){filter:blur(9px)}.statistics .counter.active>span:nth-child(6){filter:blur(11px)}.statistics .counter.active>span:nth-child(7){filter:blur(13px)}.statistics .counter.active>span:nth-child(8){filter:blur(15px)}.statistics .counter.active>span:nth-child(9){filter:blur(17px)}.statistics .counter.active>span:nth-child(10){filter:blur(19px)}.gridRecap{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;height:inherit}.gridRecap>.grid.static{flex:1;min-width:unset!important;min-height:unset!important}.gridRecap>.grid.static>.tile{aspect-ratio:1/1}.gridRecap>.gridTitle{text-align:center;max-width:80vw}.gridRecap>.gridTitle>h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shareBar{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2em auto auto}.shareBar>h3{text-transform:uppercase}.shareBar>.socialButtons{margin:auto auto 2em}@media (max-width: 768px){.postPage>.main-btn{min-height:var(--button-height-xl);margin-bottom:1em}}section.newGridPage{overflow-y:auto;height:calc(100% - var(--header-height))}@media (min-width: 769px){section.newGridPage{display:grid;grid-gap:1em 0;grid-template:"title title" auto "form grid" minmax(100px,.5fr) "form grid" minmax(200px,1fr) "actions grid" minmax(200px,1fr) ". grid" minmax(100px,.5fr)/33% 67%}}@media (max-width: 768px){section.newGridPage{display:flex;flex-direction:column}}@media (min-width: 1920px){section.newGridPage{grid-template:". title title ." auto ". form grid grid" minmax(200px,1fr) ". actions grid grid" minmax(200px,1fr) ". . grid grid" minmax(100px,.5fr)/10% 20% 60% 10%}}section.newGridPage>.titleContainer{grid-area:title;text-align:center;max-width:80%}@media (max-width: 768px){section.newGridPage>.titleContainer{margin:0 auto}}@media (min-width: 769px){section.newGridPage>.titleContainer{margin:1em auto}}section.newGridPage>.newGridForm{display:flex;flex-direction:row;flex-wrap:wrap;grid-area:form;height:min-content;margin:auto auto 1em;grid-template-columns:repeat(2,minmax(0,1fr));width:clamp(var(--button-width),80%,3 * var(--button-width))}section.newGridPage>.newGridForm>*{display:flex;margin:calc(.5em - 2px)}@media (max-width: 768px){section.newGridPage>.newGridForm>.selectContainer>label{visibility:visible;left:2em}section.newGridPage>.newGridForm>.selectContainer>label:after{left:-1em}section.newGridPage>.newGridForm>*:last-child{flex-basis:100%}}section.newGridPage>.actionsContainer{width:clamp(var(--button-width),80%,3 * var(--button-width));margin:0 auto 2em;grid-area:actions;display:flex}@media (min-width: 769px){section.newGridPage>.actionsContainer{flex-direction:column;justify-content:center;align-items:stretch}}@media (max-width: 768px){section.newGridPage>.actionsContainer{margin:1em auto 2em;flex-direction:row;justify-content:flex-end}}section.newGridPage>.actionsContainer>*{margin:.5em}section.newGridPage>.actionsContainer>.tool-btn{overflow:hidden;width:var(--button-width);position:relative;display:flex;justify-content:space-between}@media (min-width: 769px){section.newGridPage>.actionsContainer>.tool-btn{display:flex;justify-content:space-between;padding:0 2em}}@media (max-width: 768px){section.newGridPage>.actionsContainer>.tool-btn{width:calc(50% - 1em);padding:0 1em}}section.newGridPage>.actionsContainer>.check-grid-btn:disabled{opacity:1}section.newGridPage>.solutionsContainer{display:flex;flex-direction:row;justify-content:flex-start;grid-area:solutions;width:min-content}@media (max-width: 768px){section.newGridPage>.solutionsContainer{width:clamp(var(--button-width),80%,3 * var(--button-width))}}section.newGridPage>.solutionsContainer>*{margin:0 .5em}section.newGridPage>.nonogramContainer{display:flex;justify-content:center;align-items:center}@media (min-width: 769px){section.newGridPage>.nonogramContainer{height:calc(70% + var(--rowNum) * 1%)!important;max-width:100%;grid-area:grid;margin:auto}}@media (max-width: 768px){section.newGridPage>.nonogramContainer{max-height:calc(25% + var(--rowNum) * 1%)!important;max-width:calc(100% - 2em);width:calc(100% - 2em);margin:2em 1em;flex:0;z-index:4}}section.newGridPage>.alert{justify-self:center}section.postPage{display:flex;flex-direction:column;justify-content:start;align-items:center;height:calc(100% - var(--header-height))}section.postPage>.titleContainer{margin:2em auto;text-align:center}section.postPage>.titleContainer>.publicationDate{font-weight:400}section.postPage>.titleContainer>.publicationDate>.date{font-size:.9em;font-style:italic}section.postPage>.grid.static{--border-size: 4px;--shadow-color: var(--box-shadow-color);border:var(--border-size) solid var(--contrast-background-color);padding:var(--border-size);border-radius:calc((var(--border-size) + 1px) * 2);margin:auto auto 2em;max-width:unset;max-height:unset;min-height:calc(var(--static-height) * 25px);min-width:calc(var(--static-width) * 25px)}section.postPage>.additionalData{margin:0 auto 2em;font-size:1.2em}section.postPage>.additionalData>.authorName{font-weight:400}button{cursor:pointer;outline:none}button,select{font-family:Urbanist,sans-serif}.title>button{background:transparent;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;font-size:calc(.45 * var(--header-height))}.header-btn-group>.icon-btn{background:transparent;border:2px solid var(--contrast-background-color);color:var(--text-primary-color);height:var(--button-height-sm);width:var(--button-height-sm)}@media (max-width: 768px){.header-btn-group>.icon-btn{border-radius:calc(var(--border-radius) / 2);margin:auto .5em}.header-btn-group>.icon-btn>span{font-size:1.1em}.header-btn-group>.icon-btn:last-child{margin-right:1em}}@media (min-width: 769px){.header-btn-group>.icon-btn{border-radius:var(--border-radius);margin:auto .75em}.header-btn-group>.icon-btn>span{font-size:1.25em}}.header-btn-group>.icon-btn:hover,.header-btn-group>.icon-btn:active,.header-btn-group>.icon-btn:focus{background:var(--contrast-background-color);color:var(--text-contrast-color)}.main-btn{width:var(--main-button-width);min-width:100px;padding:.75em 0;font-size:1em;border-radius:var(--border-radius);margin:.5em;text-transform:uppercase;-webkit-transition:box-shadow ease-out var(--anim-time),color ease-out var(--short-anim-time);-moz-transition:box-shadow ease-out var(--anim-time),color ease-out var(--short-anim-time);transition:box-shadow ease-out var(--anim-time),color ease-out var(--short-anim-time);position:relative;background:transparent;border:2px solid var(--contrast-background-color);color:var(--text-primary-color)}.main-btn.play{background:var(--contrast-background-color);color:var(--text-contrast-color);box-shadow:inset 0 0 0 0 var(--light-background-color)}.main-btn.play:hover:not(:disabled),.main-btn.play:active:not(:disabled),.main-btn.play:focus:not(:disabled){box-shadow:inset var(--main-button-width) 0 0 0 var(--light-background-color);color:var(--text-primary-color)}.main-btn.play:disabled{opacity:.4;cursor:auto}.main-btn.newGrid{position:relative;overflow:hidden;transition:background-color ease-out var(--short-anim-time);background:var(--light-background-color)}.main-btn.newGrid:hover,.main-btn.newGrid:active,.main-btn.newGrid:focus{background-color:color-mix(in srgb,var(--contrast-background-color) 10%,transparent)}.main-btn.newGrid:before,.main-btn.newGrid:after{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;top:0;opacity:1;transition:left ease-out var(--short-anim-time)}.main-btn.newGrid:before{content:attr(data-before);left:0%}.main-btn.newGrid:after{content:attr(data-after);left:-100%}.main-btn.newGrid.unavailable{cursor:default}.main-btn.newGrid.unavailable:hover,.main-btn.newGrid.unavailable:active{background-color:color-mix(in srgb,var(--contrast-background-color) 5%,transparent)}.main-btn.newGrid.unavailable:hover:before,.main-btn.newGrid.unavailable:active:before{left:100%}.main-btn.newGrid.unavailable:hover:after,.main-btn.newGrid.unavailable:active:after{left:0}.home-btn{margin:auto;background:var(--contrast-background-color);color:var(--text-contrast-color);box-shadow:inset 0 0 0 0 var(--light-background-color);overflow:hidden;font-size:1em}.home-btn>span{position:absolute;font-size:1em;left:.5em;transition:left var(--anim-time) ease-out;color:var(--text-contrast-color)}.home-btn:hover{box-shadow:inset var(--main-button-width) 0 0 0 var(--light-background-color);color:var(--text-primary-color)}.home-btn:hover>span{left:calc(100% + .75em)}.icon-btn{position:relative;outline:none;color:var(--text-primary-color);border:var(--border-width) solid var(--text-primary-color);border-radius:var(--border-radius);display:flex;justify-content:center;align-items:center;transition:background-color var(--short-anim-time) linear,border var(--short-anim-time) linear,background-position var(--short-anim-time) linear,background-size var(--short-anim-time) linear;aspect-ratio:1/1}.icon-btn:disabled{cursor:auto}.tool-btn{width:unset;height:var(--button-height);background:var(--light-background-color)}.tool-btn:disabled{opacity:.3}.tool-btn:hover:not(.active):not(:disabled){box-shadow:inset 4px 4px 8px 2px #4b4b4b0d,inset 4px 4px 8px 2px #c7c7c70d;background:color-mix(in srgb,var(--contrast-background-color) 5%,var(--light-background-color))}.tool-btn:focus-visible{outline:2px ridge var(--primary-yellow)}.tool-btn.active{cursor:default}.tool-btn.cross-btn.active{color:#fff;border-color:var(--primary-red);background:var(--secondary-red)}.tool-btn.pen-btn.active{color:#fff;border-color:var(--primary-green);background:var(--secondary-green)}.reset-btn.active>span:not(.label){animation:resetButton var(--anim-time) ease-out}.validate-btn{width:unset;height:var(--button-height);overflow:hidden;background:var(--light-background-color)}.validate-btn:not(:disabled){border:var(--border-width) solid var(--contrast-background-color)}.validate-btn:not(:disabled)>span{display:none}.validate-btn:not(:disabled):before{position:absolute;display:flex;align-items:center;justify-content:center;height:100%;width:100%;top:0;transition:left ease-out var(--anim-time);font-family:Material Symbols Outlined;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:calc(var(--timer-font-size) + .5em)}.validate-btn:not(:disabled):before{content:"send"}.validate-btn:not(:disabled).active{cursor:initial}.validate-btn:not(:disabled):hover{box-shadow:inset 4px 4px 8px 2px #4b4b4b0d,inset 4px 4px 8px 2px #c7c7c70d}.validate-btn:not(:disabled):hover:not(.active):before{animation:sendArrow calc(4 * var(--anim-time)) ease-out forwards;opacity:.6}.validate-btn:not(:disabled)>.material-symbols-outlined{font-size:calc(var(--timer-font-size) + .5em)}.validate-btn:disabled>span{animation:rotateHourglass 3s ease-in infinite;display:block}.check-grid-btn:disabled:not(.valid):not(.invalid){background:var(--light-background-color);color:var(--background-grey);border-color:var(--background-grey)}.check-grid-btn:disabled:not(.valid):not(.invalid)>span:not(.label){animation:rotateHourglass 3s ease-in infinite;display:block}.check-grid-btn:disabled.valid{color:unset;background:var(--secondary-green);border-color:var(--primary-green)}.check-grid-btn:disabled.invalid{color:#fff;background:var(--secondary-red);border-color:var(--primary-red)}.post-grid-btn.active>span:not(.label){animation:sendArrow calc(4 * var(--anim-time)) ease-out infinite;display:block}.close-btn{position:absolute;top:1.5em;right:1.5em;outline:none;max-height:var(--button-height);max-height:24px;aspect-ratio:1/1;color:color-mix(in srgb,var(--contrast-background-color) 40%,transparent);border:none;background:transparent;display:flex;justify-content:center;align-items:center;transition:color var(--short-anim-time) linear;overflow:hidden;border-radius:var(--border-radius)}.close-btn>span{font-size:90px}.close-btn:hover,.close-btn:focus,.close-btn:active{color:#f00c}.text-btn{outline:none;background:transparent;color:var(--text-primary-color);font-size:1em;border:none;text-align:left}.text-btn:hover{text-decoration:underline}@media (max-width: 768px){.solutions-btn{height:var(--button-height);min-width:var(--button-height)!important;flex:1;justify-content:center!important}.solutions-btn.hidden{display:none!important}.solutions-btn>span.text{display:none}}@media (min-width: 769px){.solutions-btn{height:var(--button-height-sm)}.solutions-btn.hidden{visibility:hidden}}.carousel-btn{border:none;font-size:2em;background:transparent}.carousel-btn:hover:not(:disabled){background:color-mix(in srgb,var(--contrast-background-color) 15%,transparent)}.carousel-btn>span{font-size:1.25em}select{outline:none;border:var(--border-width) solid var(--text-primary-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-primary-color)}select>option{color:var(--text-primary-color)}select:focus-visible{outline:2px solid var(--primary-yellow)}.setting>label{font-weight:700;font-size:1.2em;align-self:center}.setting>select{background-color:transparent;border-radius:var(--border-radius);padding:0 3em 0 1em}.setting>select:hover,.setting>select:focus{cursor:pointer}@media (max-width: 768px){.setting>select{min-width:100px}}@media (min-width: 769px){.setting>select{min-width:120px}}.setting:has(select:focus):after{transform:rotate(180deg)}.selectSetting{display:flex;flex-direction:row-reverse}.selectSetting>label:before{position:absolute;content:"";height:100%;top:0;right:0;border-radius:10px;z-index:-1}@media (max-width: 768px){.selectSetting>label:before{min-width:100px}}@media (min-width: 769px){.selectSetting>label:before{min-width:120px}}.selectSetting>select:active+label:before,.selectSetting>select:hover+label:before{background:color-mix(in srgb,var(--contrast-background-color) 10%,transparent)}.selectLangWrapper{position:relative;height:var(--button-height-sm);aspect-ratio:1/1;z-index:1;overflow:hidden}@media (max-width: 768px){.selectLangWrapper{border-radius:calc(var(--border-radius) / 2)}}@media (min-width: 769px){.selectLangWrapper{border-radius:var(--border-radius)}}.selectLangWrapper>label{pointer-events:none}.selectLangWrapper>label:before{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;top:0;left:0;color:var(--text-primary-color);background-color:transparent;z-index:1;font-family:Chakra Petch;text-transform:uppercase;content:attr(data-before);text-align:center;transition:background-color var(--short-anim-time) linear,color var(--short-anim-time) linear}@media (max-width: 768px){.selectLangWrapper>label:before{font-size:calc(.25 * var(--button-height))}}@media (min-width: 769px){.selectLangWrapper>label:before{font-size:calc(.3 * var(--button-height))}}.selectLangWrapper:hover:before{color:var(--text-contrast-color);background-color:var(--contrast-background-color)}.selectLangWrapper:hover>.selectLang{border:var(--border-width) solid var(--contrast-background-color)}.selectLangWrapper>.selectLang{background-color:var(--light-background-color)!important}.selectLangWrapper>.selectLang:focus+label:before{color:var(--text-contrast-color);background-color:var(--contrast-background-color)}@media (hover: hover){.selectLangWrapper>.selectLang:hover+label:before{color:var(--text-contrast-color);background-color:var(--contrast-background-color)}}.selectLangWrapper>.selectLang{background:transparent;text-indent:100%;white-space:nowrap;overflow:hidden;height:100%;width:100%;z-index:1;transition:border var(--short-anim-time) linear}@media (max-width: 768px){.selectLangWrapper>.selectLang{border-radius:calc(var(--border-radius) / 2)}}@media (min-width: 769px){.selectLangWrapper>.selectLang{border-radius:var(--border-radius)}}.selectLangWrapper>.selectLang:hover:not(.active){box-shadow:inset 4px 4px 8px 2px #4b4b4b0d,inset 4px 4px 8px 2px #c7c7c70d;cursor:pointer}.selectLangWrapper>.selectLang.active{cursor:default}.toggleSetting{display:flex;justify-content:end}.switch{position:relative;display:inline-block;height:var(--switch-height);width:calc(2 * var(--switch-height))}@media (max-width: 768px){.switch{--switch-width: 48px;--switch-height: 24px;--switch-offset: 4px;--switch-radius: 24px}}@media (min-width: 769px){.switch{--switch-width: 60px;--switch-height: 36px;--switch-offset: 4px;--switch-radius: 36px}}.switch>input{opacity:0;width:0;height:0}.switch>.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--main-background-color);-webkit-transition:var(--short-anim-time);transition:all var(--short-anim-time);border:var(--border-width) solid var(--contrast-background-color);border-radius:var(--switch-radius)}.switch>.slider:before{position:absolute;content:"";height:calc(var(--switch-height) - 2 * var(--switch-offset) - 2 * var(--border-width));aspect-ratio:1/1;border-radius:calc(var(--switch-radius) / 2);background-color:var(--contrast-background-color);left:var(--switch-offset);top:var(--switch-offset);-webkit-transition:background-color var(--short-anim-time),transform var(--anim-time);transition:background-color var(--short-anim-time),transform var(--short-anim-time)}.switch>input:checked+.slider{background-color:var(--primary-green)}.switch>input:checked+.slider:before{background-color:var(--contrast-background-color);-webkit-transform:translateX(var(--switch-height));-ms-transform:translateX(var(--switch-height));transform:translate(var(--switch-height))}.switch>input:focus-visible+.slider{outline:2px solid var(--primary-yellow)}.switch>input:disabled+.slider{background:var(--background-grey);cursor:not-allowed;pointer-events:all!important}.socialButtons{display:flex;flex-direction:row;justify-content:space-around;--icon-size: 48px;--facebook-blue: #1877f2;--github-orange: #ff7f00;--linkedin-blue: #0a66c2;--paypal-blue: #27346a;--twitter-blue: #1d9bf0;--gunmetal-grey: #8D918D}.socialButtons>.icon-btn{height:var(--icon-size);width:var(--icon-size);padding:0;background:transparent;border:none;margin:auto 2em}.socialButtons>.icon-btn>span{display:block;height:100%;aspect-ratio:1/1;background:color-mix(in srgb,var(--contrast-background-color) 60%,transparent)}.socialButtons>.icon-btn:hover>.facebook-icon,.socialButtons>.icon-btn:focus>.facebook-icon{background:var(--facebook-blue)}.socialButtons>.icon-btn:hover>.github-icon,.socialButtons>.icon-btn:focus>.github-icon{background:var(--github-orange)}.socialButtons>.icon-btn:hover>.linkedin-icon,.socialButtons>.icon-btn:focus>.linkedin-icon{background:var(--linkedin-blue)}.socialButtons>.icon-btn:hover>.paypal-icon,.socialButtons>.icon-btn:focus>.paypal-icon{background:var(--paypal-blue)}.socialButtons>.icon-btn:hover>.twitter-icon,.socialButtons>.icon-btn:focus>.twitter-icon{background:var(--twitter-blue)}.socialButtons>.icon-btn:hover>.share-icon,.socialButtons>.icon-btn:focus>.share-icon{background:var(--contrast-background-color)}.newGridForm>.selectContainer{position:relative;z-index:2;width:100%}@media (max-width: 768px){.newGridForm>.selectContainer{width:calc(50% - 1em);flex:1}}@media (max-width: 364px){.newGridForm>.selectContainer>label{visibility:hidden!important}}@media (min-width: 1024px){.newGridForm>.selectContainer{width:clamp(var(--button-width),50% - .5em,1.5 * var(--button-width));flex:1}}.newGridForm>.selectContainer>label{position:absolute;height:100%;vertical-align:middle;top:0%;left:2em;display:flex;align-items:center;z-index:1;pointer-events:none}.newGridForm>.selectContainer>label:after{content:"expand_less";height:1em;width:1em;left:-1.25em;font-size:1.25em;display:flex;align-items:center;position:absolute;font-family:Material Symbols Outlined;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";transition:transform var(--short-anim-time) ease-out;transform:rotate(0)}.newGridForm>.selectContainer>select{width:100%;height:var(--button-height);background:var(--light-background-color);color:var(--text-primary-color);padding:0 1em;z-index:1;border-radius:var(--border-radius);text-align:right}.newGridForm>.selectContainer>select>option{direction:rtl}.newGridForm>.selectContainer>select:focus+label:after{transform:rotate(180deg)}.newGridForm>.textInputContainer{width:100%;background:var(--light-background-color)}.newGridForm>.textInputContainer>input:focus-visible{outline:2px solid var(--primary-yellow)}.selectThemeWrapper{height:var(--button-height-sm);aspect-ratio:1/1}.selectThemeWrapper>.switchTheme>input{opacity:0;width:0;height:0}.selectThemeWrapper>.switchTheme>.slider{cursor:pointer;position:relative;background-color:var(--light-background-color);-webkit-tap-highlight-color:transparent;outline:none;-webkit-transition:var(--short-anim-time);transition:var(--short-anim-time);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:var(--border-width) solid var(--text-primary-color);display:block;height:100%;width:100%;overflow:hidden}@media (max-width: 768px){.selectThemeWrapper>.switchTheme>.slider{border-radius:calc(var(--border-radius) / 2)}}@media (min-width: 769px){.selectThemeWrapper>.switchTheme>.slider{border-radius:var(--border-radius)}}.selectThemeWrapper>.switchTheme>.slider:before,.selectThemeWrapper>.switchTheme>.slider:after{position:absolute;font-family:Material Symbols Outlined;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:calc(.4 * var(--button-height));aspect-ratio:1/1;color:var(--text-primary-color);left:var(--switch-offset);-webkit-transition:var(--short-anim-time);transition:var(--short-anim-time);height:100%;width:100%;display:flex;justify-content:center;align-items:center;transform-origin:0px calc(3 * var(--button-height))}.selectThemeWrapper>.switchTheme>.slider:before{content:"dark_mode";display:flex;left:0}.selectThemeWrapper>.switchTheme>.slider:after{content:"light_mode";transform:rotate(-45deg)}.selectThemeWrapper>.switchTheme>input{position:absolute}.selectThemeWrapper>.switchTheme>input:checked+.slider:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.selectThemeWrapper>.switchTheme>input:checked+.slider:after{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.selectThemeWrapper>.switchTheme:hover>.slider,.selectThemeWrapper>.switchTheme>input:focus+.slider{background-color:var(--contrast-background-color)}.selectThemeWrapper>.switchTheme:hover>.slider:before,.selectThemeWrapper>.switchTheme:hover>.slider:after,.selectThemeWrapper>.switchTheme>input:focus+.slider:before,.selectThemeWrapper>.switchTheme>input:focus+.slider:after{color:var(--light-background-color)}.textInputContainer{position:relative;height:var(--button-height);display:flex}.textInputContainer>input{background:transparent;border:2px solid var(--contrast-background-color);padding:0 1em;border-radius:var(--border-radius);width:100%;color:var(--text-main-color);font-family:inherit}.textInputContainer>input.invalid{border-color:var(--primary-red);box-shadow:0 0 5px var(--secondary-red)}.textInputContainer>label{position:absolute;--font-size: 1em;height:100%;top:0;font-size:var(--font-size);transition:font-size var(--anim-time) ease-out,top var(--anim-time) ease-out,opacity var(--short-anim-time) ease-out;left:.75em;opacity:.6;display:flex;align-items:center;pointer-events:none}.textInputContainer>input:focus{background:color-mix(in srgb,var(--main-background-color) 70%,transparent)}.textInputContainer>input:focus+label{--font-size: .75em;top:-1em}.textInputContainer>input:not(.empty)+label{opacity:0}.backdrop-container{position:absolute;height:100%;width:100%;top:0;left:0;visibility:hidden;opacity:0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-transition:opacity ease-out var(--anim-time);-moz-transition:opacity ease-out var(--anim-time);transition:opacity ease-out var(--anim-time)}.backdrop-container.active{visibility:visible;opacity:1}.alert,.popup{display:flex;flex-direction:column;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;opacity:0}.popup-container{z-index:9;display:flex;justify-content:center;align-items:center}.popup-container>.popup{height:var(--popup-height);width:var(--popup-width);background:color-mix(in srgb,var(--light-background-color) 66%,transparent);border:2px solid var(--light-background-color);box-shadow:0 4px 25px rgba(0,0,0,calc(.25 * var(--base-shadow-intensity)));border-radius:var(--border-radius);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding-bottom:2em;-webkit-transition:opacity ease-out var(--anim-time) forwards var(--anim-time);-moz-transition:opacity ease-out var(--anim-time) forwards var(--anim-time);transition:opacity ease-out var(--anim-time) forwards var(--anim-time);position:relative;margin:auto;overflow-y:auto;transition:opacity .8s ease-out .4s;opacity:1}.popup-container>.popup>.setting{margin:2em 0;display:flex;justify-content:space-between;width:100%;height:var(--button-height);position:relative}.popup-container>.popup>.setting.selectSetting>.selectLang{background:var(--light-background-color)}.popup-container>.popup>.setting.selectSetting>.selectLang:hover+label:before{background:color-mix(in srgb,var(--light-contrast-background-color) 5%,transparent);z-index:-1}.popup-container>.popup>.setting.selectSetting:after{position:absolute;right:.25em;font-size:24px;height:100%;display:flex;align-items:center;font-family:Material Symbols Outlined;content:"expand_more";font-feature-settings:"liga";-webkit-font-feature-settings:"liga";transform:rotate(0);transition:transform var(--short-anim-time) ease-out}.popup-container>.popup>.setting.selectSetting>label{pointer-events:none;z-index:2}.popup-container>.popup>.setting.selectSetting>label:after{content:attr(data-after)}.popup-container>.popup>header{width:100%;display:flex;justify-content:center;position:relative;padding-top:2em}.popup-container>.popup>header>h1{margin:0 auto;width:80%;text-align:center}.popup-container>.popup>*:not(header){max-width:80%}.popup-container>.popup>h1,.popup-container>.popup h2,.popup-container>.popup h3{margin-bottom:0}.popup-container>.popup>p{text-align:justify;margin-left:10%;margin-right:auto}.popup-container>.popup>.split{height:2px}.popup-container>.popup>.split:not(.small){width:100%}.popup-container>.popup>.split.small{width:40%;opacity:.6;margin:.5em auto 0}.popup-container>.popup>.split:after{height:inherit;display:block;background:var(--contrast-background-color);content:""}.alert{border-radius:10px;box-shadow:0 4px 25px #00000026;position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);display:flex;flex-direction:column;top:calc(var(--header-height) + 2em);padding:1em;visibility:hidden;justify-content:center;transition:opacity .4s ease-out}.alert.default{background:color-mix(in srgb,var(--light-background-color) 33%,transparent);border:2px solid color-mix(in srgb,var(--contrast-background-color) 33%,transparent)}.alert.error{background:color-mix(in srgb,var(--secondary-red) 66%,transparent);border:2px solid color-mix(in srgb,var(--primary-red) 66%,transparent)}.alert.success{background:color-mix(in srgb,var(--secondary-green) 33%,transparent);border:2px solid color-mix(in srgb,var(--primary-green) 33%,transparent)}.alert.warning{background:color-mix(in srgb,var(--secondary-yellow) 33%,transparent);border:2px solid color-mix(in srgb,var(--primary-yellow) 33%,transparent)}@media (max-width: 768px){.alert{max-width:80%}}.alert.active{opacity:1;visibility:visible}.alert.confirm{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:2em 4em;background:color-mix(in srgb,var(--light-background-color) 66%,transparent);border:2px solid var(--light-background-color)}.alert.confirm>h3,.alert.confirm h4{margin:.5em auto}.alert.confirm>h4{font-weight:initial}.alert.confirm>.alert-btn-container{display:flex;flex-wrap:wrap;justify-content:center;margin:1em auto}.alert.confirm>.alert-btn-container>*{transition:box-shadow var(--short-anim-time) ease-out}.alert.confirm>.alert-btn-container>.ok{background:color-mix(in srgb,var(--primary-green) 40%,transparent);border:2px solid var(--primary-green);color:#fff;box-shadow:inset 0 0 0 0 var(--primary-green)}.alert.confirm>.alert-btn-container>.ok:hover{box-shadow:inset var(--main-button-width) 0 0 0 var(--primary-green)}.alert.confirm>.alert-btn-container>.cancel{background:color-mix(in srgb,var(--primary-red) 40%,transparent);border:2px solid var(--primary-red);color:#fff;box-shadow:inset 0 0 0 0 var(--primary-red)}.alert.confirm>.alert-btn-container>.cancel:hover{box-shadow:inset var(--main-button-width) 0 0 0 var(--primary-red)}.alert>span{margin:0 .5em 0 0}.alert-container{opacity:0;visibility:hidden;z-index:50}.alert-container.active{opacity:1;visibility:visible}.tutorialToolbar{display:flex;margin-top:1em;justify-content:center}.tutorialToolbar>button{margin:auto 1em;height:var(--button-height);justify-self:inherit!important}.keyboardTouch{background:white;box-shadow:0 0 3px #1116;color:var(--primary-black);padding:6px 12px;margin:auto 6px;border-radius:6px;line-height:34px}.notice-popup>.infoGrid{margin:2em 0 auto;display:grid;grid-gap:1em;width:100%}@media (max-width: 768px){.notice-popup>.infoGrid{grid-template-rows:1fr}}@media (min-width: 769px){.notice-popup>.infoGrid{display:flex;flex-direction:row;flex-wrap:wrap}}.notice-popup>.infoGrid>div{border:1px solid color-mix(in srgb,var(--main-background-color) 77%,transparent);background:color-mix(in srgb,var(--main-background-color) 77%,transparent);border-radius:5px;display:flex;flex-direction:column;justify-content:space-between;min-width:220px;flex:1}.notice-popup>.infoGrid>div:hover{background:color-mix(in srgb,var(--main-background-color) 93%,transparent)}.notice-popup>.infoGrid>div>p{margin:1em}.notice-popup>.infoGrid>div>p:first-child{font-weight:700}.notice-popup>.infoGrid>div>p:last-child{text-align:right}.notice-popup>.footer{width:100%;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between}@media (max-width: 768px){.notice-popup>.footer{margin:1em 0 0}.notice-popup>.footer>*{width:100%;margin:.5em 0 0;text-align:right}.notice-popup>.footer>.bugReport{padding:0}}.notice-popup>.footer>div>.appTitle{font-family:Chakra Petch,sans-serif;margin-right:.25em}.notice-popup>.footer>div>.appVersion{font-size:.9em}.notice-popup>.footer>.bugReport{color:var(--text-primary-color);background:transparent;font-size:1em;border:0;text-decoration:underline}.notice-popup>.footer>.bugReport:hover,.notice-popup>.footer>.bugReport:active,.notice-popup>.footer>.bugReport:focus{color:var(--primary-red)}.help-popup .grid.static{aspect-ratio:unset}.pause-popup{background:color-mix(in srgb,var(--light-background-color) 88%,transparent);border:2px solid var(--light-background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Chakra Petch;padding:1em 4em;font-size:1.5em;border-radius:var(--border-radius)}.pause-popup>button{background:transparent;border:none;color:var(--text-primary-color)}.pause-popup>button:after,.pause-popup>button:before{font-family:Material Symbols Outlined;font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:4em;display:none}.pause-popup>button:before{content:"pause";animation:blink 2s linear infinite}.pause-popup>button:after{content:"play_arrow"}.pause-popup>button:not(:hover):before{display:block}.pause-popup>button:hover:after{display:block;font-variation-settings:"FILL" 1}@media (max-width: 768px){.pause-popup{padding:1em 0;width:80%}}.solutions-popup{overflow-y:auto;max-height:80%;height:max-content!important}.solutions-popup>header{padding-bottom:2em}.solutions-popup>.solutions-carousel{width:100%;max-width:80%!important;margin:1em;display:flex;flex-direction:column}.solutions-popup>.solutions-carousel>.carousel-actions{width:90%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin:auto}.solutions-popup>.solutions-carousel>.carousel-actions>button{position:absolute;width:var(--button-height);z-index:2;margin:.25em}.solutions-popup>.solutions-carousel>.carousel-actions>button.active:not(:disabled){box-shadow:inset 4px 4px 8px 2px #4b4b4b0d,inset 4px 4px 8px 2px #c7c7c70d;background:color-mix(in srgb,var(--contrast-background-color) 5%,var(--light-background-color))}.solutions-popup>.solutions-carousel>.carousel-actions>button.left{left:calc(var(--button-height) / 2)}.solutions-popup>.solutions-carousel>.carousel-actions>button.right{right:calc(var(--button-height) / 2)}.solutions-popup>.solutions-carousel>.carousel-index{width:100%;text-align:center;font-size:1.2em;font-weight:700;margin:1em auto}@keyframes loadingBar{0%{background-position:100%}to{background-position:0%}}@keyframes dropHeader{0%{top:calc(var(--header-height) * -1)}to{top:0}}@keyframes backgroundColor{0%{background:var(--light-background-color)}to{background:var(--main-background-color)}}@keyframes bg-move{0%{background-position:-66% -66%}to{background-position:66% 66%}}@keyframes elementAppear{0%{opacity:0}to{opacity:1}}@keyframes rotateLoading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateHourglass{0%{transform:rotate(0)}20%{transform:rotate(180deg)}50%{transform:rotate(180deg)}70%{transform:rotate(360deg)}to{transform:rotate(360deg)}}@keyframes sendArrow{0%{opacity:1;transform:translate(0)}6.66%{opacity:1;transform:translate(-50%)}33.33%{opacity:0;transform:translate(100%)}33.34%{opacity:0;transform:translate(-100%)}66.66%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%{opacity:1}60%{opacity:1}70%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes ripple{0%{background-size:75% 75%;background-position:50% 50%}to{background-size:750% 750%;background-position:50% 50%}}@keyframes resetButton{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes descLeft{0%{left:100%}to{left:0%}}@keyframes descUp{0%{top:100%}to{top:0%}}@keyframes show{0%{opacity:0}to{opacity:1}}