body{background-color:#111;font-family:Verdana}.calculator__points{color:#fff;text-align:center}.trees{display:flex;justify-content:center}.tree{position:relative;min-width:300px;color:#fff;margin-right:1em;background-color:#111}.tree:last-child{margin-right:0}.tree__header{text-align:center}.tree__header h3{margin-top:.75em;margin-bottom:.75em}.tree__body{position:relative;height:520px;border:1px solid #000;background-size:cover;background-position:50%}.class-picker{display:flex;justify-content:center;list-style:none;margin-top:2em;margin-bottom:2em}.class-picker__class{margin-right:1em;opacity:.8;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.class-picker__class--active,.class-picker__class:hover{opacity:1}.class-picker__class--inactive{opacity:.4}.class-picker__class--inactive:hover{opacity:.5}.talent{position:absolute;width:40px;height:40px;border-radius:5px;-webkit-transition:-webkit-filter .1s linear;transition:-webkit-filter .1s linear;transition:filter .1s linear;transition:filter .1s linear,-webkit-filter .1s linear;-webkit-filter:none;filter:none;cursor:pointer}.talent--available .talent__status:after{box-shadow:inset 0 0 6px 3px rgba(30,255,0,.8)}.talent--available .point-label{color:#1eff00}.talent--maxed .talent__status:after{box-shadow:inset 0 0 6px 3px rgba(255,209,0,.8)}.talent--maxed .point-label{color:#ffd100}.talent--disabled{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.talent--disabled .talent__status{opacity:.7}.talent[data-row="0"]{top:30px}.talent[data-row="1"]{top:100px}.talent[data-row="2"]{top:170px}.talent[data-row="3"]{top:240px}.talent[data-row="4"]{top:310px}.talent[data-row="5"]{top:380px}.talent[data-row="6"]{top:450px}.talent[data-col="0"]{left:44px}.talent[data-col="1"]{left:100px}.talent[data-col="2"]{left:156px}.talent[data-col="3"]{left:212px}.talent__status{position:absolute;width:48px;height:46px;bottom:-1px;left:-4px;background-image:url(/images/icons/large/default.png);background-size:cover}.talent__status:after{content:"";position:absolute;width:44px;height:44px;top:2px;left:2px;border-radius:5px}.point-label{position:absolute;bottom:-5px;right:-5px;min-width:7px;text-align:center;padding:1px 3px;color:#999;font-size:11px;font-family:Arial,Helvetica,sans-serif;background:#111;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.point-label--enabled{color:#fff}.icon{position:relative;background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:#222}.icon:hover .icon__bg{box-shadow:inset 0 0 6px 3px rgba(99,150,214,.8)}.icon:active .icon__bg{box-shadow:inset 0 0 6px 3px rgba(180,204,235,.8)}.icon--medium{width:40px;height:40px;border-radius:5px}.icon--medium .icon__bg{width:36px;height:36px;top:2px;left:2px}.icon--golden .icon__frame{background-image:url(/images/icons/large/gold.png)}.icon__bg{position:absolute;background-size:cover;border-radius:5px}.icon__frame{width:44px;height:44px;top:-2px;left:-2px;background-image:url(/images/icons/large/default.png);background-repeat:no-repeat;background-size:contain}.arrow,.icon__frame{position:absolute}.arrow--left,.arrow--right{height:15px}.arrow--left[data-row="0"],.arrow--right[data-row="0"]{top:42px}.arrow--left[data-row="1"],.arrow--right[data-row="1"]{top:112px}.arrow--left[data-row="2"],.arrow--right[data-row="2"]{top:182px}.arrow--left[data-row="3"],.arrow--right[data-row="3"]{top:252px}.arrow--left[data-row="4"],.arrow--right[data-row="4"]{top:322px}.arrow--left[data-row="5"],.arrow--right[data-row="5"]{top:392px}.arrow--left[data-row="6"],.arrow--right[data-row="6"]{top:462px}.arrow--left[data-length="0"],.arrow--right[data-length="0"]{width:-39px}.arrow--left[data-length="1"],.arrow--right[data-length="1"]{width:17px}.arrow--left[data-length="2"],.arrow--right[data-length="2"]{width:73px}.arrow--left[data-length="3"],.arrow--right[data-length="3"]{width:129px}.arrow--right{background-image:url(/images/arrows/right.png);background-position:100%}.arrow--right.arrow--active{background-image:url(/images/arrows/right-active.png)}.arrow--right[data-col="0"]{left:87px}.arrow--right[data-col="1"]{left:143px}.arrow--right[data-col="2"]{left:199px}.arrow--right[data-col="3"]{left:255px}.arrow--left{background-image:url(/images/arrows/left.png);background-position:0}.arrow--left.arrow--active{background-image:url(/images/arrows/left-active.png)}.arrow--left[data-col="0"]{left:65px}.arrow--left[data-col="1"]{left:81px}.arrow--left[data-col="2"]{left:97px}.arrow--left[data-col="3"]{left:113px}.arrow--down{width:15px;background-image:url(/images/arrows/down.png);background-position:bottom}.arrow--down.arrow--active{background-image:url(/images/arrows/down-active.png)}.arrow--down[data-row="0"]{top:70px}.arrow--down[data-row="1"]{top:140px}.arrow--down[data-row="2"]{top:210px}.arrow--down[data-row="3"]{top:280px}.arrow--down[data-row="4"]{top:350px}.arrow--down[data-row="5"]{top:420px}.arrow--down[data-row="6"]{top:490px}.arrow--down[data-col="0"]{left:56px}.arrow--down[data-col="1"]{left:112px}.arrow--down[data-col="2"]{left:168px}.arrow--down[data-col="3"]{left:224px}.arrow--down[data-length="0"]{height:-38px}.arrow--down[data-length="1"]{height:32px}.arrow--down[data-length="2"]{height:102px}.arrow--down[data-length="3"]{height:172px}.arrow--right-down :before{content:"";position:absolute;height:15px;background-image:url(/images/arrows/rightdown.png);background-position:100%}.arrow--right-down :after{content:"";position:absolute;width:15px;background-image:url(/images/arrows/down.png);background-position:bottom}
/*# sourceMappingURL=main.c3222de2.chunk.css.map */