:root{--gold:rgba(218,165,32,0.651);--goldlite:#fafad2;--belite:#dcd0ff;--crimberry:rgba(184,18,51,0.7);--crimberryfull:#b81233;--crimberrybold:#eb2a50;--slateg:rgba(0,15,15,0.731);--slateglite:rgba(2,41,41,0.731);--slategfull:#000f0f;--slateb:rgba(7,22,46,0.603);--slatebfullish:rgba(9,38,63,0.836);--roarange:#ff7300;--roarangelite:#ffb759;--roarangedim:rgba(255,183,89,0.5);--slatep:rgba(37,10,49,0.419);--lightish:#f0f7f7;--dorchid:rgba(153,50,204,0.8);--dorchiddim:rgba(153,50,204,0.383);--dorchidfull:#08000c;--dorchidlitefull:#210030;--dorchidlitefuller:#250038;--dorchidlitefullest:#320747;--BA:#bada55;--ba:rgba(186,218,85,0.7333333333333333);--verdant:#02ceac;--verdantdim:rgba(2,206,172,0.342);--verdantdark:#006856;--verdantlite:#82f5e2}.App{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;margin:auto;box-sizing:border-box;font-weight:400;font-size:16px;height:100vh;display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(10,1fr);grid-template-rows:50px 50px repeat(9,1fr);color:var(--lightish);background-color:#000;background-image:radial-gradient(#e0ffff,hsla(0,0%,100%,.09) 2px,transparent 30px),radial-gradient(#ffb6c1,hsla(0,0%,100%,.07) 1px,transparent 20px),radial-gradient(#ffffe0,hsla(0,0%,100%,.13) 2px,transparent 30px),radial-gradient(hsla(0,0%,100%,.4),hsla(0,0%,100%,.1) 2px,transparent 30px);background-size:550px 550px,350px 300px,200px 200px,150px 150px;background-position:0 0,40px 60px,130px 270px,70px 100px}body{margin:0;padding:0;overflow:hidden}h1{padding-left:8px;text-shadow:-1px -1px 14px var(--dorchid);-webkit-hyphens:none;hyphens:none;white-space:none}#source-link{font-size:.5em;text-transform:lowercase;color:var(--crimberrybold);opacity:.7}#source-link:focus,#source-link:hover{opacity:1;color:var(--gold);text-shadow:0 0 20px var(--dorchid);box-shadow:0 0 14px 0 var(--dorchid) inset;-webkit-box-shadow:0 0 14px 0 var(--dorchid) inset;-moz-box-shadow:0 0 14px 0 var(--dorchid) inset}h1 span#app-title-span{min-width:300px;-webkit-hyphens:none;hyphens:none;white-space:none;word-break:keep-all;word-wrap:none}a#homepage{color:var(--crimberrybold);text-decoration:none!important;-moz-text-decoration:none!important}b{color:var(--belite)}label{text-transform:capitalize}.ba{color:var(--BA)}.hotem{border:2px solid var(--crimberry)}.roar{border:2px solid var(--roarange)}.too-hot{border:2px solid var(--verdantlite)}.inp-hvr{border:2px inset var(--crimberrybold)}.derk{color:var(--goldlite);text-shadow:0 0 16px var(--roarange);font-weight:500}button:focus,button:hover{cursor:pointer}.top-bar{grid-column:1/-1;grid-row:1/span 1;grid-gap:12px;gap:12px}.bar-container{display:grid;grid-gap:20px;gap:20px;grid-auto-flow:column;grid-template-columns:repeat(4,1fr);grid-template-rows:60px}.app-title{color:var(--crimberrybold);-webkit-hyphens:none;-moz-hyphens:none;grid-column:1/span 2;grid-row:span 1;hyphens:none;text-align:left}.creature-list{grid-column:6/-1;grid-row:2/-1;padding-right:3px;padding-left:5px;overflow-y:scroll;width:98%;overflow-x:hidden}.loader-container{grid-column:6/-1;grid-row:2/-1;grid-template-columns:1fr;grid-auto-rows:1fr;overflow:hidden;text-align:center;padding-top:30px}.loader-container,.tabs{width:100%;vertical-align:middle}.tabs{grid-row:2/span 1;grid-column:1/span 5;max-height:58px;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:5px;column-gap:5px;grid-row-gap:0;row-gap:0}div.tabs button{grid-column:span 1;height:36px;color:var(--lightish);text-shadow:0 0 5px var(--roarangelite);background:var(--slatep);border:2px solid var(--belite);display:inline-flex;align-content:center;justify-content:center;width:100%;margin:3px;padding:8px 0;cursor:pointer;vertical-align:middle;transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s}button.tab:focus,button.tab:hover{opacity:1;box-shadow:0 0 10px 0 var(--belite);-webkit-text-decoration:underline solid;text-decoration:underline solid}.filters-wrapper{overflow-y:auto;grid-row:3/-1;grid-column:1/span 5;width:100%;grid-gap:11px;gap:11px;display:grid;grid-template-areas:"speed-and-size cr-and-type"}.cr-and-type{grid-area:cr-and-type}.speed-and-size{grid-area:speed-and-size}.cr{grid-area:cr}.speed{grid-area:speed}.size{grid-area:size}.type{grid-area:type}.filters-wrapper fieldset{background:var(--slatep);border:2px ridge var(--belite);padding:8px 12px;margin-bottom:.5rem}legend{color:var(--goldlite)!important;font-weight:500;font-size:1.2em;-webkit-padding-start:3px!important;padding-inline-start:3px!important;-webkit-padding-end:3px!important;padding-inline-end:3px!important}.filters-wrapper label{color:var(--lightish);text-shadow:none;cursor:pointer;z-index:10}.filters-wrapper input[type=checkbox]:checked,.filters-wrapper input[type=checkbox]:checked+label,.filters-wrapper input[type=radio]:checked+label,.filters-wrapper label:active,.filters-wrapper label:hover,.filters-wrapper select:hover{background-color:var(--slateb);text-shadow:0 0 5px var(--roarangelite);opacity:1}.spell-list{grid-row:3/-1;grid-column:1/span 5;margin:5px;width:100%;overflow-y:scroll;overflow-x:hidden}.item-body li,.item-body p{margin:8px}.name-expanded,.name-initial{cursor:pointer;vertical-align:middle;font-size:1.2em;margin:4px 8px}.name-expanded{display:flex;justify-content:space-between}.name-expanded .subtype{display:none}footer#footer{opacity:.6;color:var(--lightish);display:block;grid-area:foot;z-index:1;margin-top:1em}footer#footer a,footer#join-footer a{text-decoration:none;color:var(--lightish)}footer#join-footer{opacity:.6;color:var(--lightish);z-index:1;position:absolute;top:97%;left:1%}.bg-opac{opacity:1;background:var(--dorchidfull)}.item-collapse{overflow:hidden;transition:all .27s ease-in-out}.creature-item .item-body,.spell-item .item-body{border:none!important}.item-collapse .item-body hr{margin:4px 8px;opacity:.7;border-color:var(--belite)}.groww{cursor:pointer;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:transform .05s ease-out}.groww:focus,.groww:hover{transform:scale(1.01)}.groww:active{transform:scale(.98)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media only screen and (max-width:770px){.filters-wrapper{display:grid;grid-template-areas:"cr-and-type" "speed-and-size"}.App{overflow:hidden}}.tc{text-align:center}.db{display:block}.dib{display:inline-block}.dn{display:none}.o-50{opacity:.5}.o-80{opacity:.8}.ma1{margin:.25rem}.ma2{margin:.5rem}.mt1{margin-top:.25rem}.mt2{margin-top:.5rem}.mr2{margin-right:.5rem}.mb1{margin-bottom:.25rem}.mb2{margin-bottom:.5rem}.ml1{margin-left:.25rem}.pa1{padding:.25rem}.pa2{padding:.5rem}.pr2{padding-right:.5rem}.pl1{padding-left:.25rem}.pl2{padding-left:.5rem}::-webkit-scrollbar{width:9px;opacity:.5}::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}::-webkit-scrollbar-thumb{box-shadow:inset 0 0 6px rgba(0,0,0,.5);background:rgba(220,208,255,.836)}::-webkit-scrollbar-thumb:active,::-webkit-scrollbar-thumb:hover{background:rgba(220,208,255,.904)}::-webkit-scrollbar-thumb:-moz-window-inactive,::-webkit-scrollbar-thumb:window-inactive{background:transparent}.panel-wrapper{grid-row:3/-1;grid-column:1/span 5;margin:0 9px}.panel,.panel-wrapper{display:grid;width:100%;overflow:hidden}.panel{grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(13,1fr);grid-template-areas:"header  header  header header header header header header header" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar output output output output output output output" "sidebar sidebar  input  input  input  input  input  input  input";grid-row-gap:.6rem;row-gap:.6rem;grid-column-gap:1rem;column-gap:1rem;background:var(--slatep);margin-bottom:.5rem}.chat-header{grid-area:header;display:flex;align-items:center;justify-content:space-between;background:var(--slateb);min-height:40px;width:100%}.left-wrapper{margin:0 0 0 2%;color:var(--goldlite);text-shadow:0 0 16px var(--roarange);font-size:1.8rem}.left-wrapper,.right-wrapper{flex:0.5 1;display:flex;align-items:center}.right-wrapper{justify-content:flex-end;margin:0 2% 0 0;font-size:2rem;transition:all .2s ease 0s;-o-transition:all .2s ease 0s;-webkit-transition:all .2s ease 0s;-moz-transition:all .2s ease 0s}.right-wrapper a{color:var(--goldlite);-webkit-text-decoration-line:none;text-decoration-line:none}.right-wrapper a:hover{text-shadow:0 0 15px var(--belite);transform:scale(1.05)}.chat-input-form{display:inline-flex;width:100%;grid-area:input}.chat-input{background:var(--slateb);color:#fff;caret-color:var(--verdantlite);border:none;border-radius:0;padding:2%;width:100%;font-size:1.2rem;border:3px inset var(--verdantlite);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s;-moz-transition:all .2s ease-in-out 0s;-o-transition:all .2s ease-in-out 0s}.chat-input:active,.chat-input:focus,.chat-input:hover,input:focus,input:hover,textarea:focus,textarea:hover{outline:none;outline-style:none;box-shadow:0 0 15px 0 var(--dorchid) inset;-webkit-box-shadow:0 0 15px 0 var(--dorchid) inset;-moz-box-shadow:0 0 15px 0 var(--dorchid) inset;cursor:auto;opacity:1}.send-message-button{grid-area:send-btn;color:#fff;text-transform:uppercase;text-decoration:none;background:var(--slateb);padding:15px 25px;min-width:-webkit-max-content;min-width:max-content;display:inline-flex;border:2px outset var(--belite);opacity:.9;margin-left:5px;align-items:center}button.send-btn:disabled{opacity:.8;cursor:auto}button.send-btn:enabled:active{border-style:inset}button.send-btn:enabled:active,button.send-btn:enabled:focus,button.send-btn:enabled:hover{cursor:pointer;color:var(--goldlite);text-shadow:0 0 16px var(--roarange);font-weight:500;opacity:1;box-shadow:0 0 15px 0 var(--dorchid) inset;-webkit-box-shadow:0 0 15px 0 var(--dorchid) inset;-moz-box-shadow:0 0 15px 0 var(--dorchid) inset}.message-container{display:flex;justify-content:flex-end;text-shadow:2px 2px 7px #000}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.message-box{background:var(--slatep);padding:5px;display:inline-block;max-width:70%}.message-box,.message-text{color:var(--lightish);vertical-align:middle}.message-text{width:100%;float:left;word-wrap:break-word;-webkit-margin-before:.5rem;margin-block-start:.5rem;-webkit-margin-after:.5rem;margin-block-end:.5rem}.sender-name{display:flex;align-items:center}.you{background:linear-gradient(56deg,hsla(0,0%,99.6%,.05),hsla(0,0%,99.6%,.05) 69%,hsla(0,0%,62.7%,.05) 0,hsla(0,0%,62.7%,.05)),linear-gradient(194deg,hsla(0,0%,40%,.02),hsla(0,0%,40%,.02) 60%,rgba(67,67,67,.02) 0,rgba(67,67,67,.02)),linear-gradient(76deg,hsla(0,0%,66.3%,.06),hsla(0,0%,66.3%,.06) 89%,hsla(0,0%,74.1%,.06) 0,hsla(0,0%,74.1%,.06)),linear-gradient(326deg,hsla(0,0%,83.5%,.04),hsla(0,0%,83.5%,.04) 45%,rgba(66,66,66,.04) 0,rgba(66,66,66,.04)),linear-gradient(183deg,hsla(0,0%,87.5%,.01),hsla(0,0%,87.5%,.01) 82%,rgba(28,28,28,.01) 0,rgba(28,28,28,.01)),linear-gradient(3deg,rgba(20,20,20,.06),rgba(20,20,20,.06) 62%,hsla(0,0%,53.3%,.06) 0,hsla(0,0%,53.3%,.06)),linear-gradient(200deg,hsla(0,0%,80.8%,.09),hsla(0,0%,80.8%,.09) 58%,rgba(6,6,6,.09) 0,rgba(6,6,6,.09)),linear-gradient(304deg,hsla(0,0%,63.5%,.07),hsla(0,0%,63.5%,.07) 27%,rgba(24,24,24,.07) 0,rgba(24,24,24,.07)),linear-gradient(186deg,hsla(0,0%,65.1%,.04),hsla(0,0%,65.1%,.04) 5%,hsla(0,0%,82.4%,.04) 0,hsla(0,0%,82.4%,.04)),linear-gradient(119deg,var(--slatebfullish),var(--dorchiddim),var(--crimberry))}.others,.you{border-radius:4px}.others{background:linear-gradient(92deg,hsla(0,0%,65.9%,.04),hsla(0,0%,65.9%,.04) 25%,rgba(92,92,92,.04) 0,rgba(92,92,92,.04) 50%,rgba(25,25,25,.04) 0,rgba(25,25,25,.04) 75%,rgba(50,50,50,.04) 0,rgba(50,50,50,.04)),linear-gradient(255deg,hsla(0,0%,54.5%,.04),hsla(0,0%,54.5%,.04) 25%,hsla(0,0%,80%,.04) 0,hsla(0,0%,80%,.04) 50%,hsla(0,0%,82.7%,.04) 0,hsla(0,0%,82.7%,.04) 75%,rgba(65,65,65,.04) 0,rgba(65,65,65,.04)),linear-gradient(331deg,rgba(21,21,21,.04),rgba(21,21,21,.04) 25%,rgba(63,63,63,.04) 0,rgba(63,63,63,.04) 50%,hsla(0,0%,95.3%,.04) 0,hsla(0,0%,95.3%,.04) 75%,hsla(0,0%,74.9%,.04) 0,hsla(0,0%,74.9%,.04)),linear-gradient(199deg,hsla(0,0%,64.7%,.04),hsla(0,0%,64.7%,.04) 25%,hsla(0,0%,92.5%,.04) 0,hsla(0,0%,92.5%,.04) 50%,hsla(0,0%,40%,.04) 0,hsla(0,0%,40%,.04) 75%,hsla(0,0%,62.4%,.04) 0,hsla(0,0%,62.4%,.04)),linear-gradient(302deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.04) 25%,rgba(7,7,7,.04) 0,rgba(7,7,7,.04) 50%,hsla(0,0%,97.6%,.04) 0,hsla(0,0%,97.6%,.04) 75%,hsla(0,0%,78%,.04) 0,hsla(0,0%,78%,.04)),linear-gradient(119deg,var(--slateglite),var(--verdantdark),var(--dorchiddim))}.meta-msg{display:inline-block;font-size:.9rem;font-weight:400;color:var(--belite);padding:.5rem;margin-top:.5rem}span.time{font-size:.9rem;word-spacing:0;letter-spacing:0;word-break:keep-all;word-wrap:none}.messages{grid-area:output;padding:3%;overflow-y:auto;overflow-x:hidden;flex:auto;vertical-align:middle;width:100%}.messages,aside.sidebar{background:var(--slateb)}aside.sidebar{grid-area:sidebar;width:90%;border:none;color:var(--goldlite);text-shadow:0 0 16px var(--roarange);margin-left:1rem}aside>p{text-transform:uppercase}ul.name-list{list-style-type:decimal}.name-list-item>p.your-name{font-style:normal;font-weight:700}hr{border:1px inset hsla(0,0%,50.2%,.527)}.login-wrapper{justify-content:center;text-align:center;height:auto;align-items:center;display:grid;grid-row:3/-1;grid-column:1/span 5;margin:0 9px;width:100%;overflow-y:auto}section.login{display:flex;vertical-align:middle;justify-content:space-around;width:100%}.login-form{width:100%;display:block}.login-form>label{display:block;text-align:left;padding-bottom:8px;margin:4px 0;color:var(--belite);text-shadow:0 0 2px var(--roarangelite)}.form-header{padding-bottom:10px;margin-bottom:15%}.input-login{width:100%;padding:15px 10px;margin-bottom:2em;color:var(--belite);background-color:var(--dorchidfull);border:2px inset var(--belite)}#join-room{display:block;align-content:flex-end;justify-content:right;float:right}button.login-button{
  /* ! new */width:auto;height:auto;max-width:80px;max-height:50px;color:var(--belite);background:var(--dorchidfull)!important;border:2px outset var(--belite);margin:3px;padding:8px;cursor:pointer;text-transform:uppercase}button.login-button:active,button.login-button:focus,button.login-button:hover{text-shadow:0 0 5px var(--roarangelite);background-color:var(--dorchidfull)}.checkbox{display:grid;grid-gap:16px;gap:16px}.checkbox-input{display:none}.checkbox-label{display:grid;grid-column:1/-1;grid-template-columns:1fr auto 1fr;grid-gap:5px;gap:5px;align-items:center;text-align:center;padding:.4rem;cursor:pointer;margin:2px 0;border:2px solid transparent;transition:all .2s ease-out;opacity:.5}.checkbox-label:hover{border:2px solid var(--belite);box-shadow:0 0 15px 0 var(--roarange)}.checkbox-label:after,.checkbox-label:before{content:"";display:block;opacity:0;margin-top:4px;height:4px;background-color:initial;transform:translateY(-40%);transition:all .2s ease-out}.checkbox-input:checked+.checkbox-label{font-weight:700;border:2px solid var(--belite);box-shadow:0 0 15px 0 var(--roarange)}.checkbox-input:checked+.checkbox-label:before{opacity:1;background:linear-gradient(270deg,var(--roarange),transparent)}.checkbox-input:checked+.checkbox-label:after{opacity:1;background:linear-gradient(90deg,var(--roarange),transparent)}i.to-right{justify-content:left;align-items:center}i.to-right:after{content:"";display:block;margin-left:6px;height:4px;border-top-right-radius:50%;border-bottom-right-radius:50%;background:linear-gradient(90deg,var(--crimberry),transparent)}i.to-left{justify-content:right;align-items:center}i.to-left:after{content:"";display:block;margin-top:4px;margin-left:4px;height:4px;border-top-left-radius:50%;border-bottom-left-radius:50%;background:linear-gradient(270deg,var(--crimberry),transparent)}.from-center{margin:8px 4px;display:grid;grid-gap:16px;gap:16px}.from-center i{display:grid;grid-template-columns:1fr auto 1fr;grid-column:1/-1;align-items:center;color:transparent;cursor:default}.from-center i:before{background:linear-gradient(270deg,transparent,var(--crimberry))}.from-center i:after,.from-center i:before{content:"";display:block;margin:4px;height:4px}.from-center i:after{background:linear-gradient(90deg,transparent,var(--crimberry))}.pactions{text-shadow:0 0 8px #52366d;font-size:1.3em;color:var(--crimberryfull);margin-bottom:0;margin-top:15px}div.creature-item.creature-ex{border:3px outset var(--crimberrybold);box-shadow:0 0 15px 0 var(--crimberrybold);border-radius:0}.creature-item.creature-ex:hover .name-expanded .name,.creature-item:hover .name-initial .name{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:var(--goldlite);text-decoration-color:var(--goldlite);-webkit-text-decoration-style:solid;text-decoration-style:solid}.creature-item{background:var(--slateg);width:96%;text-align:left;margin:.5rem;border:2px outset var(--verdant);box-shadow:0 0 5px 0 var(--verdantlite);transition:all .29s ease-in-out 0s;-webkit-transition:all .29s ease-in-out 0s;-moz-transition:all .29s ease-in-out 0s;-o-transition:all .29s ease-in-out 0s}.creature-item:hover{border-color:var(--crimberrybold);border-style:outset;box-shadow:0 0 15px 0 var(--crimberrybold)}.ccard{background-color:var(--slateg)}.ccard p{margin-left:5px;opacity:1}.ability-scores b{color:var(--belite)}.ability-scores{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;grid-gap:5px;gap:5px}button.action-btn{cursor:pointer;background:inherit;font-size:1.1em;border:none}button.action-btn:focus,button.action-btn:hover{-webkit-text-decoration:underline solid var(--belite);text-decoration:underline solid var(--belite)}.loader{width:100%;height:25%;grid-row:span 1;display:flex;vertical-align:middle;justify-content:space-evenly;margin-top:15px}.loader span{font-size:6em}#loader-1 span:first-child{animation:changeopacity 1.65s ease-in-out .08889s infinite}#loader-1 span:nth-child(2){animation:changeopacity 1.65s ease-in-out .17778s infinite}#loader-1 span:nth-child(3){animation:changeopacity 1.65s ease-in-out .35556s infinite}#loader-2 span:first-child{animation:changeopacity 1.65s ease-in-out 1.24446s infinite}#loader-2 span:nth-child(2){animation:changeopacity 1.65s ease-in-out 1.42224s infinite}#loader-2 span:nth-child(3){animation:changeopacity 1.65s ease-in-out .53334s infinite}#loader-3 span:first-child{animation:changeopacity 1.65s ease-in-out 1.06668s infinite}#loader-3 span:nth-child(2){animation:changeopacity 1.65s ease-in-out .8889s infinite}#loader-3 span:nth-child(3){animation:changeopacity 1.65s ease-in-out .71112s infinite}@keyframes changeopacity{0%,to{opacity:1}60%{opacity:0}}.radio{display:grid;grid-gap:16px;gap:16px}.radio-input{display:none}.radio-label{display:grid;grid-column:1/-1;grid-template-columns:1fr auto 1fr;grid-gap:5px;gap:5px;align-items:center;text-align:center;padding:.4rem;cursor:pointer;margin:2px 0;border:2px solid transparent;transition:all .2s ease-out 0s;opacity:.5}.radio-label:hover{border:2px solid var(--belite);box-shadow:0 0 15px 0 var(--crimberrybold)}.radio-label:after,.radio-label:before{content:"";display:block;opacity:0;margin-top:4px;height:4px;background-color:initial;transform:translateY(-40%);transition:all .2s ease-out 0s}.radio-input:checked+.radio-label{font-weight:700;border:2px solid var(--belite);box-shadow:0 0 15px 0 var(--crimberrybold)}.radio-input:checked+.radio-label:before{opacity:1;background:linear-gradient(270deg,var(--crimberrybold),transparent)}.radio-input:checked+.radio-label:after{opacity:1;background:linear-gradient(90deg,var(--crimberrybold),transparent)}.search-box{grid-column:3/-1;height:100%;width:100%;grid-row-gap:18px;row-gap:18px}#search{background-color:var(--slateb);border:3px inset var(--belite);padding:5px 2px 2px 5px;line-height:1.7em;font-size:1.3em;width:96%;caret-color:var(--verdantlite)}#search:hover{box-shadow:0 0 15px var(--dorchid);-webkit-box-shadow:0 0 15px var(--dorchid);-moz-box-shadow:0 0 15px var(--dorchid)}#search:focus,#search:hover{border-color:var(--roarangelite);border-width:4px}#search:focus{outline:none;outline-style:none;box-shadow:0 0 10px var(--dorchid) inset;-webkit-box-shadow:0 0 10px var(--dorchid) inset;-moz-box-shadow:0 0 10px var(--dorchid) inset;cursor:auto}.select-input{color:#d0ecec;width:100%;height:40px;background-color:var(--slateb);margin-bottom:5px;padding-left:5px;font-size:1.3rem;align-items:center;cursor:pointer;border:none}.select-input:focus,.select-input:hover{border:2px ridge var(--roarangelite);box-shadow:0 0 12px var(--dorchid);-webkit-box-shadow:0 0 12px var(--dorchid);-moz-box-shadow:0 0 12px var(--dorchid)}.spell-item{background:var(--slatep);border:2px solid var(--belite);margin:.5rem;transition:all .3s ease 0s;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s}.spell-item:hover{border-color:var(--roarangelite);box-shadow:0 0 10px 0 var(--belite)}.spell-ex{border:3px outset var(--roarangelite);box-shadow:0 0 8px 0 var(--belite)}.filter-toggle{display:flex;color:var(--lightish);height:30px;width:98%;margin:0 1%;justify-content:center;align-content:center;align-self:center;text-align:center;cursor:pointer}.unselected{border:2px ridge var(--ba);background-color:var(--slateg)}.selected{border:2px ridge var(--gold);background-color:#140103}
/*# sourceMappingURL=main.1c9bb04f.chunk.css.map */