.recipe-list-item.svelte-1yy9i48{height:var(--height, 320px);width:var(--width, 370px);cursor:pointer}.recipe-title.svelte-1yy9i48{color:var(--title-color, white);font-family:Inter,sans-serif;font-size:var(--title-size, 28px);line-height:var(--title-line-height, 34px);letter-spacing:var(--title-letter-spacing, 0);margin-top:6px;text-shadow:var(--title-text-shadow, 0 4px 4px rgba(0, 0, 0, .2509803922))}figure.svelte-1yy9i48{background-color:#00000021;border-radius:15px;margin:0;padding:0;height:var(--image-height, 240px);width:var(--width, 370px)}figure.svelte-1yy9i48 img:where(.svelte-1yy9i48){border-radius:15px;box-shadow:var(--box-shadow);color:gray;height:var(--image-height, 240px);width:var(--width, 370px)}dialog.svelte-h3gxul{background-color:rgba(var(--light-background-color-rgb),.8);border-radius:var(--border-radius);border:none;padding:0;margin:var(--modal-margin, auto);left:var(--modal-left, 0);top:var(--modal-top, 0)}dialog.svelte-h3gxul::backdrop{background:#00000021}dialog.svelte-h3gxul>div:where(.svelte-h3gxul){padding:1em}dialog[open].svelte-h3gxul{animation:svelte-h3gxul-zoom .3s cubic-bezier(.34,1.56,.64,1)}@keyframes svelte-h3gxul-zoom{0%{transform:scale(.95)}to{transform:scale(1)}}dialog[open].svelte-h3gxul::backdrop{animation:svelte-h3gxul-fade .2s ease-out}@keyframes svelte-h3gxul-fade{0%{opacity:0}to{opacity:1}}svg.svelte-c8tyih{stroke:currentColor;fill:currentColor;stroke-width:0;width:100%;height:auto;max-height:100%}.key-container.svelte-182sq0z{display:grid;grid-template-columns:repeat(11,100px);gap:10px;grid-auto-rows:100px}.key-container.svelte-182sq0z .key:where(.svelte-182sq0z){border-radius:var(--border-radius);background-color:#201d1d}.key-container.svelte-182sq0z .letter:where(.svelte-182sq0z){color:#fff;font-family:Inter,sans-serif;font-size:64px;line-height:100px;text-align:center;text-transform:capitalize}.key-container.svelte-182sq0z .backspace:where(.svelte-182sq0z){grid-column:span 2}.key-container.svelte-182sq0z .enter:where(.svelte-182sq0z){grid-column:span 2}.key-container.svelte-182sq0z .space:where(.svelte-182sq0z){grid-column:2/span 9}.icon-white.svelte-182sq0z svg{color:#fff}