body{margin:0;padding:0;font-family:"Sans-serif";background-color:#2e3440;color:#fff}#wrapper{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}button{padding:1em 2em;background-color:orange;color:#000}button,input{border-radius:5px;border:1px solid orange}input{padding:1em;box-sizing:border-box;background-color:#2e3440;color:#fff}.hover-color{color:#fff;transition:color .3s}.hover-color:hover{color:orange;cursor:pointer}footer{clear:both;background-color:#3b4252;position:relative;margin-top:2em}footer p{text-align:center;padding:.7em 1em}#hero-chooser{text-align:center;width:90%;padding:1em;box-sizing:border-box;margin:auto}#hero-chooser h1{text-align:center;margin-bottom:1em}.hero-avatar{display:inline-block;margin:.4em;height:5em;width:5em}.hero-avatar img{height:100%;width:100%}.arcana-body{width:100%;display:flex;flex-direction:row;justify-content:center;align-content:center}.arcana-input{width:33%}.arcana-input:not(:last-child){margin-right:.5em}.arcana-input-red{border-color:#bc3e42}.arcana-input-purple{border-color:#714495}.arcana-input-green{border-color:#0090ab}.arcana-input-active{border-color:red}@media screen and (max-width:800px){.arcana-body{flex-direction:column}.arcana-body .arcana-input{width:100%}.arcana-body .arcana-input:not(:last-child){margin-bottom:1em}}.build-entry{margin:.5em 0}.build-entry-header{display:flex;flex-direction:row;align-items:center;margin-bottom:.5em}.build-entry-header img{width:2em;height:2em;border:1px solid orange;border-radius:50%;margin-right:.5em}.build-entry-header span{margin-left:auto;color:red;font-size:2em}.build-name-input{background-color:inherit;border:1px solid #2e3440}.build-box{display:flex;flex-direction:row;justify-content:center;align-content:center;width:100%;height:20%;padding:.5em;box-sizing:border-box;background-color:#2e3440}.build-item{position:relative;width:20%}.build-item:before{content:"";display:block;padding-bottom:100%;background-color:#3b4252}.build-item:not(:last-child){margin-right:.5em}.build-item-img{height:100%;width:100%;position:absolute;top:0;left:0;bottom:0;right:0}#new-build-btn{font-size:3rem;padding:.5rem}#modal{top:0;left:0;position:fixed;z-index:8810;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9)}#modal-content{text-align:center;display:flex;flex-direction:column;justify-content:center;align-content:center;width:100%;margin:2em auto auto;box-sizing:border-box}#modal-filter{width:50%;height:3em;margin:auto}.modal-item{display:inline-block;flex-direction:column;margin:1em;width:10em;height:10em}.modal-item h3{height:20%;width:100%}.modal-item img{height:8em;width:8em}.enchantments-image-picker{display:flex;align-items:center;flex-direction:column}.enchantments-image-picker input{margin:2em 1em;width:100%}.enchantments-image-picker img{max-width:100%;border:1px solid orange}:root{--accent-color:$accent-color;--bg-color:$bg-color;--bg-secondary-color:$bg-secondary-color;--text-color:$text-color;--text-muted-color:$text-muted-color}.hero-wrapper{width:100%}.hero-container{margin:0 auto;width:50%}.hero-container section{margin:2em 0;padding:1em 2em;background-color:#3b4252;border-radius:10px}.hero-container section h2{text-align:center;padding:0 1em .5em;border-bottom:2px solid;border-image:linear-gradient(90deg,#3b4252,orange 50%,#3b4252) 1}.hero-header{display:flex;flex-direction:row;align-items:center;justify-content:center}.hero-header .hero-avatar{border-radius:50%;width:6.5em;height:6.5em;margin:1em}#back-button{position:sticky;font-size:3rem;top:1rem;left:2rem}@media screen and (max-width:800px){.hero-container{width:90%}.hero-container section{padding:1em}#back-button{left:.3rem;top:.15rem}}#spotlight-input{display:flex;align-items:center;flex-direction:column}#spotlight-input input{margin:2em 1em;width:100%}
/*# sourceMappingURL=main.9b92508c.chunk.css.map */