.parent.svelte-xkokur{position:relative}.menu.svelte-xkokur{position:absolute;z-index:10;display:flex;flex-direction:column;left:0;right:0;max-width:370px;margin:0 auto;background-color:#dededecc;padding:20px;height:50vh;transition:opacity .3s ease;opacity:0;pointer-events:none}.mainColors.svelte-xkokur{flex:1;min-height:0;width:100%;height:20px;border:none;font-family:monospace;background-color:var(--bg-color);transition:width .2s ease}.mainColors.svelte-xkokur:hover{color:#fff;width:90%}.mainColors.clicked.svelte-xkokur{width:5%}.parent.svelte-xkokur:has(.clicked:where(.svelte-xkokur)) .mainColors:where(.svelte-xkokur):not(.clicked){opacity:0}.show-menu.svelte-xkokur{opacity:1;pointer-events:all}.body.svelte-w9db3{max-width:360px;margin:0 auto}.title.svelte-w9db3{display:flex;flex-direction:row}.box.svelte-w9db3{height:40px;width:100%}p.svelte-w9db3{font-family:bakso}.all-colors.svelte-w9db3{width:100%;display:flex;flex-wrap:wrap;flex-direction:row}.one-color.svelte-w9db3{aspect-ratio:1;width:15px;height:15px;background-color:#d3d3d3;transition:background-color 3s ease}.svelte-1divodv{max-width:360px;margin:0 auto}a.svelte-1divodv{text-decoration:none}.header.svelte-1divodv{width:100%;font-family:note;font-size:1.1em;text-align:center;padding:40px 0 20px;transition:background-color 1.1s ease,color .8s ease}.grid-container.svelte-1divodv{position:relative}.winning-text.svelte-1divodv{max-width:360px;padding:1rem 0;font-size:2rem;font-weight:700;font-family:bakso;color:#ccc;pointer-events:none;transition:opacity 1.8s ease;opacity:0;text-align:center}.palette.svelte-1divodv{width:10ch;display:flex;flex-direction:row;border-radius:4px;overflow:hidden;border:solid 2px white}.eachColor.svelte-1divodv{width:100%;aspect-ratio:1}.winning-text.svelte-1divodv button:where(.svelte-1divodv){background-color:transparent;border:none}.winning-text.svelte-1divodv button:where(.svelte-1divodv):hover{background-color:transparent;border:none}.winning-text.svelte-1divodv button:where(.svelte-1divodv) span:where(.svelte-1divodv){color:#fff;font-family:bakso;border:1px solid black;padding:6px 10px}.winning-text.svelte-1divodv button:where(.svelte-1divodv) span:where(.svelte-1divodv):hover{background-color:#0ff}.grid.svelte-1divodv{display:grid;grid-template-columns:repeat(5,20%);grid-template-rows:repeat(6);width:100%;gap:0;line-height:0;border:1px black solid}.grid-won.svelte-1divodv{border:none}.box.svelte-1divodv{width:100%;aspect-ratio:1;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:grab;transition:transform .25s ease-in-out;transition:background-color .1s ease,color .8s ease;touch-action:none;box-shadow:inset 0 0 0 1px #000}.placeholder.svelte-1divodv{outline:2px solid #ffffff;box-shadow:0 0 0 4px #27272799;z-index:10}.win.svelte-1divodv{background-color:transparent!important;transition:background-color 3s ease;pointer-events:none;box-shadow:none}.show-text.svelte-1divodv{opacity:1;pointer-events:all}@font-face{font-family:notewhite;src:url(./Notedry.DZzLjydK.ttf) format("truetype")}@font-face{font-family:note;src:url(./NotedryBase.DcLiqAyX.ttf) format("truetype")}@font-face{font-family:bakso;src:url(./BaksoSapi.Cg-vpuk6.otf) format("truetype")}