a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}a,del,ins{text-decoration:none}a{color:inherit}button,label{cursor:pointer}button,input{outline:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:120%;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.stuff{align-items:flex-end;display:flex}.stuff-companion-slot,.stuff-cuff-slot,.stuff-ring-slot{background-color:#fff;border:0;border-radius:.2em;cursor:pointer;height:90px;margin:1rem;position:relative;transition:.1s;width:90px}.stuff-companion-slot img,.stuff-cuff-slot img,.stuff-ring-slot img{padding:2px;width:100%}.stuff-companion-slot:hover,.stuff-cuff-slot:hover,.stuff-ring-slot:hover{-webkit-transform:scale(1.07);transform:scale(1.07);transition:.1s}.delete-item{background-color:red;border:0;bottom:calc(100% - 8px);color:#fff;font-size:.9em;left:calc(100% - 10px);margin:5px;padding:0 4px;position:absolute;width:15px;z-index:1}.delete-item:after{content:"×";display:inline-block}.delete-item:hover{cursor:pointer}.info{align-items:center;display:flex;flex-direction:column;height:320px;justify-content:space-between;margin:1rem}.info-container{width:350px}.info input,.info label select{background-color:#fafafa;border:0;border-bottom:1px solid #cecece;color:#17203a;font-size:1em;height:29px}.info input::-webkit-input-placeholder,.info label select::-webkit-input-placeholder{color:#cecece}.info input::placeholder,.info label select::placeholder{color:#cecece}.info label select{cursor:pointer;outline:0}.info .others-infos-container,.info .title-container{margin-bottom:1rem;width:100%}.info .title{font-size:1.4em;width:100%}.info .title:focus{border-bottom:1px solid #17203a}.info .level-container:before{border-bottom:1px solid #cecece;content:"Lvl.";display:inline-block;font-size:1em;line-height:29px}.action-buttons,.others-infos-container{display:flex;justify-content:space-between}.action-buttons{width:100%}.action-buttons button{border-radius:.2em;font-size:1em;height:40px;padding:0 1rem}.action-buttons button.build-new{background-color:#fafafa;border:1px solid #cecece;color:#17203a;transition:.1s}.action-buttons button.build-new:hover{background-color:#eee;-webkit-transform:scale(1.04);transform:scale(1.04);transition:.1s}.action-buttons button.build-new:active{border:1px solid #17203a}.action-buttons button.build-save{background-color:#17203a;border:1px solid #17203a;color:#fafafa;transition:.1s}.action-buttons button.build-save:hover{background-color:#1d284b;-webkit-transform:scale(1.04);transform:scale(1.04);transition:.1s}.action-buttons button.build-save:active{border:1px solid #fff;outline:1px solid #17203a}.spells-slot{align-self:center;border-radius:.2em;display:flex;flex-wrap:wrap;margin:.5rem;width:258px}.spell-slot{background-color:#fff;cursor:pointer;height:70px;margin:.5rem;position:relative;transition:.1s;width:70px}.spell-slot:hover{-webkit-transform:scale(1.07);transform:scale(1.07);transition:.1s}.spell-slot img{height:70px}.delete-spell{background-color:red;border:0;bottom:calc(100% - 14px);color:#fff;font-size:.9em;left:calc(100% - 15px);margin:5px;padding:0 4px;position:absolute;width:15px;z-index:1}.delete-spell:after{content:"×";display:inline-block}.delete-spell:hover{cursor:pointer}.build-stuff{display:flex}.build-img-hero{height:110px;left:30px;position:absolute;top:calc(2em - 18px)}.build-list{position:relative}.cross-close-build{background-color:red;border:0;border-radius:.2em;color:#fff;padding:2px 6px;pointer-events:auto;position:absolute;right:-8px;top:2rem;z-index:1}.cross-close-build:after{content:"×";display:inline-block}.build-stuff-item,.build-stuff-spell{display:flex;margin:1rem}.build-stuff-item-container,.build-stuff-spell-container{background-color:#fff;height:30px;margin:0 2px;position:relative;width:30px}.build-stuff-item-container img,.build-stuff-spell-container img{height:30px}.build-list-container{border-radius:.2em;display:flex;flex-direction:column;justify-content:space-between;margin:2rem auto;width:90vw}.build-container,.build-list img{cursor:pointer;pointer-events:auto}.build-list{pointer-events:none;transition:.2s}.build-list:hover{-webkit-transform:scale(1.01);transform:scale(1.01);transition:.2s}.build-container{align-items:center;background-color:#fafafa;border-radius:.2em;display:flex;justify-content:space-between;margin-top:2.5rem;padding-left:170px}.background-modal{align-items:center;background:rgba(0,0,0,.4);height:100%;position:fixed;width:100%;z-index:998}.background-modal,.modal-container{display:flex;justify-content:center}.modal-container{background-color:#fff;border-radius:.2em;flex-direction:column;padding:2rem;position:relative;width:500px}.modal-container h3{font-size:1.4em;padding:1rem}.modal-container p{font-size:.9em;padding:1rem 1rem 2rem}.modal-container .action-buttons{padding:1rem}.cross-close-modal{background-color:red;border:0;border-radius:.2em;color:#fff;padding:2px 6px;position:absolute;right:-8px;top:-8px;z-index:1}.cross-close-modal:after{content:"×";display:inline-block}.background-responsive{display:none}@media(max-width:1279px){.background-responsive{align-items:center;background:#17203a;display:flex;height:100%;justify-content:center;position:fixed;width:100%;z-index:999}.responsive-container{display:flex;flex-direction:column;justify-content:center;position:relative;width:425px}.responsive-container h3{color:#fff;font-size:1.4em;padding:1rem}.responsive-container p{color:#fff;font-size:.9em;padding:1rem 1rem 2rem}}.main{background-color:#fff;font-size:.9em}.main-title{background-color:#17203a;color:#fff;font-size:2em;font-weight:700;letter-spacing:1px;padding:1rem;position:-webkit-sticky;position:sticky;text-align:center;z-index:1}.main-container{background-color:#fafafa;border-radius:.2em;display:flex;justify-content:space-between;margin:4rem auto 2rem;max-height:calc(440px + 2rem);padding:1rem;width:90vw}.main-container.active{align-items:center}.main-error{color:#fff;padding:1rem;position:absolute;text-align:center;transition:.2s ease-out;width:100%}.main-error.inactive{-webkit-transform:translateY(-32px);transform:translateY(-32px);transition:.2s ease-out}.main-error.green{background-color:green}.main-error.red{background-color:red}.spell-list{width:calc(100% - 258px - 3rem)}.list{align-content:flex-start;display:flex;flex-wrap:wrap;margin:1rem;overflow:overlay}.cross-ring{background-color:red;color:#fff;font-size:2em;margin-top:-30px;padding:0 4px;position:absolute;right:calc(5vw - 1rem);z-index:1}.cross-ring:after{content:"×";display:inline-block}.cross-ring:hover{cursor:pointer}.item{align-items:center;border:2px solid #fff;display:flex;min-height:200px;padding:1rem;width:50%}.item:hover{background-color:#fff;cursor:pointer}.item-content{display:flex;flex-direction:column;justify-content:flex-start;min-height:140px;padding-left:1rem;width:100%}.item-content>p{padding-bottom:.5rem}.item-content-title{align-items:center;display:flex;justify-content:space-between;padding-bottom:1rem}.item-content-title h2{font-size:1.3em;font-weight:700}.item-content-title span{background-color:#17203a;border-radius:.2em;color:#fff;margin:0 1rem;padding:3px}.item-content-container-carac{position:relative}.item-content-container-carac-tabs{display:flex}.item-content-container-carac-tabs .active-tab,.item-content-container-carac-tabs .tab{border-bottom:1px solid #ddd;padding:5px;position:relative}.item-content-container-carac-tabs h4:first-of-type.active-tab:after{left:0;width:100%}.item-content-container-carac-tabs h4:first-of-type.active-tab:after,.item-content-container-carac-tabs h4:first-of-type.tab:after{background-color:#17203a;content:"";display:block;height:2px;margin-top:5px;position:absolute;right:100%;transition-duration:.2s;transition-property:left,right,width;transition-timing-function:ease-out}.item-content-container-carac-tabs h4:first-of-type.tab:after{left:100%;width:0}.item-content-container-carac-tabs h4:last-of-type.active-tab:after{right:100%;width:100%}.item-content-container-carac-tabs h4:last-of-type.active-tab:after,.item-content-container-carac-tabs h4:last-of-type.tab:after{background-color:#17203a;content:"";display:block;height:2px;left:0;margin-top:5px;position:absolute;transition-duration:.2s;transition-property:left,right,width;transition-timing-function:ease-out}.item-content-container-carac-tabs h4:last-of-type.tab:after{right:0;width:0}.item-content-container-carac .content{display:none;min-height:100px;padding-top:.5rem}.item-content-container-carac .content div p{line-height:1.2em}.item-content-container-carac .active-content{display:block}.companion-img{position:relative}.companion-img-cost{align-items:center;display:flex;justify-content:center;left:20px;position:absolute;top:20px}.companion-img-cost img{position:absolute}.companion-img-cost img:first-of-type{width:35px}.spell{align-items:center;border:2px solid #fff;display:flex;padding:1rem;width:50%}.spell:hover{background-color:#fff;cursor:pointer}.spell-img{position:relative}.spell-img_spell{width:100px}.spell-img_ap,.spell-img_cost,.spell-img_load{align-items:center;display:flex;justify-content:center;position:absolute}.spell-img_ap img,.spell-img_cost img,.spell-img_load img{position:absolute}.spell-img_cost{left:5px;top:0}.spell-img_ap{left:5px}.spell-img_ap img:first-of-type{width:40px}.spell-img_load{right:5px;top:0}.spell-img_load img:first-of-type{width:35px}.spell-content{display:flex;flex-direction:column;justify-content:flex-start;padding:1rem;width:100%}.spell-content h2{font-size:1.3em;font-weight:700;padding-bottom:.5rem}.spell-content h3{display:inline;font-weight:700;padding-right:10px;z-index:100}.spell-content_description{height:100px;opacity:0;padding-bottom:.5rem;transition:.2s ease-out}.spell-content_description.active{opacity:1;transition:.2s ease-out}.spell-content_gift-block{transition:.3s ease-out}.spell-content_gift-block.active{height:27px;-webkit-transform:translateY(-100px);transform:translateY(-100px);transition:.3s ease-out}.spell-content_gift-block .arrow{border:solid #000;border-width:0 3px 3px 0;display:inline-block;margin-bottom:-2px;margin-left:10px;padding:3px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.spell-content_gift-block .arrow.active{margin-bottom:2px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.spell-content_gifts{height:0;opacity:0;padding-top:.5rem;transition:.2s ease-out}.spell-content_gifts.active{height:auto;opacity:1;transition:.2s ease-out}@media(min-width:1535px){.spell-content_description{height:65px}.spell-content_gift-block.active{-webkit-transform:translateY(-65px);transform:translateY(-65px)}}.cross-close{background-color:red;border:0;border-radius:.1em;color:#fff;font-size:2em;padding:0 4px;position:absolute;z-index:1}.cross-close:after{content:"×";display:inline-block}.cross-close:hover{cursor:pointer}.cross-close-items{margin-top:-30px;right:calc(5vw - 1rem)}.cross-close-spell{margin-top:-30px;right:calc(5vw + 300px)}
/*# sourceMappingURL=main.817f719d.css.map*/