.spellbook.svelte-dtzklv{container-name:book;container-type:size;max-width:none;position:fixed;top:6rem;left:0;right:0;bottom:6rem;z-index:1000;display:flex;justify-content:space-around;align-items:center;margin:0}.spellbook.svelte-dtzklv.grabbing-next-card .card:not(:first-child){filter:brightness(75%)}.spellbook.svelte-dtzklv.grabbing-next-card.past-threshold .card:first-child{filter:brightness(75%)}.spellbook.svelte-dtzklv.grabbing-next-card.past-threshold .card:not(:first-child){filter:brightness(100%)}.spellbook.svelte-dtzklv.grabbing-previous-card .card:last-child{filter:brightness(75%)}.spellbook.svelte-dtzklv.grabbing-previous-card.past-threshold .card:not(:last-child){filter:brightness(75%)}.spellbook.svelte-dtzklv.grabbing-previous-card.past-threshold .card:last-child{filter:brightness(100%)}.spellbook.svelte-17z8u4e{position:fixed;top:6rem;left:var(--spacing);right:var(--spacing);bottom:2rem;z-index:100;display:flex;flex-direction:column;gap:var(--spacing);margin-top:0;overflow:scroll;padding:0 0 var(--spacing) 0}.spellbook-top.svelte-17z8u4e,.spellbook-bottom.svelte-17z8u4e{margin-top:0;position:fixed;left:var(--spacing);right:var(--spacing);z-index:101;height:var(--spacing)}.spellbook-top.svelte-17z8u4e{top:5rem;background:linear-gradient(to bottom,var(--background),transparent)}.spellbook-bottom.svelte-17z8u4e{bottom:2rem;background:linear-gradient(to top,var(--background),transparent)}.spell-level-group.svelte-17z8u4e{display:flex;flex-direction:column;width:100%}.spell-level-group.svelte-17z8u4e:after{content:"";height:var(--spacing)}.spell-level.svelte-17z8u4e{font-family:var(--font-family-header-text);font-size:1.25rem;font-weight:600;padding-bottom:.25rem;position:sticky;top:0;background:linear-gradient(to bottom,var(--background) 66%,transparent);padding-bottom:var(--spacing);z-index:1}.spell-level-group.svelte-17z8u4e>ul:where(.svelte-17z8u4e){list-style:none;padding:0;margin:0;border-left:4px solid var(--spellbook-colour, #c03e2e);display:flex;flex-direction:column;gap:var(--spacing-small);width:100%}.spell-level-group.svelte-17z8u4e>ul:where(.svelte-17z8u4e)>li:where(.svelte-17z8u4e){width:100%;padding:0 0 0 var(--spacing-small)}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e){padding:0;background-color:var(--darker-background);border-radius:var(--border-radius);padding:var(--spacing-small);color:var(--primary-accent);font-weight:400;width:100%;box-shadow:var(--box-shadow-small);transition:transform .2s,box-shadow .2s;display:inline-block}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e):hover{transform:translateY(-3px);box-shadow:var(--box-shadow)}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e){list-style:none;padding:0;margin:0;display:flex;gap:.5rem;text-transform:capitalize;color:var(--color-faint-text);font-size:var(--font-size-small);font-weight:400;text-align:left;align-items:center}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e) li:where(.svelte-17z8u4e):first-child{width:100%;display:flex;align-items:center;flex-wrap:wrap}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e) li:where(.svelte-17z8u4e):last-child{flex-shrink:0;width:calc(3rem + 6px)}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e) li:where(.svelte-17z8u4e) span.title:where(.svelte-17z8u4e){font-weight:700;font-size:1.1rem;color:var(--primary-accent);margin:0 var(--spacing-small) 0 0}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e) li:where(.svelte-17z8u4e) span:where(.svelte-17z8u4e):not(.title,.component):has(+span:where(.svelte-17z8u4e)):after{content:",";margin-right:var(--spacing-smallest)}.spell-level-group.svelte-17z8u4e button:where(.svelte-17z8u4e) ul:where(.svelte-17z8u4e) li:where(.svelte-17z8u4e) span.component:where(.svelte-17z8u4e){text-transform:uppercase;display:inline-block;background-color:var(--primary-accent);color:var(--button-text-color);width:1rem;height:1rem;text-align:center;line-height:1rem;margin-left:2px}span.svelte-twjzjd{margin:var(--spacing) 0}.spell-count.svelte-twjzjd{margin-top:var(--spacing);font-size:.9rem;color:var(--text-muted);font-weight:700}.spell-count.no-matches.svelte-twjzjd{color:var(--primary-accent)}button:disabled{opacity:.5;cursor:not-allowed}.progress-indicator.svelte-tx0vbf{margin-bottom:0}.toggle.svelte-tx0vbf{margin-top:var(--spacing-small);display:flex;justify-content:flex-end;gap:2px;margin-bottom:0}.toggle.svelte-tx0vbf button:where(.svelte-tx0vbf){background-color:transparent;padding:.2rem .4rem}.toggle.svelte-tx0vbf button:where(.svelte-tx0vbf) svg:where(.svelte-tx0vbf){width:20px;height:20px}.toggle.svelte-tx0vbf button:where(.svelte-tx0vbf) svg:where(.svelte-tx0vbf) path:where(.svelte-tx0vbf){fill:var(--primary-accent)}.toggle.svelte-tx0vbf button:where(.svelte-tx0vbf):hover{background-color:var(--darker-background)}.toggle.svelte-tx0vbf button.active:where(.svelte-tx0vbf){background-color:var(--darker-background)}.strip.svelte-tx0vbf{background-color:var(--spellbook-colour);position:absolute;top:0;left:0;right:0;height:4px;transition:width .1s ease-out}