.container.svelte-1uha8ag{grid-template:"head head head""main main side"1fr/1fr 3fr 1fr;gap:3.35rem 1rem;width:100%;height:100%;padding:1rem;display:grid}@media (width<=768px){.container.svelte-1uha8ag{grid-template-columns:minmax(0,1fr);grid-template-areas:"head""main";gap:1rem}}.header.svelte-1uha8ag{grid-area:head;grid-template-columns:subgrid;grid-template-areas:"title title user";display:grid}@media (width<=768px){.header.svelte-1uha8ag{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title user"}}.header.svelte-1uha8ag .title:where(.svelte-1uha8ag){overflow-wrap:break-word;grid-area:title;min-width:0}.header.svelte-1uha8ag .user-container:where(.svelte-1uha8ag){text-align:center;grid-area:user;place-self:center;height:4rem;margin-right:1rem}@media (width<=768px){.header.svelte-1uha8ag .user-container:where(.svelte-1uha8ag){display:none}}.sidebar.svelte-1uha8ag{grid-area:side}@media (width<=768px){.sidebar.svelte-1uha8ag{z-index:100;background-color:var(--bg-color);border-top-left-radius:15px;border-top-right-radius:15px;width:100%;padding:1rem;transition:transform .3s ease-in-out;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -2px 10px #0000001a}.sidebar.drawer-open.svelte-1uha8ag{transform:translateY(0)}}.drawer-backdrop.svelte-1uha8ag{display:none}@media (width<=768px){.drawer-backdrop.svelte-1uha8ag{z-index:99;background:#0006;width:100%;height:100%;display:block;position:fixed;top:0;left:0}}.mobile-drawer-toggle-button.svelte-1uha8ag{display:none}@media (width<=768px){.mobile-drawer-toggle-button.svelte-1uha8ag{z-index:98;border-radius:2rem;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 6px #0003}}.main.svelte-1uha8ag{grid-area:main;width:100%;min-width:0}.header-container.svelte-1uha8ag{justify-content:space-between;align-items:center;display:flex}.user-loading-spinner.svelte-1uha8ag{--size:2.2rem;height:var(--size);width:var(--size)}.container.svelte-1uha8ag .page-loading{--size:4rem;height:var(--size);width:var(--size);justify-self:center}.no-recipes-container.svelte-1uha8ag{width:100%;height:100%;color:var(--app-theme-gray-dark);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.no-recipes-container.svelte-1uha8ag .sad-logo:where(.svelte-1uha8ag){font-size:32px}.recipe-list.svelte-1uha8ag li:where(.svelte-1uha8ag){margin-bottom:1rem;list-style-type:none}.recipe-container.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.recipe-card-container.svelte-1uha8ag{width:100%;max-width:300px;height:500px}.pagination-container.svelte-1uha8ag{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.pagination-container.svelte-1uha8ag .pagination-input{text-align:center;width:3.5rem;font-size:.9rem}.pagination-container.svelte-1uha8ag .pagination-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pagination-container.svelte-1uha8ag .pagination-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-container.svelte-1uha8ag .pagination-input input[type=number]{-moz-appearance:textfield;text-align:center;padding:.25rem}.pagination-container.svelte-1uha8ag .pagination-button{padding:0 .5rem}.pagination-container.svelte-1uha8ag .pagination-total:where(.svelte-1uha8ag){color:var(--app-theme-gray-dark);font-size:.9rem}@media (width<=768px){.pagination-container.svelte-1uha8ag{gap:.25rem;margin-bottom:6rem}}