@charset "UTF-8";.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:100;src:url(/assets/barlow-semi-condensed-v15-latin-100-TUjCtM2B.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:100;src:url(/assets/barlow-semi-condensed-v15-latin-100italic-Dy-utSbr.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:200;src:url(/assets/barlow-semi-condensed-v15-latin-200-DmcwjlTm.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:200;src:url(/assets/barlow-semi-condensed-v15-latin-200italic-DedjPzTP.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:300;src:url(/assets/barlow-semi-condensed-v15-latin-300-CFUV4p4S.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:300;src:url(/assets/barlow-semi-condensed-v15-latin-300italic-B_2FVKPh.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:400;src:url(/assets/barlow-semi-condensed-v15-latin-regular-BUEby1WS.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:400;src:url(/assets/barlow-semi-condensed-v15-latin-italic-BNlix8eO.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:500;src:url(/assets/barlow-semi-condensed-v15-latin-500-D84L8oWA.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:500;src:url(/assets/barlow-semi-condensed-v15-latin-500italic-B8GBW_MH.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:600;src:url(/assets/barlow-semi-condensed-v15-latin-600-CzIuwFFH.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:600;src:url(/assets/barlow-semi-condensed-v15-latin-600italic-DI3zdJ9Q.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:700;src:url(/assets/barlow-semi-condensed-v15-latin-700-B9GOc3VQ.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:700;src:url(/assets/barlow-semi-condensed-v15-latin-700italic-CdvXOHih.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:800;src:url(/assets/barlow-semi-condensed-v15-latin-800-D3j2w3Bj.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:800;src:url(/assets/barlow-semi-condensed-v15-latin-800italic-CGGxbQV9.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:normal;font-weight:900;src:url(/assets/barlow-semi-condensed-v15-latin-900-B1_KXaO8.woff2) format("woff2")}@font-face{font-display:swap;font-family:Barlow Semi Condensed;font-style:italic;font-weight:900;src:url(/assets/barlow-semi-condensed-v15-latin-900italic-CSkj8oC_.woff2) format("woff2")}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shaking{0%{transform:rotate(-20deg)}to{transform:rotate(20deg)}}@keyframes changeColor{0%{background-color:#242424;color:#fff}to{background-color:#fff;color:#242424}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--primary-color: #022060;--secondary-color: #fcd945;--error-color: #ff0000;--warning-color: #990000;--success-color: #009900;--dark-color: #2b2a33;--text-color: #fff;--placeholder-color: #a1a6b2;--page-background: #69291c;--dark-bg: #00000069;--page-bg: #69291ccc;--success-bg: #00990069;--error-bg: #99000069;--info-bg: #fcd94569;--stats-bg: #02206069;--light-bg: #ffffff33;--secondary-bg: #fcd945bb;--dialog-bg: #888888dd;--page-spacing: 15px;--header-height: 80px}@media (min-width: 992px){:root{--header-height: 120px;--page-spacing: 30px}}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;max-width:100%;color:var(--text-color);font-weight:400;font-size:14px;line-height:1.5;font-family:system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}@media (min-width: 992px){:root{font-size:16px}}body{position:relative;margin:0;background:var(--page-background)}*:where(:not(html,dialog,iframe,canvas,img,svg,video,audio,input[type=checkbox]):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a,button{cursor:pointer}ol,ul,menu,nav{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;-webkit-line-break:after-white-space;-webkit-user-select:auto;overflow-wrap:break-word}:where([draggable=true]){-webkit-user-drag:element}button,.button{display:flex;justify-content:center;align-items:center;transition:all .25s ease;cursor:pointer;outline:2px solid var(--secondary-color);outline-offset:-2px;border-radius:8px;background-color:var(--secondary-color);padding:4px 32px;height:40px;color:var(--primary-color)}button:hover,button:active,button:focus-visible,.button:hover,.button:active,.button:focus-visible{outline:2px solid var(--secondary-color);box-shadow:1px 1px 6px var(--secondary-color);background-color:var(--dark-color);color:var(--secondary-color)}button.secondary,button.no,.button.secondary,.button.no{background-color:var(--dark-color);color:var(--secondary-color)}button.edit svg,button.download svg,.button.edit svg,.button.download svg{transition:all .25s ease;fill:var(--primary-color)}button.edit:hover svg,button.download:hover svg,.button.edit:hover svg,.button.download:hover svg{fill:var(--secondary-color)}button.delete,.button.delete{outline-color:var(--dark-color);background-color:var(--warning-color);color:#fff}button.delete svg,.button.delete svg{fill:#fff}button.delete:hover,.button.delete:hover{outline-color:var(--warning-color);box-shadow:1px 1px 6px var(--warning-color)}button.copy,.button.copy{outline-color:var(--dark-color)}button.copy:hover,.button.copy:hover{outline-color:var(--secondary-color)}button.icon,.button.icon{padding-inline:8px}button:disabled,.button:disabled{cursor:initial;outline-color:var(--dark-color);background-color:var(--dark-color);color:#a9a9a9}button:disabled:hover,.button:disabled:hover{box-shadow:none}.loading{font-size:0}.loading:after{animation:rotating 1s infinite linear;border:2px solid white;border-bottom:0;border-radius:100%;aspect-ratio:1/1;height:80%;content:""}input[type=text],textarea,select,input[type=password],input[type=number]{--input-padding: 16px;--full-width: 175px;transition:all .25s ease;border:1px solid grey;border-radius:8px;background-color:var(--dark-color);padding-inline:var(--input-padding);width:100%;min-width:22px;height:42px;color:var(--text-color);text-align:left}input[type=text].input-error,textarea.input-error,select.input-error,input[type=password].input-error,input[type=number].input-error{border-color:var(--error-color)}input[type=text]::placeholder,textarea::placeholder,select::placeholder,input[type=password]::placeholder,input[type=number]::placeholder{color:var(--placeholder-color)}input[type=text]:hover,input[type=text]:active,textarea:hover,textarea:active,select:hover,select:active,input[type=password]:hover,input[type=password]:active,input[type=number]:hover,input[type=number]:active{box-shadow:1px 1px 6px var(--secondary-color);border-color:var(--secondary-color)}input[type=checkbox]{cursor:pointer;accent-color:var(--secondary-color)}textarea{padding-block:16px;width:100%;height:10ch}select{display:flex;align-items:center;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-position:100% 50%;background-repeat:no-repeat;width:100%}label{display:flex;flex-direction:column;align-items:flex-start;gap:3px}label:before{margin-left:16px;content:attr(aria-label)}a:not(.button),.nav-link:not(.button){transition:all .25s ease;font-weight:600}a:not(.button).nav-link,.nav-link:not(.button).nav-link{font-size:1.2rem}a:not(.button):not(.nav-link),.nav-link:not(.button):not(.nav-link){color:var(--secondary-color);text-decoration:inherit}@media (max-width: 991px){a:not(.button).nav-link,.nav-link:not(.button).nav-link{font-size:2rem}}a:not(.button):hover,.nav-link:not(.button):hover{text-shadow:1px 1px 3px var(--secondary-color)}a:not(.button):hover.nav-link,.nav-link:not(.button):hover.nav-link{text-shadow:1px 1px 3px white}.tippy-box{background-color:var(--dark-color)}.tippy-arrow{color:var(--dark-color)}h1,h2,h3,h4,h5,h6{margin-block:1em .4em;font-weight:500;line-height:1.1;font-family:Barlow Semi Condensed,system-ui,sans-serif;text-transform:uppercase;word-break:break-word}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:.3em}h1,.h1{font-size:5rem}h2,.h2{font-size:2.5rem}h3,.h3{font-size:1.8rem}h4,.h4{font-size:1.5rem}h5,.h5{font-size:1.2rem}h6,.h6{font-size:1.1rem}.error{padding-left:16px;color:var(--error-color);font-weight:300;font-size:.9rem;text-align:left;text-shadow:1px 1px 20px white}.error.big{grid-column:span 2;font-weight:500;font-size:1.1rem}p{margin-block:.3em 1em}p.shadow{text-shadow:1px 1px 20px var(--primary-color),-1px -1px 20px var(--primary-color)}p.narrow{max-width:800px}.container{margin-inline:auto;padding-inline:var(--page-spacing);max-width:1300px}.box{box-shadow:0 0 20px #000;border-radius:8px;background-color:var(--dark-bg);padding:8px}@media (min-width: 992px){.box{padding:30px}}footer{position:relative;bottom:0;background:linear-gradient(to top,rgb(0,0,0) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.2) 90%,transparent);padding-block:50px}footer .container{display:grid;grid-template-areas:"legal connect" "copyright copyright";row-gap:20px;justify-content:space-between}footer .container .legal{display:flex;flex-direction:column}footer .container .connect .links{display:flex;gap:1ch}footer .container .connect .links a{padding-inline:8px}footer .container .connect .links a svg{transition:all .25s ease;width:30px;height:30px}footer .container .connect .links a:hover svg,footer .container .connect .links a:focus-visible svg{fill:#fff}footer .container .copyright{grid-area:copyright;justify-self:center}.header{display:flex;position:fixed;top:0;left:0;align-items:center;background-size:cover;background:linear-gradient(to bottom,rgb(0,0,0) 0%,rgba(0,0,0,.8) 30%,rgba(0,0,0,.6) 50%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.2) 90%,transparent);width:100vw;height:var(--header-height)}.header.dashboard .desktop-nav{grid-template-columns:auto 1fr repeat(2,auto)}.header .desktop-nav{display:grid;grid-template-columns:1fr repeat(2,auto);grid-auto-columns:auto;grid-auto-flow:column;align-items:center;gap:40px;visibility:visible;transition:height .25s ease;margin-inline:auto;padding-inline:var(--page-spacing);width:100%;max-width:1300px;height:100%}.header .desktop-nav .nav-link{font-weight:600}.header .desktop-nav .nav-link.current{text-decoration:underline;text-underline-offset:2px}@media (max-width: 991px){.header .desktop-nav{display:none}}.header .mobile-nav{display:flex;justify-content:space-between;align-items:center;padding-inline:var(--page-spacing);width:100%}.header .mobile-nav .home{width:40px;height:40px}.header .mobile-nav .nav-container{display:flex;position:absolute;top:0;left:0;flex-direction:column;justify-content:center;align-items:center;translate:0 -100%;transition:translate .25s ease;background:linear-gradient(to top,var(--secondary-color) 20%,var(--page-background));width:100%;height:100svh}.header .mobile-nav.open .nav-container{translate:0}@media (min-width: 992px){.header .mobile-nav{display:none}}.header .mobile-nav .nav-toggle{position:relative;z-index:200;outline:none;box-shadow:none;background-color:transparent;padding:8px;width:40px;height:15px;font-size:0}@media (min-width: 992px){.header .mobile-nav .nav-toggle{display:none}}.header .mobile-nav .nav-toggle:before,.header .mobile-nav .nav-toggle:after,.header .mobile-nav .nav-toggle .line{display:block;position:absolute;left:0;transition:all .25s ease-in-out;border-radius:8px;background-color:var(--secondary-color);width:100%;height:2px;content:""}.header .mobile-nav .nav-toggle:before{top:0}.header .mobile-nav .nav-toggle .line{top:50%}.header .mobile-nav .nav-toggle:after{top:100%}.header .mobile-nav .nav-toggle:hover:before,.header .mobile-nav .nav-toggle:hover:after,.header .mobile-nav .nav-toggle:hover .line,.header .mobile-nav .nav-toggle:focus:before,.header .mobile-nav .nav-toggle:focus:after,.header .mobile-nav .nav-toggle:focus .line,.header .mobile-nav .nav-toggle:focus-visible:before,.header .mobile-nav .nav-toggle:focus-visible:after,.header .mobile-nav .nav-toggle:focus-visible .line,.header .mobile-nav .nav-toggle:active:before,.header .mobile-nav .nav-toggle:active:after,.header .mobile-nav .nav-toggle:active .line{box-shadow:1px 1px 2px var(--secondary-color)}.header .mobile-nav .nav-toggle.open .line{opacity:0}.header .mobile-nav .nav-toggle.open:before,.header .mobile-nav .nav-toggle.open:after{top:50%;right:0;left:calc(100% - 16px);width:16px}@media (max-width: 991px){.header .mobile-nav .nav-toggle.open:before,.header .mobile-nav .nav-toggle.open:after{width:20px}}.header .mobile-nav .nav-toggle.open:before{rotate:-45deg}.header .mobile-nav .nav-toggle.open:after{rotate:45deg}main{display:flex;flex-direction:column;align-items:center;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height) - 200px);text-align:center}.background-wrapper{--rotation: 10deg;z-index:-1;position:fixed;width:100vw;height:100svh;overflow:visible;top:0;left:0;min-width:100%;min-height:100%}.background-wrapper .background{position:relative;top:-15%;left:-15%;width:130%;height:130%;background:linear-gradient(0deg,var(--dark-bg),var(--dark-bg)),url(/header.jpg) no-repeat center;background-size:cover;transition:all .5s ease}@media (prefers-reduced-motion: reduce){.background-wrapper .background{transform:none}}.confirmation-dialog{background:linear-gradient(to bottom,var(--secondary-color) 50%,var(--page-background));border:none;border-radius:8px;max-width:90vw}@media (min-width: 992px){.confirmation-dialog{max-width:50vw}}.confirmation-dialog .content{display:flex;flex-direction:column;gap:2ch;padding:30px}.confirmation-dialog .content .buttons{display:flex;justify-content:space-between;gap:1ch}.confirmation-dialog .content .buttons button{text-transform:capitalize}dialog[open]{opacity:1;transform:scaleY(1)}dialog{opacity:0;transform:scaleY(0);transition:opacity .25s ease-out,transform .25s ease-out,overlay .25s ease-out allow-discrete,display .25s ease-out allow-discrete}@starting-style{dialog[open]{opacity:0;transform:scaleY(0)}}dialog::backdrop{background-color:#0000;transition:display .25s allow-discrete,overlay .25s allow-discrete,background-color .25s}dialog[open]::backdrop{background-color:#00000040}@starting-style{dialog[open]::backdrop{background-color:#0000}}.new-statblock-heading{margin-bottom:2rem}.creator-wrapper{padding-top:0;padding-inline:0;min-width:300px}@media (min-width: 576px){.creator-wrapper{min-width:550px}}@media (min-width: 992px){.creator-wrapper{min-width:800px}}.creator-wrapper .tabs{display:flex;justify-content:space-around;margin-bottom:1rem;width:100%;color:#696969;font-size:1.5rem}.creator-wrapper .tabs .tab{transition:all .25s ease;cursor:pointer;border-top-right-radius:8px;border-top-left-radius:8px;background-color:#ffffff1a;width:100%}.creator-wrapper .tabs .tab.active{background-color:transparent;color:#fff;text-shadow:1px 1px 5px var(--secondary-color)}.creator-wrapper .content{padding-inline:var(--page-spacing)}.e5-ability{display:flex;flex-direction:column}.e5-ability .ability-extra-info{display:flex;flex-direction:column;padding-left:2ch}.spells .spell-filters{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:1ch}.spells .spell-filters .spell-filter{cursor:pointer}.spells .spell-filters .spell-filter.active,.spells .spell-filters .spell-filter:hover{background-color:#ffffffb3;color:#000}.spells .spell-list{padding:0;list-style:none}.spells .spell-list .spell{border-bottom:1px dotted darkgrey;padding-bottom:5px}.spells .spell-list .spell .spell-main{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.spells .spell-list .spell .spell-main .spell-info{display:flex;flex-direction:column;gap:5px}.spells .spell-list .spell .spell-main .spell-info .spell-header{display:flex;align-items:flex-start;gap:1ch}.spells .spell-list .spell .spell-main .spell-info .spell-header .spell-name{margin:0;font-size:18px;line-height:1;text-transform:capitalize}.spells .spell-list .spell .spell-main .spell-info .spell-header .spell-level{color:#d3d3d3;font-size:12px}.spells .spell-list .spell .spell-main .spell-info .spell-damage{font-size:14px}.spells .spell-list .spell .spell-main .spell-info .spell-components{display:flex;padding-right:10px;font-size:14px;line-height:1}.spells .spell-list .spell .spell-main .spell-info .spell-components .material-details{color:#d3d3d3;font-size:12px;-webkit-hyphens:auto;hyphens:auto}.spells .spell-list .spell .spell-more-info{display:grid;grid-template-rows:0fr;transition:.25s ease-in-out;margin-left:1ch;border-left:1px solid white;padding-left:1ch}.spells .spell-list .spell .spell-more-info.open{grid-template-rows:1fr}.spells .spell-list .spell .spell-more-info.open .more-info-content{opacity:1}.spells .spell-list .spell .spell-more-info .more-info-content{display:flex;flex-direction:column;gap:10px;opacity:0;transition:.25s ease-in-out;min-height:0;overflow:hidden}.spells .spell-list .spell .spell-more-info .more-info-content .info-bits{display:flex;column-gap:5px;flex-direction:column;flex-wrap:wrap;column-fill:auto;column-count:2;height:150px}@media (min-width: 992px){.spells .spell-list .spell .spell-more-info .more-info-content .info-bits{column-gap:20px}}.spells .spell-list .spell .spell-more-info .more-info-content .info-bits span{width:calc(50% - 5px);text-overflow:ellipsis}@media (min-width: 992px){.spells .spell-list .spell .spell-more-info .more-info-content .info-bits span{width:calc(50% - 20px)}}.homepage{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 2 * var(--header-height))}.homepage .logo{height:auto;width:150px}@media (min-width: 992px){.homepage .logo{width:300px}}.legal,.terms-of-service,.imprint{text-align:left;text-shadow:0 0 20px black}.legal ul,.legal ol,.terms-of-service ul,.terms-of-service ol,.imprint ul,.imprint ol{list-style:initial}.centered{display:flex;justify-content:center;align-items:center}.password-input .password-wrapper{display:flex;width:100%}.password-input .password-wrapper .password-visibility{outline:none;border:none;background-color:transparent;padding:0;width:40px;height:40px}.password-input .password-wrapper .password-visibility:hover{box-shadow:none}.password-input .password-wrapper .password-visibility:hover svg{fill:var(--secondary-color)}.password-input .password-wrapper .password-visibility svg{transition:all .25s ease;fill:#fff}.pf-ability .main-info{display:flex;flex-direction:column;gap:1ch}@media (min-width: 992px){.pf-ability .main-info{flex-direction:row;justify-content:space-between}}.pf-ability .main-info .ability-name{width:90px;-webkit-hyphens:auto;hyphens:auto}.pf-ability .main-info .action-type{color:#d3d3d3;font-size:12px;white-space:nowrap}.pf-ability .main-info .ability-description.ability{grid-column:span 2}.pf-ability .action-details-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-in-out}.pf-ability .action-details-wrapper.open{grid-template-rows:1fr}.pf-ability .action-details-wrapper.open .action-details{opacity:1;overflow:hidden}.pf-ability .action-details-wrapper .action-details{opacity:0;transition:.25s ease-in-out;margin-left:2ch;border-left:1px solid white;padding-left:1ch;min-height:0;overflow:hidden;list-style:none}.pf-ability .action-details-wrapper .action-details b{text-transform:capitalize}.spells .section-title{text-decoration:underline}.spells .spell-category{margin-top:2ch}.spells .spell-category .spell-category-main{display:flex;justify-content:space-between}.spells .spell-category .spell-category-main .spell-category-header{display:flex;align-items:flex-start;gap:1ch;margin-bottom:1ch}.spells .spell-category .spell-category-main .spell-category-header .spell-category-name{margin:0;line-height:1}.spells .spell-category .spell-category-main .spell-category-header .spell-category-info{color:#d3d3d3;font-size:12px}.spells .spell-category .spell-category-main .spell-category-header .spell-category-info .text-roll{display:inline-flex;align-items:center;gap:1ch}.spells .spell-category .spell-category-details{display:grid;grid-template-rows:0fr;transition:.25s ease-in-out}.spells .spell-category .spell-category-details.open{grid-template-rows:1fr}.spells .spell-category .spell-category-details.open .spell-category-details-content{opacity:1}.spells .spell-category .spell-category-details .spell-category-details-content{opacity:0;transition:.25s ease-in-out;min-height:0;overflow:hidden}.spells .spell-category .spell-category-details .spell-category-details-content .spell-filters{margin-bottom:1ch}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list{overflow:hidden}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list .spell-list-title{margin-block:1ch 0;text-decoration:underline}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list .spell-list-title .spell-list-type{text-transform:capitalize}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list .spell-list-title .spell-list-level{color:#d3d3d3;font-size:10px}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list .spells{margin:0;padding:0 0 0 2ch;list-style:none}.spells .spell-category .spell-category-details .spell-category-details-content .spell-list .spells .spell{margin-top:1ch}.profile{display:flex;flex-direction:column;gap:30px}.profile .api-keys{display:flex;flex-direction:column;gap:1ch}.profile .api-keys .api-key-list{display:flex;flex-direction:column;gap:2px}.profile .api-keys .api-key-list li{display:grid;grid-template-columns:1fr repeat(2,auto);align-items:center;gap:1ch;border-radius:8px;background-color:var(--dark-bg);padding:8px}.profile .api-keys .api-key-list li .api-key{max-width:50vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile .api-keys .api-key-list li .copy:hover .copy-icon{fill:var(--secondary-color)}.profile .api-keys .api-key-list li .copy .copy-icon{fill:#000;transition:fill .25s ease}.profile .api-keys .api-key-list li button{padding:20px 10px}.profile .subscription .box{display:flex;flex-direction:column;gap:1ch}.profile .subscription .box .button{align-self:center;max-width:240px}.progress{display:flex;align-items:center;gap:1ch}.progress .progress-outer{display:flex;position:relative;justify-content:center;align-items:center;border-radius:8px;background-color:var(--dark-bg);width:200px;height:30px;overflow:hidden;text-align:center}.progress .progress-outer .progress-inner{position:absolute;top:0;left:0;background-color:var(--secondary-bg);height:100%}.progress .progress-outer .goal-text{display:flex;gap:1ch}.login,.register,.forgot-password,.change-password{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 2 * var(--header-height))}.profile-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.login-form,.register-form,.password-form,.email-form{display:flex;flex-direction:column;gap:5px;min-width:calc(304px - 2 * var(--page-spacing))}@media (min-width: 576px){.login-form,.register-form,.password-form,.email-form{min-width:360px}}.login-form input,.register-form input,.password-form input,.email-form input{width:100%}.login-form .divider,.register-form .divider,.password-form .divider,.email-form .divider{margin-block:10px;background-color:#fff;height:1px}.login-form .account,.login-form .no-account,.register-form .account,.register-form .no-account,.password-form .account,.password-form .no-account,.email-form .account,.email-form .no-account{margin-top:15px}.login .activation-link{display:flex;align-items:center;gap:1ch;margin-top:10px}.search{margin-bottom:50px}.search .search-input{width:100%;margin-bottom:1rem}.search .results{display:grid;text-align:left;grid-template-columns:repeat(2,1fr);gap:1ch}.search .results h4{padding-inline:16px;margin-bottom:.4rem}.search .results .search-result{display:flex;flex-direction:column;gap:2px;text-align:left}.search .results .search-result .search-entry{display:flex;align-items:center;padding:8px 16px;min-height:30px;border-radius:8px;background-color:var(--dark-bg)}.search .results .search-result .search-entry a{width:100%;display:flex;justify-content:space-between;gap:1ch;font-size:1rem;color:#fff}@media (max-width: 991px){.search .results .search-result .search-entry a{flex-direction:column}}.statblock{margin-bottom:50px;box-shadow:0 0 20px #000;border-radius:8px;background-color:var(--dark-bg);padding-bottom:50px;max-width:900px}.statblock button:not(.expand),.statblock .button:not(.expand){outline:2px solid var(--dark-color);background-color:var(--dark-color);color:#fff}@media (max-width: 991px){.statblock button:not(.expand),.statblock .button:not(.expand){height:unset}.statblock button:not(.expand):not(.expand),.statblock .button:not(.expand):not(.expand){padding:4px 8px}}.statblock button:not(.expand):hover,.statblock .button:not(.expand):hover{outline:0 solid var(--dark-color);box-shadow:1px 1px 6px var(--primary-color);background-color:var(--dark-color)}.statblock button:not(.expand).active,.statblock .button:not(.expand).active{outline:none}.pf-sheet{display:grid;grid-template-columns:1fr;gap:10px 30px;margin-top:20px;text-align:left}@media (min-width: 992px){.pf-sheet{grid-template-columns:repeat(2,1fr)}}.pf-sheet>*{border-bottom:2px solid white;padding-bottom:5px}.pf-sheet .saving-throws{grid-column:span 1}.pf-sheet .saving-throws .saving-throw-list{padding:0;list-style:none}.pf-sheet .saving-throws .saving-throw-list .name{text-transform:capitalize}.pf-sheet .what{grid-column:span 1}.pf-sheet .what h3{margin:0 0 5px}.pf-sheet .values{display:flex;grid-column:span 1;flex-direction:column;justify-content:flex-end}.pf-sheet .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-column:span 1;justify-content:space-between;gap:10px}.pf-sheet .stats .stat{display:flex;flex-direction:column;text-align:center}.pf-sheet .stats .stat .stat-name{font-weight:600;text-transform:uppercase}.pf-sheet .skills{grid-column:span 1}@media (min-width: 992px){.pf-sheet .skills{grid-column:span 2}}.pf-sheet .skills .skill-list{display:flex;column-gap:30px;flex-wrap:wrap}.pf-sheet .skills .skill-list .skill{display:flex;gap:1ch;min-width:250px}.pf-sheet .skills .skill-list .skill .skill-name{font-weight:800}.pf-sheet .actions,.pf-sheet .reactions,.pf-sheet .spells,.pf-sheet .special-abilities{grid-column:span 1}@media (min-width: 992px){.pf-sheet .actions,.pf-sheet .reactions,.pf-sheet .spells,.pf-sheet .special-abilities{grid-column:span 2}}.pf-sheet .ability-list{display:flex;flex-direction:column;gap:1ch;padding:0;list-style:none}.pf-sheet .spells .spell-list{display:flex;flex-direction:column;gap:4px}.pf-sheet .spells .spell-list .spell-name-list{display:flex;flex-direction:column;gap:10px}.pf-sheet .spells .spell-list .spell-name-list .spell-name{display:flex;flex-direction:column;border-bottom:1px solid white;padding-bottom:10px;text-transform:capitalize}.pf-sheet .spells .spell-list .spell-name-list .spell-name:first-child{border-top:1px solid white;padding-top:10px}.pf-sheet .spells .spell-list .spell-name-list .spell-name:last-child{border-bottom:none}.open5e-sheet{display:grid;grid-template-columns:1fr;grid-template-areas:"what" "values" "abilities" "tidbits" "skills" "resistances" "specials" "specials" "actions" "actions" "bonus-actions" "bonus-actions" "lair-actions" "lair-actions" "mythic-actions" "mythic-actions" "reactions" "reactions" "legendary" "legendary" "spells" "spells" "license";gap:10px 30px;margin-top:20px;text-align:left}@media (min-width: 992px){.open5e-sheet{grid-template-columns:repeat(2,1fr);grid-template-areas:"what values" "abilities tidbits" "skills skills" "resistances resistances" "specials specials" "actions actions" "bonus-actions bonus-actions" "lair-actions lair-actions" "mythic-actions mythic-actions" "reactions reactions" "legendary legendary" "spells spells" "license license"}}.open5e-sheet>*{border-bottom:2px solid white;padding-bottom:5px}.open5e-sheet .ability-list{display:flex;flex-direction:column;gap:5px;padding:0;list-style:none}.open5e-sheet .what{grid-area:what}.open5e-sheet .what h3{margin:0 0 5px}.open5e-sheet .what :not(h3){font-style:italic}.open5e-sheet .values{display:flex;grid-area:values;flex-direction:column}.open5e-sheet .stats{display:grid;grid-template-columns:repeat(3,1fr);grid-area:abilities;justify-content:space-between;gap:10px}.open5e-sheet .stats .stat{display:flex;flex-direction:column;text-align:center}.open5e-sheet .stats .stat .stat-name{font-weight:600;text-transform:uppercase}.open5e-sheet .stats .stat .stat-value{display:flex;justify-content:center;align-items:center;gap:1ch}.open5e-sheet .tidbits{grid-area:tidbits}.open5e-sheet .tidbits .saving-throws{display:flex;column-gap:1ch;flex-wrap:wrap;align-items:center;text-transform:capitalize}.open5e-sheet .tidbits .saving-throws .saving-throw{display:flex;align-items:center;gap:2px}.open5e-sheet .skills{grid-area:skills}.open5e-sheet .skills h3{margin-bottom:5px;border-bottom:1px solid white;width:100%}.open5e-sheet .skills ul{display:grid;grid-template-columns:1fr;padding:0;list-style:none}@media (min-width: 992px){.open5e-sheet .skills ul{grid-template-columns:repeat(2,1fr)}}.open5e-sheet .skills ul .skill{display:flex;align-items:center;gap:2px}.open5e-sheet .skills ul .skill b{text-transform:capitalize}.open5e-sheet .resistances{grid-area:resistances}.open5e-sheet .resistances h3{margin-bottom:5px}.open5e-sheet .actions{grid-area:actions}.open5e-sheet .actions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .bonus-actions{grid-area:bonus-actions}.open5e-sheet .bonus-actions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .lair-actions{grid-area:lair-actions}.open5e-sheet .lair-actions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .mythic-actions{grid-area:mythic-actions}.open5e-sheet .mythic-actions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .reactions{grid-area:reactions}.open5e-sheet .reactions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .special-abilities{grid-area:specials}.open5e-sheet .special-abilities h3{border-bottom:1px solid white;width:100%}.open5e-sheet .legendary-actions{grid-area:legendary}.open5e-sheet .legendary-actions h3{border-bottom:1px solid white;width:100%}.open5e-sheet .spells{grid-area:spells}.open5e-sheet .spells h3{border-bottom:1px solid white;width:100%}.open5e-sheet .spells .spell-list{display:flex;flex-direction:column;gap:10px}.open5e-sheet .license{grid-area:license}.expand{display:flex;flex-shrink:0;justify-content:center;align-items:center;padding:0;width:24px;height:24px}.expand:after{display:block;transition:all .25s ease-in-out;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 -960 960 960' width='24' fill='black' %3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E");background-position:center;background-size:contain;background-repeat:no-repeat;width:24px;height:24px;content:""}.expand:hover{background-color:#ffffffb3}.expand.open:after{transform:rotate(90deg)}b{font-weight:800}.statblocks,.draft-section{display:flex;flex-direction:column;align-items:center;gap:4ch;margin-bottom:30px}.statblocks .new-statblocks,.draft-section .new-statblocks{display:flex;gap:1ch}.statblocks .statblock-list,.draft-section .statblock-list{display:flex;flex-direction:column;gap:2px}.statblocks .statblock-list li,.draft-section .statblock-list li{display:grid;grid-template-columns:1fr auto;justify-content:space-between;gap:1ch;border-radius:8px;background-color:var(--dark-bg);padding:8px 16px}.statblocks .statblock-list li.not-active,.draft-section .statblock-list li.not-active{background-color:var(--light-bg)}.statblocks .statblock-list li a,.statblocks .statblock-list li .draft-name,.draft-section .statblock-list li a,.draft-section .statblock-list li .draft-name{display:flex;flex-direction:column;gap:1ch;min-width:40vw;min-height:30px;color:#fff;font-size:1rem}@media (min-width: 992px){.statblocks .statblock-list li a,.statblocks .statblock-list li .draft-name,.draft-section .statblock-list li a,.draft-section .statblock-list li .draft-name{display:grid;grid-template-columns:2fr repeat(2,1fr) 1.5fr;justify-content:space-between;align-items:center;justify-items:flex-start;min-width:unset}}.statblocks .statblock-list li a span,.statblocks .statblock-list li .draft-name span,.draft-section .statblock-list li a span,.draft-section .statblock-list li .draft-name span{text-align:left;text-overflow:ellipsis;white-space:break-spaces}.statblocks .statblock-list li .buttons,.draft-section .statblock-list li .buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1ch}@media (min-width: 992px){.statblocks .statblock-list li .buttons,.draft-section .statblock-list li .buttons{flex-wrap:nowrap}}.statblocks .statblock-list li .buttons .toggle-active,.draft-section .statblock-list li .buttons .toggle-active{padding-inline:10px;width:110px}@media (min-width: 992px){.statblocks .statblock-list li .buttons .toggle-active,.draft-section .statblock-list li .buttons .toggle-active{padding-inline:32px;width:160px}}.statblock-create{display:flex;flex-direction:column;align-items:center;text-align:center}.statblock-create .template{display:grid;grid-template-areas:"template reset" "draft reset";justify-content:flex-start;align-items:center;align-self:center;gap:1ch;margin-bottom:1rem}.statblock-create .template select{flex-shrink:2;max-width:40vw}.statblock-create .template .template-input{display:flex;grid-area:template;align-items:center;gap:1ch}.statblock-create .template .draft-input{display:flex;grid-area:draft;align-items:center;gap:1ch}.statblock-create .template .h5{flex-shrink:0;justify-self:flex-start;width:80px;text-align:left}.statblock-create .template button{grid-area:reset;align-self:center}.statblock-create .chat-gpt{display:flex;justify-content:center;align-items:center;gap:1ch;margin-bottom:1rem}@media (max-width: 991px){.statblock-create .chat-gpt{flex-direction:column;margin-bottom:0}}.statblock-create .chat-gpt a{font-size:1.3rem}.statblock-form{display:grid;grid-template-columns:repeat(1,1fr);gap:2ch 1ch;margin-bottom:50px;border-radius:8px;padding-block:30px;max-width:calc(687px + 2ch)}@media (min-width: 576px){.statblock-form{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.statblock-form{grid-template-columns:repeat(3,1fr)}}.statblock-form label:has(.json-statblock){grid-column:span 1;width:80vw;min-height:30vh}@media (min-width: 576px){.statblock-form label:has(.json-statblock){grid-column:span 2;min-height:50vh}}@media (min-width: 992px){.statblock-form label:has(.json-statblock){grid-column:span 3;width:648px}}@media (min-width: 576px){.statblock-form .name{grid-column:span 2}}@media (min-width: 992px){.statblock-form .name{grid-column:span 3}}@media (min-width: 576px){.statblock-form label:has(textarea){grid-row:span 2;grid-column:span 2}}.statblock-form label:has(textarea) textarea{height:100%}@media (min-width: 576px){.statblock-form .input-group{grid-column:span 2}}@media (min-width: 992px){.statblock-form .input-group{grid-column:span 3}}.statblock-form .input-group .inputs{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;grid-auto-columns:1fr;grid-auto-flow:row;flex-wrap:wrap;justify-content:center;gap:1ch}@media (min-width: 576px){.statblock-form .input-group .inputs{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){.statblock-form .input-group .inputs{grid-template-columns:repeat(6,1fr)}}.statblock-form .input-group .inputs:has(.trait) .add{align-self:flex-end;justify-self:center}.statblock-form .input-group .inputs label,.statblock-form .input-group .inputs .input-array{grid-column:span 1}@media (min-width: 576px){.statblock-form .input-group .inputs label,.statblock-form .input-group .inputs .input-array{grid-column:span 2}}@media (min-width: 992px){.statblock-form .input-group .inputs label,.statblock-form .input-group .inputs .input-array{grid-column:span 3}}.statblock-form .input-group .inputs label:has(.small),.statblock-form .input-group .inputs .input-array:has(.small){grid-column:span 1}@media (min-width: 576px){.statblock-form .input-group .inputs label:has(.small),.statblock-form .input-group .inputs .input-array:has(.small){grid-column:span 2}}.statblock-form .input-group .inputs .input-array,.statblock-form .input-group .inputs .sense{display:flex;gap:1ch}.statblock-form .input-group .inputs .trait{display:grid;grid-template-areas:"name remove" "value value";grid-column:span 2;gap:1ch}.statblock-form .input-group .inputs .trait label:has(.name){grid-area:name}.statblock-form .input-group .inputs .trait label:has(.value){grid-area:value}.statblock-form .input-group .inputs .trait .remove{grid-area:remove;align-self:flex-end;margin-bottom:1px}.statblock-form .input-group .inputs .action{display:grid;grid-template-areas:"name name ." "description attack remove" "description damage .";grid-column:span 2;flex-wrap:wrap;gap:1ch}.statblock-form .input-group .inputs .action label:has(.name){grid-area:name}.statblock-form .input-group .inputs .action label:has(.description){grid-area:description}.statblock-form .input-group .inputs .action label:has(.attack){grid-area:attack}.statblock-form .input-group .inputs .action label:has(.damage){grid-area:damage}.statblock-form .input-group .inputs .action .remove{grid-area:remove;align-self:flex-end;margin-bottom:1px}@media (min-width: 576px){.statblock-form .input-group .inputs .action{grid-column:span 4}}@media (min-width: 992px){.statblock-form .input-group .inputs .action{grid-column:span 6}}.statblock-form .input-group .inputs .pf-action,.statblock-form .input-group .inputs .pf-reaction{display:grid;grid-template-areas:"name remove" "description type" "description trigger" "requirements damage" "effect frequency" "success crit-suc" "failure crit-fail" "constant . ";grid-column:span 2;flex-wrap:wrap;gap:1ch}@media (min-width: 576px){.statblock-form .input-group .inputs .pf-action,.statblock-form .input-group .inputs .pf-reaction{grid-template-areas:"name type remove" "description description damage" "description description trigger" "requirements effect frequency" "success crit-suc crit-suc" "failure crit-fail crit-fail" "constant . .";grid-column:span 4}}.statblock-form .input-group .inputs .pf-action.pf-reaction,.statblock-form .input-group .inputs .pf-reaction.pf-reaction{grid-template-areas:"name remove" "damage trigger" "requirements effect" "success crit-suc" "failure crit-fail" "frequency ."}@media (min-width: 576px){.statblock-form .input-group .inputs .pf-action.pf-reaction,.statblock-form .input-group .inputs .pf-reaction.pf-reaction{grid-template-areas:"name name remove" "damage trigger ." "requirements effect frequency" "success crit-suc crit-suc" "failure crit-fail crit-fail" "constant . ."}}@media (min-width: 992px){.statblock-form .input-group .inputs .pf-action,.statblock-form .input-group .inputs .pf-reaction{grid-column:span 6}}.statblock-form .input-group .inputs .pf-action label:has(.name),.statblock-form .input-group .inputs .pf-reaction label:has(.name){grid-area:name}.statblock-form .input-group .inputs .pf-action label:has(.type),.statblock-form .input-group .inputs .pf-reaction label:has(.type){grid-area:type}.statblock-form .input-group .inputs .pf-action label:has(.description),.statblock-form .input-group .inputs .pf-reaction label:has(.description){grid-area:description}.statblock-form .input-group .inputs .pf-action label:has(.damage),.statblock-form .input-group .inputs .pf-reaction label:has(.damage){grid-area:damage}.statblock-form .input-group .inputs .pf-action label:has(.trigger),.statblock-form .input-group .inputs .pf-reaction label:has(.trigger){grid-area:trigger}.statblock-form .input-group .inputs .pf-action label:has(.requirements),.statblock-form .input-group .inputs .pf-reaction label:has(.requirements){grid-area:requirements}.statblock-form .input-group .inputs .pf-action label:has(.effect),.statblock-form .input-group .inputs .pf-reaction label:has(.effect){grid-area:effect}.statblock-form .input-group .inputs .pf-action label:has(.frequency),.statblock-form .input-group .inputs .pf-reaction label:has(.frequency){grid-area:frequency}.statblock-form .input-group .inputs .pf-action label:has(.success),.statblock-form .input-group .inputs .pf-reaction label:has(.success){grid-area:success}.statblock-form .input-group .inputs .pf-action label:has(.critical-success),.statblock-form .input-group .inputs .pf-reaction label:has(.critical-success){grid-area:crit-suc}.statblock-form .input-group .inputs .pf-action label:has(.failure),.statblock-form .input-group .inputs .pf-reaction label:has(.failure){grid-area:failure}.statblock-form .input-group .inputs .pf-action label:has(.critical-failure),.statblock-form .input-group .inputs .pf-reaction label:has(.critical-failure){grid-area:crit-fail}.statblock-form .input-group .inputs .pf-action label:has(.constant),.statblock-form .input-group .inputs .pf-reaction label:has(.constant){grid-area:constant}.statblock-form .input-group .inputs .pf-action .remove,.statblock-form .input-group .inputs .pf-reaction .remove{grid-area:remove;align-self:flex-end;margin-bottom:1px}.statblock-form .input-group .inputs .pf-spell-category{display:grid;grid-template-areas:"name remove" "dc attack" "spell spell";grid-column:span 2;flex-wrap:wrap;gap:1ch}@media (min-width: 576px){.statblock-form .input-group .inputs .pf-spell-category{grid-column:span 4}}@media (min-width: 992px){.statblock-form .input-group .inputs .pf-spell-category{grid-template-areas:"name name remove" "dc dc attack" "spell spell spell";grid-column:span 6}}.statblock-form .input-group .inputs .pf-spell-category label:has(.name){grid-area:name}.statblock-form .input-group .inputs .pf-spell-category label:has(.dc){grid-area:dc}.statblock-form .input-group .inputs .pf-spell-category label:has(.attack){grid-area:attack}.statblock-form .input-group .inputs .pf-spell-category .remove{grid-area:remove;align-self:flex-end;margin-bottom:1px}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-top{display:flex;align-items:center;gap:1ch;padding-left:16px}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-top .spell-lists-heading{margin:0;padding-top:2px}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-column:span 2;gap:1ch}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper:not(:empty){border:1px solid white;border-radius:8px;padding:8px}@media (min-width: 576px){.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper{grid-template-columns:repeat(3,1fr);grid-column:span 3}}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists{display:grid;grid-template-rows:repeat(2,auto) 1fr;grid-template-areas:"type remove" "level ." "spell spell";grid-column:span 1;flex-wrap:wrap;gap:1ch}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists label:has(.type){grid-area:type}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists label:has(.level){grid-area:level}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists .remove{grid-area:remove;align-self:flex-end;margin-bottom:1px}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists .spells-heading{padding-left:16px;text-align:left}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists .spells-wrapper{display:flex;grid-area:spell;flex-direction:column;gap:1ch;border:1px dotted white;border-radius:8px;padding:8px}.statblock-form .input-group .inputs .pf-spell-category .spell-lists-wrapper .pf-spell-lists .spells-wrapper .pf-spell{display:flex;gap:1ch}.statblock-form .add,.statblock-form .remove{flex-shrink:0;padding-inline:0;width:40px}.statblock-form .button-group{display:flex;align-self:flex-end;gap:1ch;width:100%}@media (min-width: 576px){.statblock-form .button-group{grid-column:span 2}}@media (min-width: 992px){.statblock-form .button-group{grid-column:span 3}}.statblock-form .button-group .submit{width:100%}.statblock-form .button-group .draft{white-space:nowrap}.statblock-form .button-group .draft:not(:disabled){background-color:var(--secondary-bg)}.statblock-form .button-group .draft:not(:disabled):hover{background-color:var(--dark-color)}.statblock-form .button-group .show-error{flex-shrink:0}.success-box,.error-box,.info-box,.stats-box{display:flex;flex-direction:column;align-items:center;margin-block:20px;box-shadow:0 0 20px #000;border-radius:8px;background-color:var(--success-bg);padding:30px}.success-box h3,.error-box h3,.info-box h3,.stats-box h3{margin-top:0}.success-box.error-box,.error-box.error-box,.info-box.error-box,.stats-box.error-box{background-color:var(--error-bg)}.success-box.info-box,.error-box.info-box,.info-box.info-box,.stats-box.info-box{align-items:flex-start;background-color:var(--info-bg);text-align:left}.success-box.stats-box,.error-box.stats-box,.info-box.stats-box,.stats-box.stats-box{align-items:flex-start;background-color:var(--stats-bg);text-align:left}