.header-container .header-placeholder{width:100%;height:50px}.header-container .header{position:fixed;top:0;left:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:50px;padding:.5rem;color:#fff;background:50%/cover no-repeat url(../img/header_bg.bb988df3.jpg);z-index:10}.header-container .header,.header-container .header .header-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-container .header .header-logo{width:140px;overflow:hidden}.header-container .header .header-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.header-container .header .header-buttons{display:-webkit-box;display:-ms-flexbox;display:flex}.header-container .header .header-buttons span+span{margin-left:1rem}.header-container .header .header-buttons>span img{width:25px;height:25px}.messages-flash{position:absolute;top:0;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:260px;z-index:100;pointer-events:none}.messages-flash .alert{font-weight:600;margin:.5rem 0;padding:.4rem .6rem;border-radius:4px 0 0 4px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.messages-flash .alert.alert-error{color:#5b0000;background-color:#ff776f}.messages-flash .alert.alert-warning{color:#5b2600;background-color:#ffab65}.messages-flash .alert.alert-success{color:#1d5b40;background-color:#a4cbad}.messages-flash .slide-fade-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}.messages-flash .slide-fade-leave-active{-webkit-transition:all .8s cubic-bezier(1,.5,.8,1);transition:all .8s cubic-bezier(1,.5,.8,1)}.messages-flash .slide-fade-enter,.messages-flash .slide-fade-leave-to{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Open Sans,sans-serif}#app{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:768px;min-height:100vh;margin:0 auto;background-color:transparent;overflow-x:hidden;overflow-y:auto}#app .background{position:fixed;top:0;left:0;width:100%;height:100vh;background:#b9a78b 50%/cover url(../img/background_light.dd552ef9.jpg) no-repeat;z-index:-1}#app ul li{list-style:none}#app textarea{padding:.4rem .6rem;border:1px solid #ffcdad;background-color:#d6ac91}#app textarea:focus{border:1px solid #2a1e15;outline:none}#app hr{width:100%;height:1px;margin-top:.8rem;background-color:#2a1e15;outline:none;border:none}#app .fade-to-top-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}#app .fade-to-top-leave-active{-webkit-transition:all .4s cubic-bezier(1,.5,.8,1);transition:all .4s cubic-bezier(1,.5,.8,1)}#app .fade-to-top-enter,#app .fade-to-top-leave-to{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0}#app .fade-enter-active,#app .fade-leave-active{-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}#app .fade-enter,#app .fade-leave-to{opacity:0}#app .slide-fade-enter-active{-webkit-transition:all .3s ease;transition:all .3s ease}#app .slide-fade-leave-active{-webkit-transition:all .8s cubic-bezier(1,.5,.8,1);transition:all .8s cubic-bezier(1,.5,.8,1)}#app .slide-fade-enter,#app .slide-fade-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.home{width:100%}.home .team-list{margin:0;padding:0}.home .team-list li{height:70px;list-style:none}.home .team-list li .team-item{display:-webkit-box;display:-ms-flexbox;display:flex;color:#000;text-decoration:none}.home .team-list li .team-item picture{width:25%;height:70px;overflow:hidden;z-index:1}.home .team-list li .team-item picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.home .team-list li .team-item .team-item-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:75%;height:70px;padding-left:.2rem;color:#fff;background-color:#2a1e15;z-index:2}.home .team-list li .team-item .team-item-content:before{content:"";position:absolute;left:-60px;width:0;height:0;border-style:solid;border-width:0 0 70px 60px;border-color:transparent transparent #2a1e15 transparent}.home .team-list li .team-item .team-item-content h2{width:100%;margin:.4rem 0 .2rem 0;padding:0;color:#fff;font-family:Pirata One,cursive;font-size:1.4rem;line-height:1.8rem}.home .team-list li .team-item .team-item-content .team-stats{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.9rem}.home .team-list li .team-item .team-item-content .team-stats div+div{margin-left:1rem}.home .team-list li .team-item .team-item-content .team-stats>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home .team-list li .team-item .team-item-content .team-stats img.team-icon{width:14px;height:14px;margin-right:.5rem}#registerPage .register button{width:150px;height:40px;margin:1rem auto;padding:0 .6rem;color:#fff;line-height:40px;text-shadow:0 0 10px rgba(0,0,0,.3);font-family:Pirata One,cursive;font-size:1.2rem;font-weight:700;letter-spacing:.4px;border:none;background:#2a1e15;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}#registerPage .register input{width:100%;height:40px;margin:0;padding:.4rem .6rem;border:1px solid #ffcdad;background-color:#d6ac91}#registerPage .register input::-webkit-input-placeholder{color:#2a1e15}#registerPage .register input::-moz-placeholder{color:#2a1e15}#registerPage .register input:-ms-input-placeholder{color:#2a1e15}#registerPage .register input::-ms-input-placeholder{color:#2a1e15}#registerPage .register input::placeholder{color:#2a1e15}#registerPage .register input:focus{border:1px solid #2a1e15;outline:none}#registerPage h2{font-family:Pirata One,cursive;font-size:4rem;line-height:4rem;text-align:center}#registerPage .register{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#registerPage .register input{margin:.5rem auto}#login .login-form button{width:150px;height:40px;margin:1rem auto;padding:0 .6rem;color:#fff;line-height:40px;text-shadow:0 0 10px rgba(0,0,0,.3);font-family:Pirata One,cursive;font-size:1.2rem;font-weight:700;letter-spacing:.4px;border:none;background:#2a1e15;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}#login .login-form input{width:100%;height:40px;margin:0;padding:.4rem .6rem;border:1px solid #ffcdad;background-color:#d6ac91}#login .login-form input::-webkit-input-placeholder{color:#2a1e15}#login .login-form input::-moz-placeholder{color:#2a1e15}#login .login-form input:-ms-input-placeholder{color:#2a1e15}#login .login-form input::-ms-input-placeholder{color:#2a1e15}#login .login-form input::placeholder{color:#2a1e15}#login .login-form input:focus{border:1px solid #2a1e15;outline:none}#login{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 50px)}#login h2{font-family:Pirata One,cursive;font-size:3rem;line-height:3.4rem;text-align:center}#login .login-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}#login .login-form input{margin:.5rem auto}#login .register-link{margin-bottom:auto;margin-top:1rem;text-align:center}#login .register-link a{color:#1f1f1f}#login .alert-error{position:absolute;top:0;right:0;display:block;margin:2rem 0;padding:.8rem 1.2rem;color:#5b0000;background-color:rgba(255,119,111,.71);z-ijsonndex:1}.team-header{height:60px;background-color:#2a1e15;-webkit-transition:height .5s cubic-bezier(.51,.92,.24,1.15);transition:height .5s cubic-bezier(.51,.92,.24,1.15);overflow:hidden}.team-header .team-stats{width:100%;background-color:#2a1e15}.team-header .team-stats,.team-header .team-stats picture{display:-webkit-box;display:-ms-flexbox;display:flex;height:60px}.team-header .team-stats picture{position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:25%;overflow:hidden;z-index:1}.team-header .team-stats picture .open-team{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;width:46px;height:46px;margin-left:.5rem;color:#fff;font-family:Pirata One,cursive;font-size:1.6rem;line-height:46px;font-weight:700;border:2px solid hsla(0,0%,100%,.7);border-radius:50%;background-color:rgba(0,0,0,.3);cursor:pointer;z-index:2}.team-header .team-stats picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-header .team-stats .team-item-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:75%;padding:0 4px;color:#fff;z-index:2}.team-header .team-stats .team-item-content:before{content:"";position:absolute;left:-30px;width:0;height:0;border-style:solid;border-width:0 0 60px 30px;border-color:transparent transparent #2a1e15 transparent}.team-header .team-stats .team-item-content h2{margin:0;padding:0;font-family:Pirata One,cursive;color:#fff;font-size:1.2rem}.team-header .team-stats .team-item-content div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:.1rem}.team-header .team-stats .team-item-content div div+div{margin-left:.8rem}.team-header .team-stats .team-item-content div>div{font-size:.8rem}.team-header .team-stats .team-item-content div>div span{padding-right:.4rem}.team-header .team-stats .team-item-content div>div img{width:12px;height:12px;margin-right:.4rem}.team-header .team-achievements{margin:0;padding:1rem 0;color:#fff}.team-header .team-achievements li{padding:.3rem 0 .3rem 1rem}.team-header.open{height:200px}.heroes-item{position:relative}.heroes-item,.heroes-item .heroes-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.heroes-item .heroes-icon{bottom:-10px;left:-6px;position:absolute;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:35px;height:35px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10}.heroes-item .heroes-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.heroes-item picture{position:absolute;width:80px;height:80px;border-radius:50%;border:4px solid #fff;overflow:hidden;z-index:2}.heroes-item picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.heroes-item .heroes-level{top:-14px;left:44px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:35px;height:35px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10}.heroes-item .heroes-level img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.heroes-item .heroes-item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:280px;height:70px;margin-left:20px;padding-left:70px;padding-right:1rem;border-radius:0 4px 4px 0;background-color:#f0eae4;z-index:1}.heroes-item .heroes-item-content h2{width:100%;margin:.5rem 0 .2rem 0;font-size:1.4rem;line-height:1.2rem;font-weight:700;font-family:Pirata One,cursive;text-transform:capitalize}.heroes-item .heroes-item-content .heroes-stats{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:.2rem}.heroes-item .heroes-item-content .heroes-stats span+span{margin-left:1rem}.heroes-item .heroes-item-content .heroes-stats>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#2a1e15;font-size:.8rem;font-weight:700}.heroes-item .heroes-item-content .heroes-stats>span img{max-width:16px;max-height:18px;margin-right:.4rem}.team{width:100%}.team .add-hero,.team .see-retired{display:block;max-width:290px;height:40px;margin:1rem auto;color:#2a1e15;font-family:Pirata One,cursive;font-size:1.6rem;line-height:40px;text-align:center;text-decoration:none;border-radius:4px;background-color:#d6ac91;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.team .heroes-list{margin:0;padding:0}.team .heroes-list li{display:block;width:300px;margin:1.5rem auto;list-style:none}.team .heroes-list li a{color:#1f1f1f;text-decoration:none}.hero-companion .hero-perks .perks-btn,.hero-companion .hero-perks .perks-list .btn-group .cancel-btn,.hero-companion .hero-perks .perks-list .btn-group button{width:150px;height:40px;margin:1rem auto;padding:0 .6rem;color:#fff;line-height:40px;text-shadow:0 0 10px rgba(0,0,0,.3);font-family:Pirata One,cursive;font-size:1.2rem;font-weight:700;letter-spacing:.4px;border:none;background:#2a1e15;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input,.hero-companion .hero-objects .hero-objects-edit input{width:100%;height:40px;margin:0;padding:.4rem .6rem;border:1px solid #ffcdad;background-color:#d6ac91}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input::-webkit-input-placeholder,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input::-webkit-input-placeholder,.hero-companion .hero-objects .hero-objects-edit input::-webkit-input-placeholder{color:#2a1e15}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input::-moz-placeholder,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input::-moz-placeholder,.hero-companion .hero-objects .hero-objects-edit input::-moz-placeholder{color:#2a1e15}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input:-ms-input-placeholder,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input:-ms-input-placeholder,.hero-companion .hero-objects .hero-objects-edit input:-ms-input-placeholder{color:#2a1e15}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input::-ms-input-placeholder,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input::-ms-input-placeholder,.hero-companion .hero-objects .hero-objects-edit input::-ms-input-placeholder{color:#2a1e15}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input::placeholder,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input::placeholder,.hero-companion .hero-objects .hero-objects-edit input::placeholder{color:#2a1e15}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input:focus,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input:focus,.hero-companion .hero-objects .hero-objects-edit input:focus{border:1px solid #2a1e15;outline:none}.hero-companion{display:block;width:100%;max-width:576px;margin:0 auto;padding:0 1rem}.hero-companion .hero-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem auto}.hero-companion .hero-header .hero-card{position:relative}.hero-companion .hero-header .hero-card picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100px;height:100px;margin-right:1rem;border:4px solid #fff;border-radius:50%;overflow:hidden;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.hero-companion .hero-header .hero-card picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hero-companion .hero-header .hero-card .hero-level{top:-8px;right:12px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10;font-size:1.2rem;line-height:1.4rem;overflow:unset}.hero-companion .hero-header .hero-card .hero-level img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hero-companion .hero-header .hero-card .hero-level .next-level{position:absolute;padding:.5rem;top:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;border-radius:20px 20px 20px 20px;background-color:#fff}.hero-companion .hero-header .hero-card .hero-level .next-level li{margin:.5rem 0;list-style:none}.hero-companion .hero-header .hero-card .hero-level .add-level{top:-4px;left:-4px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:20px;height:20px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10;font-size:.8rem;line-height:1rem;background-color:#292321}.hero-companion .hero-header .hero-card .hero-level .add-level img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;width:12px;height:12px}.hero-companion .hero-header .hero-card .hero-icon{bottom:-6px;left:-6px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10}.hero-companion .hero-header .hero-card .hero-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.hero-companion .hero-header .hero-stats{width:100%}.hero-companion .hero-header .hero-stats h2{margin:0;padding-left:.6rem;font-family:Pirata One,cursive;font-size:2rem;line-height:2.4rem}.hero-companion .hero-header .hero-stats .hero-stats-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;margin-top:.8rem}.hero-companion .hero-header .hero-stats .hero-stats-content .stat-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:30px;line-height:30px}.hero-companion .hero-header .hero-stats .hero-stats-content .stat-container .stats-icon{margin-right:6px;max-width:16px;max-height:18px;vertical-align:middle}.hero-companion .hero-header .hero-stats .hero-stats-content>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin:.2rem 0}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-life,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-max-card{width:50%;height:30px;padding:.4rem .6rem}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;height:30px;padding:.4rem .6rem}.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-gold input,.hero-companion .hero-header .hero-stats .hero-stats-content>div .hero-xp input{position:absolute;left:0}.hero-companion .hero-perks{width:100%}.hero-companion .hero-perks .perks-list{position:absolute;top:3%;left:3%;right:3%;bottom:3%;padding:10px;background-color:#fff;overflow-x:hidden;overflow-y:auto;z-index:99}.hero-companion .hero-perks .perks-list .btn-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hero-companion .hero-perks .perks-list .btn-group .cancel-btn,.hero-companion .hero-perks .perks-list .btn-group button{width:calc(50% - 1rem)}.hero-companion .hero-perks .perks-list .btn-group .cancel-btn{font-size:1.2rem;text-align:center}.hero-companion .hero-perks .perks-list ul{margin:0;padding:0}.hero-companion .hero-perks .perks-list ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-size:14px;margin:.5rem;padding:10px;border:1px solid #6e6e6e}.hero-companion .hero-perks .perks-list ul li div{margin-right:.5rem}.hero-companion .hero-perks .perks-list ul li p{margin:0;padding:0;font-size:1rem;line-height:1rem}.hero-companion .hero-perks .perks-list ul li p .svg-container{position:relative;display:inline-block;width:20px;height:22px}.hero-companion .hero-perks .perks-list ul li p .svg-container svg{position:absolute;top:3px;display:inline-block;width:25px;height:25px}.hero-companion .hero-objects{margin-top:1rem}.hero-companion .hero-objects .hero-objects-edit{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:30px}.hero-companion .hero-objects .hero-objects-edit .add-object{position:absolute;bottom:-5px;right:0;width:40px;height:40px;color:#fff;font-size:26px;text-align:center;line-height:40px;border-radius:50%;background-color:#2a1e15;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.hero-companion .hero-objects .hero-objects-edit input{position:absolute}.hero-companion .hero-objects .hero-objects-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.8rem}.hero-companion .hero-objects .hero-objects-list .object-item{position:relative;margin:0 .5rem .5rem 0;padding:0 40px 0 .4rem;font-family:Pirata One,cursive;font-size:1.2rem;letter-spacing:.4px;outline:1px solid #2a1e15;background-color:#d6ac91}.hero-companion .hero-objects .hero-objects-list .object-item,.hero-companion .hero-objects .hero-objects-list .object-item .remove-object{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:30px}.hero-companion .hero-objects .hero-objects-list .object-item .remove-object{position:absolute;top:0;right:0;width:30px;padding:0 .2rem;color:#fff;font-family:Open Sans,sans-serif;font-size:.8rem;line-height:30px;font-weight:700;background-color:#2a1e15}.hero-companion .hero-note{position:relative;width:100%;margin-top:1rem;font-family:Pirata One,cursive;font-size:1.2rem;letter-spacing:.4px}.hero-companion .hero-note p{width:100%;white-space:pre-line}.hero-companion .hero-note textarea{position:absolute;top:40px;width:100%;height:150px;margin-bottom:30px}.hero-companion h3{height:30px;margin:.5rem 0;padding:0;font-family:Pirata One,cursive;font-size:1.6rem}.character-item{display:-webkit-box;display:-ms-flexbox;display:flex;width:280px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1.5rem auto}.character-item.active{opacity:.5;pointer-events:none}.character-item .character-avatar{position:relative;z-index:1}.character-item .character-avatar picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:80px;border-radius:50%;border:4px solid #fff;overflow:hidden;z-index:1}.character-item .character-avatar picture img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.character-item .character-avatar .character-icon{bottom:-10px;left:-10px;position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;padding:4px;border-radius:50%;background-color:#fff;overflow:hidden;z-index:10}.character-item .character-avatar .character-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.character-item .character-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:240px;height:70px;margin-left:-40px;padding:.5rem 0 .5rem 60px;border-radius:0 5px 5px 0;background-color:#f0eae4}.character-item .character-info h2{width:100%;margin:0;padding:0;font-size:1.7rem;line-height:1.7rem;font-weight:700;font-family:Pirata One,cursive;text-transform:capitalize}.character-item .character-info .character-stats{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin-top:.4rem}.character-item .character-info .character-stats span+span{margin-left:.8rem}.character-item .character-info .character-stats>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-right:14px}.character-item .character-info .character-stats>span img{max-width:16px;max-height:18px;margin-right:5px;-o-object-fit:contain;object-fit:contain}.add-hero .add-hero-form .button-group button{width:150px;height:40px;margin:1rem auto;padding:0 .6rem;color:#fff;line-height:40px;text-shadow:0 0 10px rgba(0,0,0,.3);font-family:Pirata One,cursive;font-size:1.2rem;font-weight:700;letter-spacing:.4px;border:none;background:#2a1e15;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)}.add-hero .add-hero-form .input-group input{width:100%;height:40px;margin:0;padding:.4rem .6rem;border:1px solid #ffcdad;background-color:#d6ac91}.add-hero .add-hero-form .input-group input::-webkit-input-placeholder{color:#2a1e15}.add-hero .add-hero-form .input-group input::-moz-placeholder{color:#2a1e15}.add-hero .add-hero-form .input-group input:-ms-input-placeholder{color:#2a1e15}.add-hero .add-hero-form .input-group input::-ms-input-placeholder{color:#2a1e15}.add-hero .add-hero-form .input-group input::placeholder{color:#2a1e15}.add-hero .add-hero-form .input-group input:focus{border:1px solid #2a1e15;outline:none}.add-hero .character-list{width:100%}.add-hero .add-hero-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:1rem 0}.add-hero .add-hero-form h2{margin:0 0 1rem 0;font-family:Pirata One,cursive;font-size:3rem;line-height:3rem;text-transform:capitalize}.add-hero .add-hero-form h2 .character-icon{display:inline-block;width:40px;height:40px;margin-left:10px;line-height:40px;overflow:hidden}.add-hero .add-hero-form h2 .character-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.add-hero .add-hero-form .input-group{margin:.5rem 0}.add-hero .add-hero-form .input-group label{display:block;font-family:Pirata One,cursive;font-size:1.4rem;line-height:1.8rem}.add-hero .add-hero-form .button-group{margin:1rem 0}.add-hero .add-hero-form .button-group button{display:block;margin:.5rem 0}