.main.svelte-b1yfb7{width:100%;display:grid;gap:0.5rem;grid-template-areas:"color pattern";grid-template-columns:auto 1fr}.picker.svelte-b1yfb7{display:grid;gap:0.5rem}.color.picker.svelte-b1yfb7{grid-template-columns:var(--button-size) var(--button-size);grid-template-rows:repeat(8, var(--button-size));grid-area:color}.pattern.picker.svelte-b1yfb7{grid-template-columns:repeat(10, var(--small-banner-width));grid-template-rows:repeat(4, var(--small-banner-height));grid-area:pattern}.picker.svelte-b1yfb7 *{cursor:pointer}
.grid.svelte-17uv0ei{max-width:1000px;height:100%;display:grid;margin:auto;padding:1rem;gap:1rem;grid-template-columns:auto auto 1fr auto;grid-template-rows:auto auto 1fr auto;grid-template-areas:"banner shield buttons buttons"
      "banner shield stack stack"
      "banner shield add add"
      "saved saved saved export"}.banner.svelte-17uv0ei{grid-area:banner;align-self:center}.shield.svelte-17uv0ei{grid-area:shield;align-self:center}.buttons.svelte-17uv0ei{grid-area:buttons}.stack.svelte-17uv0ei{grid-area:stack}.add.svelte-17uv0ei{grid-area:add}.saved.svelte-17uv0ei{grid-area:saved}.export.svelte-17uv0ei{grid-area:export}
.viewer.svelte-1jejv52{position:relative;width:var(--large-banner-width);height:var(--large-banner-height)}.viewer.shield.svelte-1jejv52{width:var(--large-shield-width);height:var(--large-shield-height)}
.background.svelte-kijvvw,.background-tint.svelte-kijvvw,.pattern.svelte-kijvvw{width:100%;height:100%;position:absolute;top:0;left:0;background-size:contain;image-rendering:crisp-edges;mask-size:contain}.background-tint.svelte-kijvvw{mix-blend-mode:multiply}.pattern.svelte-kijvvw{mask-size:100%;mask-type:luminance}
.banner-stack.svelte-1dcz7yd{max-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap}
.design-element-button.svelte-1u5rsmn.svelte-1u5rsmn{position:relative;cursor:pointer;width:100%;height:100%}.design-element-button.svelte-1u5rsmn.svelte-1u5rsmn .pattern-render{width:100%;height:100%}.hover.svelte-1u5rsmn.svelte-1u5rsmn{position:absolute;top:90%;left:0;z-index:1000}.picker.svelte-1u5rsmn.svelte-1u5rsmn{display:grid;gap:0.5rem;margin:0.2rem 0;padding:0.5rem;background-color:var(--theme-bg);border:1px solid var(--theme-line);border-radius:var(--theme-rounding)}.color.picker.svelte-1u5rsmn.svelte-1u5rsmn{grid-template-columns:repeat(16, var(--button-size));grid-template-rows:repeat(1, var(--button-size))}.pattern.picker.svelte-1u5rsmn.svelte-1u5rsmn{grid-template-columns:repeat(10, var(--small-banner-width));grid-template-rows:repeat(4, var(--small-banner-height))}.design-element-button.svelte-1u5rsmn:not(.show) .picker.svelte-1u5rsmn{display:none}
.pattern-slot.svelte-1jv0pyu.svelte-1jv0pyu{max-width:500px;margin:0.5rem;display:grid;gap:0.2rem;grid-template-rows:var(--button-size)
      var(--small-banner-height)
      var(--button-size);grid-template-columns:var(--button-size) var(--button-size);grid-template-areas:"visible remove"
      "banner banner"
      "left right"}.button.svelte-1jv0pyu.svelte-1jv0pyu{fill:var(--theme-line);cursor:pointer;text-align:center;padding:0.2em}.button.svelte-1jv0pyu.svelte-1jv0pyu:hover:not(:active):not(.disabled){fill:var(--theme-fg)}.button.red.svelte-1jv0pyu.svelte-1jv0pyu{fill:red}.button.red.svelte-1jv0pyu.svelte-1jv0pyu:hover:not(:active),.button.disabled.svelte-1jv0pyu.svelte-1jv0pyu{fill:darkred}.button.svelte-1jv0pyu.svelte-1jv0pyu svg{width:100%;height:100%}.remove.svelte-1jv0pyu.svelte-1jv0pyu{grid-area:remove}.tooltip.svelte-1jv0pyu.svelte-1jv0pyu{display:none;position:absolute;padding:0.2rem;border:1px solid var(--theme-line);border-radius:var(--theme-rounding);background:var(--theme-bg);z-index:1000}.svelte-1jv0pyu:hover>.tooltip.svelte-1jv0pyu:not(:hover){display:block}.remove.svelte-1jv0pyu.svelte-1jv0pyu{grid-area:remove}.banner.svelte-1jv0pyu.svelte-1jv0pyu{width:var(--small-banner-width);height:100%;grid-area:banner;justify-self:center}.left.svelte-1jv0pyu.svelte-1jv0pyu{grid-area:left}.right.svelte-1jv0pyu.svelte-1jv0pyu{grid-area:right}.visible.svelte-1jv0pyu.svelte-1jv0pyu{grid-area:visible}
.color.svelte-pa6nov{width:100%;height:100%}.color.hoverable.svelte-pa6nov:hover,.color.selected.svelte-pa6nov{box-shadow:0px 0px 0px 2px var(--theme-line)}
.pattern-render.svelte-aojpji{position:relative;background:var(--theme-fg)}.pattern-render.svelte-aojpji,.pattern-render.svelte-aojpji *{box-sizing:content-box}.pattern-render.hoverable.svelte-aojpji:hover,.pattern-render.selected.svelte-aojpji{box-shadow:0px 0px 0px 2px var(--theme-line)}
.button.svelte-1gyea{display:inline-block;border:1px solid var(--theme-line);border-radius:var(--theme-rounding);padding:0.5rem;user-select:none;cursor:pointer;fill:white}.button.svelte-1gyea:hover:not(:active):not(.lock){border-color:var(--theme-fg)}.button.lock.svelte-1gyea{border-color:darkred;color:darkred;fill:darkred}.button.svelte-1gyea svg{width:1em;height:1em;position:relative;top:2px}

/*# sourceMappingURL=bundle.css.map */