.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-z3q643{overflow:scroll;margin:0;height:100%;padding-bottom:var(--spacing-medium)}.spellbook-page-content.svelte-z3q643{display:flex;flex-direction:column;gap:var(--spacing);position:relative}.spell-level-group.svelte-z3q643{display:flex;flex-direction:column;width:100%;margin-bottom:var(--spacing)}.spell-level-group.svelte-z3q643:last-child{margin-bottom:0}.spell-level.svelte-z3q643{font-family:var(--font-family-header-text);font-size:1.25rem;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-z3q643>ul:where(.svelte-z3q643){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-small);width:100%}.spell-level-group.svelte-z3q643>ul:where(.svelte-z3q643)>li:where(.svelte-z3q643){width:100%}.spell-level-group.svelte-z3q643>ul:where(.svelte-z3q643)>li.active:where(.svelte-z3q643) button:where(.svelte-z3q643){border-color:var(--spellbook-colour, #c03e2e)}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643){padding:0;border:3px solid transparent;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-z3q643 button:where(.svelte-z3q643):focus{outline:0;border-color:color-mix(in srgb,var(--spellbook-colour, #c03e2e) 50%,transparent)}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643){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-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643) li:where(.svelte-z3q643):first-child{width:100%;display:flex;align-items:center;flex-wrap:wrap}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643) li:where(.svelte-z3q643):last-child{flex-shrink:0;width:calc(3rem + 6px)}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643) li:where(.svelte-z3q643) span.title:where(.svelte-z3q643){font-weight:700;font-size:1.1rem;color:var(--primary-accent);margin:0 var(--spacing-small) 0 0}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643) li:where(.svelte-z3q643) span:where(.svelte-z3q643):not(.title,.component):has(+span:where(.svelte-z3q643)):after{content:",";margin-right:var(--spacing-smallest)}.spell-level-group.svelte-z3q643 button:where(.svelte-z3q643) ul:where(.svelte-z3q643) li:where(.svelte-z3q643) span.component:where(.svelte-z3q643){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-6lde85{margin:var(--spacing) 0}button:disabled{opacity:.5;cursor:not-allowed}.spellbook-page-layout.svelte-gx4l2c{display:flex;flex-direction:column;height:100%;min-height:0;padding-bottom:2.5rem}.progress-indicator.svelte-gx4l2c{margin-bottom:0;width:100%;height:4px;flex-shrink:0}.strip.svelte-gx4l2c{background-color:var(--spellbook-colour);height:100%;transition:width .1s ease-out}.toggle.svelte-gx4l2c{margin-top:var(--spacing-small);margin-bottom:var(--spacing-small);display:flex;justify-content:flex-end;gap:2px;width:100%;flex-shrink:0}.toggle.svelte-gx4l2c button:where(.svelte-gx4l2c){background-color:transparent;padding:.2rem .4rem}.toggle.svelte-gx4l2c button:where(.svelte-gx4l2c) svg:where(.svelte-gx4l2c){width:20px;height:20px}.toggle.svelte-gx4l2c button:where(.svelte-gx4l2c) svg:where(.svelte-gx4l2c) path:where(.svelte-gx4l2c){fill:var(--primary-accent)}.toggle.svelte-gx4l2c button:where(.svelte-gx4l2c):hover{background-color:var(--darker-background)}.toggle.svelte-gx4l2c button.active:where(.svelte-gx4l2c){background-color:var(--darker-background)}.spellbook-views.svelte-gx4l2c{width:100%;min-height:0;margin-top:0;margin-bottom:2rem}.spellbook-views.svelte-gx4l2c:before{content:"";position:absolute;top:-2px;left:0;right:0;height:3px;background-color:var(--background);z-index:1;pointer-events:none}.spellbook-views.svelte-gx4l2c .spellbook:not(.active){display:none}@media (min-width: 1056px){.toggle.svelte-gx4l2c{display:none}.spellbook-views.svelte-gx4l2c{margin-top:2rem;max-width:var(--max-width);display:flex;flex-wrap:nowrap;flex-grow:1;gap:4rem;align-items:stretch}.spellbook-views.svelte-gx4l2c:after{content:"";position:absolute;bottom:0;left:0;right:0;height:var(--spacing);background:linear-gradient(to bottom,transparent,var(--background));z-index:100}.spellbook-views.svelte-gx4l2c .spellbook:not(.active),.spellbook-views.svelte-gx4l2c .spellbook.active{position:relative;width:50%;height:100%;top:0;bottom:6rem}.spellbook-views.svelte-gx4l2c .spellbook-page:not(.active),.spellbook-views.svelte-gx4l2c .spellbook-page.active{display:flex;flex-direction:column;justify-content:space-around}.spellbook-views.svelte-gx4l2c .spellbook-cards:not(.active),.spellbook-views.svelte-gx4l2c .spellbook-cards.active{display:flex}}