.grade-bubbles-container{margin-top:20px;padding-top:30px;position:relative}.skill-tree-grade-bubble{border-radius:40px 0 0 40px;box-sizing:border-box;color:#00ADEF;display:block;font-family:Trebuchet MS,sans-serif;font-size:24px;height:70px;line-height:70px;text-decoration:none;width:35px}.skill-tree-grade-bubble:hover{color:#00ADEF}.skill-tree-grade-bubble.coming-soon-bubble{background-color:#a5d38b}.skill-tree-grade-bubble-wrap{border-radius:40px 0 0 40px;margin-bottom:-7px;overflow:hidden;position:relative;width:35px;z-index:2}.skill-tree-grade-bubble-wrap:hover{border-radius:40px;box-shadow:-1px 0 1px 0 #CFC8DC;width:auto;z-index:4}.skill-tree-grade-bubble-wrap .skill-tree-grade-bubble{border:1px solid transparent;border-radius:40px;width:70px}.skill-tree-grade-bubble-wrap:hover .skill-tree-grade-bubble{width:auto}.skill-tree-grade-bubble-wrap-selected{width:37px;z-index:3}.skill-tree-grade-bubble-wrap-selected .skill-tree-grade-bubble{border-color:#cfc8dc}.skill-tree-grade-letter-name{display:inline-block;padding:0 3px;text-align:center;width:35px}.skill-tree-grade-bubbles-in .pink2-bg .skill-tree-grade-letter-name{letter-spacing:-1px;padding:0 3px 0 1px}.skill-tree-grade-bubbles-in .purple2-bg .skill-tree-grade-letter-name{letter-spacing:-1px;padding:0 3px 0 0}.home-skill-tree-in .home-grade-box.itr9 .skill-tree-grade-letter-name{letter-spacing:-1px;padding:0 3px 0 1px}.skill-tree-grade-letter-name .coming-soon-icon{background-color:white;border-radius:50%;bottom:17px;box-shadow:0 8.5px 0 white,0 17px 0 white;height:4px;left:15px;position:relative;width:4px}.skill-tree-grade-full-name{display:inline-block;opacity:.75;padding:0 20px 0 10px}.skill-tree-grade-full-name.coming-soon-text{bottom:1px;position:relative;vertical-align:top}.skill-tree-bubble-wrap-selected .skill-tree-grade-full-name{opacity:1}.skill-tree-grade-bubbles:after{background-color:#cfc8dc;content:" ";height:100%;left:35px;position:absolute;top:0;width:2px;z-index:2}.skill-tree-grade-bubbles:not(html):after{background-color:initial;box-shadow:-4px 1px 4px -2px #999;left:37px;width:7px}.blue1-bg{background:#10a0b6}.blue1-text,.blue1-text:hover{color:#10a0b6}.blue1-fill-svg{fill:#10a0b6}.blue1-bdr{border-color:#10a0b6}.blue1-opaque-button{border-color:rgba(16,160,182,.12)}.blue1-opaque-button:hover{background:rgba(16,160,182,.12)}.skill-tree-grade-bubble.blue1-bg{background:#00abc6}.orange1-bg{background:#f39317}.orange1-text,.orange1-text:hover{color:#f39317}.orange1-fill-svg{fill:#f39317}.orange1-bdr{border-color:#f39317}.orange1-opaque-button{border-color:rgba(243,147,23,.12)}.orange1-opaque-button:hover{background:rgba(243,147,23,.12)}.skill-tree-grade-bubble.orange1-bg{background:#ff940b}.pink1-bg{background:#42ae18}.pink1-text,.pink1-text:hover{color:#42ae18}.pink1-fill-svg{fill:#42ae18}.pink1-bdr{border-color:#42ae18}.pink1-opaque-button{border-color:rgba(66,174,24,.12)}.pink1-opaque-button:hover{background:rgba(66,174,24,.12)}.skill-tree-grade-bubble.pink1-bg{background:#78c72f}.green1-bg{background:#d74726}.green1-text,.green1-text:hover{color:#d74726}.green1-fill-svg{fill:#d74726}.green1-bdr{border-color:#d74726}.green1-opaque-button{border-color:rgba(215,71,38,.12)}.green1-opaque-button:hover{background:rgba(215,71,38,.12)}.skill-tree-grade-bubble.green1-bg{background:#c64123}.purple1-bg{background:#00a1de}.purple1-text,.purple1-text:hover{color:#00a1de}.purple1-fill-svg{fill:#00a1de}.purple1-bdr{border-color:#00a1de}.purple1-opaque-button{border-color:rgba(0,161,222,.12)}.purple1-opaque-button:hover{background:rgba(0,161,222,.12)}.skill-tree-grade-bubble.purple1-bg{background:#00a0de}.blue2-bg{background:#8d33aa}.blue2-text,.blue2-text:hover{color:#8d33aa}.blue2-fill-svg{fill:#8d33aa}.blue2-bdr{border-color:#8d33aa}.blue2-opaque-button{border-color:rgba(141,51,170,.12)}.blue2-opaque-button:hover{background:rgba(141,51,170,.12)}.skill-tree-grade-bubble.blue2-bg{background:#9424b8}.orange2-bg{background:#00b971}.orange2-text,.orange2-text:hover{color:#00b971}.orange2-fill-svg{fill:#00b971}.orange2-bdr{border-color:#00b971}.orange2-opaque-button{border-color:rgba(0,185,113,.12)}.orange2-opaque-button:hover{background:rgba(0,185,113,.12)}.skill-tree-grade-bubble.orange2-bg{background:#00b971}.blue3-bg{background:#e9681b}.blue3-text,.blue3-text:hover{color:#e9681b}.blue3-fill-svg{fill:#e9681b}.blue3-bdr{border-color:#e9681b}.blue3-opaque-button{border-color:rgba(233,104,27,.12)}.blue3-opaque-button:hover{background:rgba(233,104,27,.12)}.skill-tree-grade-bubble.blue3-bg{background:#ff6205}.pink2-bg{background:#0b863c}.pink2-text,.pink2-text:hover{color:#0b863c}.pink2-fill-svg{fill:#0b863c}.pink2-bdr{border-color:#0b863c}.pink2-opaque-button{border-color:rgba(11,134,60,.12)}.pink2-opaque-button:hover{background:rgba(11,134,60,.12)}.skill-tree-grade-bubble.pink2-bg{background:#00913a}.purple2-bg{background:#eabc00}.purple2-text,.purple2-text:hover{color:#eabc00}.purple2-fill-svg{fill:#eabc00}.purple2-bdr{border-color:#eabc00}.purple2-opaque-button{border-color:rgba(234,188,0,.12)}.purple2-opaque-button:hover{background:rgba(234,188,0,.12)}.skill-tree-grade-bubble.purple2-bg{background:#eabb00}.red1-bg{background:#7027a5}.red1-text,.red1-text:hover{color:#7027a5}.red1-fill-svg{fill:#7027a5}.red1-bdr{border-color:#7027a5}.red1-opaque-button{border-color:rgba(112,39,165,.12)}.red1-opaque-button:hover{background:rgba(112,39,165,.12)}.skill-tree-grade-bubble.red1-bg{background:#7217b4}.lk-math-sub-hdr.red1-bg{background:#8738c0}.green2-bg{background:#c83131}.green2-text,.green2-text:hover{color:#c83131}.green2-fill-svg{fill:#c83131}.green2-bdr{border-color:#c83131}.green2-opaque-button{border-color:rgba(200,49,49,.12)}.green2-opaque-button:hover{background:rgba(200,49,49,.12)}.skill-tree-grade-bubble.green2-bg{background:#da1e1e}.lk-math-sub-hdr.green2-bg{background:#dd3f3f}.orange3-bg{background:#147cc4}.orange3-text,.orange3-text:hover{color:#147cc4}.orange3-fill-svg{fill:#147cc4}.orange3-bdr{border-color:#147cc4}.orange3-opaque-button{border-color:rgba(20,124,196,.12)}.orange3-opaque-button:hover{background:rgba(20,124,196,.12)}.skill-tree-grade-bubble.orange3-bg{background:#007fd8}.lk-math-sub-hdr.orange3-bg{background:#1e8edb}.green3-bg{background:#0bc1b6}.green3-text,.green3-text:hover{color:#0bc1b6}.green3-fill-svg{fill:#0bc1b6}.green3-bdr{border-color:#0bc1b6}.green3-opaque-button{border-color:rgba(11,193,182,.12)}.green3-opaque-button:hover{background:rgba(11,193,182,.12)}.skill-tree-grade-bubble.green3-bg{background:#00ccbf}.lk-math-sub-hdr.green3-bg{background:#27d3c9}.orange4-bg{background:#de9715}.orange4-text,.orange4-text:hover{color:#de9715}.orange4-fill-svg{fill:#de9715}.orange4-bdr{border-color:#de9715}.orange4-opaque-button{border-color:rgba(222,151,21,.12)}.orange4-opaque-button:hover{background:rgba(222,151,21,.12)}.skill-tree-grade-bubble.orange4-bg{background:#de9715}.green4-bg{background:#7DB702}.green4-text,.green4-text:hover{color:#7DB702}.green4-fill-svg{fill:#7DB702}.green4-bdr{border-color:#7DB702}.green4-opaque-button{border-color:rgba(125,183,2,.12)}.green4-opaque-button:hover{background:rgba(125,183,2,.12)}.skill-tree-grade-bubble.green4-bg{background:#7DB702}.purple3-bg{background:#6A5DBB}.purple3-text,.purple3-text:hover{color:#6A5DBB}.purple3-fill-svg{fill:#6A5DBB}.purple3-bdr{border-color:#6A5DBB}.purple3-opaque-button{border-color:rgba(106,93,187,.12)}.purple3-opaque-button:hover{background:rgba(106,93,187,.12)}.skill-tree-grade-bubble.purple3-bg{background:#6A5DBB}.pink3-bg{background:#D13C96}.pink3-text,.pink3-text:hover{color:#D13C96}.pink3-fill-svg{fill:#D13C96}.pink3-bdr{border-color:#D13C96}.pink3-opaque-button{border-color:rgba(209,60,150,.12)}.pink3-opaque-button:hover{background:rgba(209,60,150,.12)}.skill-tree-grade-bubble.pink3-bg{background:#D13C96}.gray1-bg{background:#bfb9c7}.gray1-text,.gray1-text:hover{color:#8c8898}.gray1-fill-svg{fill:#8c8898}.white-bg{background:#fff}.white-text,.white-text:hover{color:#fff}.white-fill-svg{fill:#fff}@media screen and (max-width:480px){.blue1-opaque-button{background:#10a0b6;border-color:#10a0b6}.blue1-opaque-button:hover{background:rgba(16,160,182,.75)}.orange1-opaque-button{background:#f39317;border-color:#f39317}.orange1-opaque-button:hover{background:rgba(243,147,23,.75)}.pink1-opaque-button{background:#42ae18;border-color:#42ae18}.pink1-opaque-button:hover{background:rgba(66,174,24,.75)}.green1-opaque-button{background:#d74726;border-color:#d74726}.green1-opaque-button:hover{background:rgba(215,71,38,.75)}.purple1-opaque-button{background:#00a1de;border-color:#00a1de}.purple1-opaque-button:hover{background:rgba(0,161,222,.75)}.blue2-opaque-button{background:#8d33aa;border-color:#8d33aa}.blue2-opaque-button:hover{background:rgba(141,51,170,.75)}.orange2-opaque-button{background:#00b971;border-color:#00b971}.orange2-opaque-button:hover{background:rgba(0,185,113,.75)}.blue3-opaque-button{background:#e9681b;border-color:#e9681b}.blue3-opaque-button:hover{background:rgba(233,104,27,.75)}.pink2-opaque-button{background:#0b863c;border-color:#0b863c}.pink2-opaque-button:hover{background:rgba(11,134,60,.75)}.purple2-opaque-button{background:#eabc00;border-color:#eabc00}.purple2-opaque-button:hover{background:rgba(234,188,0,.75)}.red1-opaque-button{background:#7027a5;border-color:#7027a5}.red1-opaque-button:hover{background:rgba(112,39,165,.75)}.green2-opaque-button{background:#c83131;border-color:#c83131}.green2-opaque-button:hover{background:rgba(200,49,49,.75)}.orange3-opaque-button{background:#147cc4;border-color:#147cc4}.orange3-opaque-button:hover{background:rgba(20,124,196,.75)}.green3-opaque-button{background:#0bc1b6;border-color:#0bc1b6}.green3-opaque-button:hover{background:rgba(11,193,182,.75)}.orange4-opaque-button{background:#de9715;border-color:#de9715}.orange4-opaque-button:hover{background:rgba(222,151,21,.75)}.green4-opaque-button{background:#7DB702;border-color:#7DB702}.green4-opaque-button:hover{background:rgba(125,183,2,.75)}.purple3-opaque-button{background:#6A5DBB;border-color:#6A5DBB}.purple3-opaque-button:hover{background:rgba(106,93,187,.75)}.pink3-opaque-button{background:#D13C96;border-color:#D13C96}.pink3-opaque-button:hover{background:rgba(209,60,150,.75)}.gray1-opaque-button{background:#bfb9c7;border-color:#bfb9c7}.gray1-opaque-button:hover{background:rgba(191,185,199,.75)}.white-opaque-button{background:#fff;border-color:#fff}.white-opaque-button:hover{background:rgba(255,255,255,.75)}}