.tool-item.selected>i,.tool-item:hover>i,.tool-item>i{color:#fff}.tool-container{position:absolute;border-radius:6px;background-color:#b2c6cd;background-size:100% 100%}.tool-container.tool-bottom,.tool-container.tool-top{height:40px}.tool-container.tool-bottom .tool-item,.tool-container.tool-top .tool-item{float:left;border-right:0;border-left:0}.tool-item{display:block;width:40px;height:100%;height:40px;padding:10px;-webkit-transition:none;transition:none;text-align:center}.tool-item.selected,.tool-item:hover{background:#d1dde1}.tool-bottom .tool-item:first-child:hover,.tool-top .tool-item:first-child:hover{border-top-left-radius:6px;border-bottom-left-radius:6px}.tool-bottom .tool-item:last-child:hover,.tool-top .tool-item:last-child:hover{border-top-right-radius:6px;border-bottom-right-radius:6px}.tool-left .tool-item:first-child:hover,.tool-right .tool-item:first-child:hover,.tool-vertical-bottom .tool-item:first-child:hover,.tool-vertical-top .tool-item:first-child:hover{border-top-left-radius:6px;border-top-right-radius:6px}.tool-left .tool-item:last-child:hover,.tool-right .tool-item:last-child:hover,.tool-vertical-bottom .tool-item:last-child:hover,.tool-vertical-top .tool-item:last-child:hover{border-bottom-right-radius:6px;border-bottom-left-radius:6px}.tool-container .arrow{position:absolute;width:0;height:0;border-width:7px;border-style:solid}.tool-container.tool-top .arrow{bottom:-14px;left:50%;margin-left:-7px;border-color:#b2c6cd transparent transparent}.tool-container.tool-bottom .arrow{top:-14px;left:50%;margin-left:-7px;border-color:transparent transparent #b2c6cd}.tool-container.tool-left .arrow{top:50%;right:-14px;margin-top:-7px;border-color:transparent transparent transparent #b2c6cd}.tool-container.tool-right .arrow{top:50%;left:-14px;margin-top:-7px;border-color:transparent #b2c6cd transparent transparent}.animate-standard{-webkit-animation:standardAnimate .3s 1 ease}.animate-flyin{-webkit-animation:rotateAnimate .5s 1 ease}.animate-grow{-webkit-animation:growAnimate .4s 1 ease}.animate-flip{-webkit-animation:flipAnimate .4s 1 ease}.animate-bounce{-webkit-animation:bounceAnimate .4s 1 ease-out}@-webkit-keyframes rotateAnimate{from{-webkit-transform:rotate(180deg) translate(-120px);transform:rotate(180deg) translate(-120px);opacity:0}to{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translate(0);opacity:1}}@-webkit-keyframes standardAnimate{from{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@-webkit-keyframes growAnimate{0%{-webkit-transform:scale(0) translateY(40px);transform:scale(0) translateY(40px);opacity:0}70%{-webkit-transform:scale(1.5) translate(0);transform:scale(1.5) translate(0)}100%{-webkit-transform:scale(1) translate(0);transform:scale(1) translate(0);opacity:1}}@-webkit-keyframes rotate2Animate{from{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 100%;transform-origin:0 100%;opacity:0}to{-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@-webkit-keyframes flipAnimate{from{-webkit-transform:rotate3d(2,2,2,180deg);transform:rotate3d(2,2,2,180deg);opacity:0}to{-webkit-transform:rotate3d(0,0,0,0deg);transform:rotate3d(0,0,0,0deg);opacity:1}}@-webkit-keyframes bounceAnimate{0%{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}30%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}70%{-webkit-transform:translateY(20px);transform:translateY(20px)}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.hidden{display:none}