coords{color:#fff;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.coords-no coords{display:none}coords{display:flex;font-size:7px;pointer-events:none;position:absolute}@media (min-width:320px){coords{font-size:calc(7px + 4 * (100vw - 320px) / 880)}}@media (min-width:1200px){coords{font-size:11px}}.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:6px}@media (min-width:320px){.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:calc(6px + 4 * (100vw - 320px) / 880)}}@media (min-width:1200px){.d-12x12 coords.ranks,body[data-notation="2"] coords.ranks{font-size:10px}}coords.ranks{flex-flow:column-reverse;height:100%;right:0;top:1px;width:1.1em}coords.ranks.gote{flex-flow:column}coords.ranks{z-index:0}coords.files{flex-flow:row;height:1.4em;left:0;text-align:left;top:0;width:100%}coords.files.gote{flex-flow:row-reverse}coords.files coord{padding-left:4px}coords.files{z-index:0}coords coord{flex:1 1 auto}.kaya1 .files,.kaya1 .ranks,.kaya2 .files,.kaya2 .ranks,.natural .files,.natural .ranks,.oak .files,.oak .ranks,.orange .files,.orange .ranks,.wood .files,.wood .ranks,.wood1 .files,.wood1 .ranks{color:#000}.space .files,.space .ranks{color:#eee}.kinkaku .files,.kinkaku .ranks,.painting1 .files,.painting1 .ranks,.painting2 .files,.painting2 .ranks{color:#000}.dobutsu .files,.dobutsu .ranks{color:#c36e5f}.blue .files,.blue .ranks,.gray .files,.gray .ranks{color:#eee}.custom .files,.custom .ranks{color:var(--custom-grid-color,var(--c-font))}.v-dobutsu .files,.v-dobutsu .ranks{color:#c36e5f}@media (min-width:979.3px),(orientation:landscape){.coords-edge coords,.coords-out coords{text-align:center;text-shadow:none}.coords-edge coords.ranks,.coords-out coords.ranks{top:0}.coords-edge coords.ranks coord,.coords-out coords.ranks coord{transform:translateY(42%)}.coords-out coords.ranks{right:-12px;width:12px}.coords-out coords.files{top:-15px}.coords-out coords coord{color:var(--c-font-page)!important}.coords-edge .main-board sg-board{background-origin:border-box;border:calc(1.7vh * var(--board-scale, 1)) solid transparent}.coords-edge .main-board sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 9 * 7)}.coords-edge .main-board sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 9);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 9)}.coords-edge .main-board sg-hand-wrap.hand-bottom sg-hand{padding-bottom:calc(1.7vh * var(--board-scale, 1))}.coords-edge .main-board sg-hand-wrap.hand-top sg-hand{padding-top:calc(1.7vh * var(--board-scale, 1))}.coords-edge .main-board.v-minishogi sg-hand-wrap{height:calc(100% - calc(1.7vh * var(--board-scale, 1)))}.coords-edge .main-board.v-minishogi sg-hand-wrap sg-hand{padding:calc(1.7vh * var(--board-scale, 1)) calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge .main-board.v-kyotoshogi sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 5 * 4)}.coords-edge .main-board.v-kyotoshogi sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 5);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge .main-board.v-dobutsu sg-hand-wrap{height:calc((100% - calc(1.7vh * var(--board-scale, 1))) / 4 * 3)}.coords-edge .main-board.v-dobutsu sg-hand-wrap sg-hand{padding-left:calc(calc(1.7vh * var(--board-scale, 1)) / 5);padding-right:calc(calc(1.7vh * var(--board-scale, 1)) / 5)}.coords-edge sg-promotion{outline:calc(1.7vh * var(--board-scale, 1)) solid rgba(0,0,0,.247)}.coords-edge coords{font-size:calc(1.7vh * var(--board-scale, 1) - 1px)}.coords-edge coords.ranks{left:100%;width:calc(1.7vh * var(--board-scale, 1))}.coords-edge coords.ranks coord{transform:translateY(42%)}.coords-edge coords.files{bottom:100%;top:unset}.coords-edge coords.files.gote{bottom:unset;top:100%}.coords-edge coords.files{height:calc(1.7vh * var(--board-scale, 1) - 1px);line-height:calc(1.7vh * var(--board-scale, 1) - 1px)}body[data-notation="2"] .coords-edge coords.ranks{font-size:calc(1.4vh * var(--board-scale, 1))}.coords-edge .board-editor .spare{border-bottom:calc(1.7vh * var(--board-scale, 1)) solid transparent;border-top:calc(1.7vh * var(--board-scale, 1)) solid transparent}.coords-edge .board-editor .spare-bottom{border-right:calc(calc(1.7vh * var(--board-scale, 1)) / 9 * 4) solid transparent}.coords-edge .board-editor .spare-top{border-left:calc(calc(1.7vh * var(--board-scale, 1)) / 9 * 4) solid transparent}}.d-12x12 coords coord{align-items:center;display:flex;flex:1 1 8.3333333333%;justify-content:center}.d-12x12 coords.ranks coord{transform:unset}body.resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none}sg-resize{display:none}@media (min-width:979.3px),(orientation:landscape){sg-resize{bottom:-10px;display:block;position:absolute;right:-10px}.coords-edge sg-resize{bottom:-21px;right:-21px}sg-resize{cursor:nwse-resize;height:22px;width:22px}sg-resize:after,sg-resize:before{background:#000;content:"";height:1px;position:absolute;width:12px}sg-resize:before{transform:translate(7px,8px) rotate(-45deg);width:5px}sg-resize:after{transform:translate(1px,6px) rotate(-45deg)}sg-resize:hover{background:var(--m-accent_alpha_neg50);border-radius:50%;z-index:50}.resizing sg-resize{background:var(--m-secondary_alpha_neg50);border-radius:50%;z-index:50}}body{--board-scale:1;--col2-uniboard-main-size:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin);--col3-uniboard-main-size:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin);--col2-uniboard-main-size-no-hands:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11);--col3-uniboard-main-size-no-hands:calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11)}@media (min-width:979.3px),(orientation:landscape){body{--board-scale:calc((var(--zoom) / 100) * 0.6 + 0.4)}}@supports (width:min(1px,2px)){body{--col2-uniboard-main-size:min(calc(100vw * var(--board-scale) - 4vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin));--col3-uniboard-main-size:min(calc(100vw * var(--board-scale) - 200px - 4vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11 / 9 * 11 + 4vmin));--col2-uniboard-main-size-no-hands:min(calc(100vw * var(--board-scale) - 6vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11));--col3-uniboard-main-size-no-hands:min(calc(100vw * var(--board-scale) - 200px - 6vmin - 200px - 2 * var(--main-margin, 0px) - 0.8rem),calc((100vh * var(--board-scale) - calc(var(--site-header-height) + var(--site-header-margin)) - 3rem) / 12 * 11))}}@media (max-width:979.29px) and (orientation:portrait){body{--col1:1}.main-board sg-board{border-radius:0}}#main-wrap{--main-max-width:calc((100vh - calc(var(--site-header-height) + var(--site-header-margin)) - 4vmin) / 12 * 9)}@media (min-width:979.3px),(orientation:landscape){#main-wrap{--main-max-width:auto}}.learn{display:grid;grid-area:main;grid-gap:3vmin}.learn__side{grid-area:side}.learn__main{grid-area:main}.learn__table{grid-area:table}.learn--run{grid-template-areas:"main" "table" "side";grid-gap:0;row-gap:2vmin}.learn--map{grid-template-areas:"side" "main"}@media (min-width:979.3px),(orientation:landscape){.learn--run{grid-template-areas:"main . table" "side . .";grid-template-columns:var(--col2-uniboard-main-size) 2vmin minmax(200px,320px);grid-template-rows:fit-content(0)}.learn--map{grid-template-areas:"side main";grid-template-columns:240px auto}}@media (min-width:979.3px) and (min-width:1259.3px),(orientation:landscape) and (min-width:1259.3px){.learn--map{grid-template-columns:240px 960px}}@media (min-width:1259.3px) and (orientation:landscape){.learn--run{grid-template-areas:"side . main . table" "side . .    . .";grid-template-columns:minmax(200px,320px) 2vmin var(--col3-uniboard-main-size) 2vmin minmax(200px,320px);grid-template-rows:fit-content(0)}}.learn__side-map .stage,.learn__table .goal,.learn__table .progress a,.learn__table .result{align-items:center;display:flex;flex-flow:row wrap}.learn-stages .stage{align-items:center;display:flex;flex-flow:row nowrap}.learn-stages .stage,.learn__screen,.learn__side-home,.learn__side-map .back,.learn__side-map .categ>h2,.learn__side-map .categ_stages,.learn__table .result button,.learn__table .wrap{border-radius:6px}.learn__side-map .categ_stages,.learn__table .wrap{overflow:hidden}.learn__side-map .back .stage-img{border-radius:6px 0 0 6px}.learn__side-home,.learn__side-map .categ_stages,.learn__table .wrap{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12)}.learn-stages .categ>h2,.learn__side-map .stage{font-family:Roboto,sans-serif}.learn__screen{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.learn__screen-overlay{background:var(--c-page-mask);bottom:0;left:0;position:fixed;right:0;top:0;z-index:109}.learn-stages{padding-top:10px}.learn-stages .categ>h2{color:#999;font-size:2em;letter-spacing:8px;text-align:center;text-shadow:var(--text-shadow);text-transform:uppercase}.learn-stages .categ_stages{--min-width:100vw;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--min-width),1fr));grid-gap:1em 1.5em;margin:.8em 0 3em}@media (min-width:499.3px){.learn-stages .categ_stages{--min-width:400px}}.learn-stages .stage{background:var(--c-bg-box);border-left:2px solid var(--c-primary);box-shadow:0 3px 5px 0 rgba(0,0,0,.3),0 1px 1px 0 rgba(0,0,0,.2);color:var(--c-font-clear);font-size:1.2em;height:90px;margin-top:13px;position:relative;transition:all .1s}.learn-stages .stage .stage-img{height:80px;margin:0 13px;width:80px}.learn-stages .stage .text{display:flex;flex-direction:column;height:100%;justify-content:center;width:75%}.learn-stages .stage .text h3{font-size:1.6em;letter-spacing:2px;margin:0 0 1px -1px}.learn-stages .stage .text.vvv h3{font-size:1.4em;letter-spacing:1px}.learn-stages .stage .text p{margin:0 2rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learn-stages .stage.first{animation:glow 1.2s infinite alternate}.learn-stages .stage.done{border-left:2px solid var(--c-secondary)}.learn-stages .stage:hover>div{opacity:1}.learn-stages .stage:hover{background:var(--m-primary_bg-box_mix_15)}.learn-stages .stage:hover.done{background:var(--m-secondary_bg-box_mix_15)}.learn-stages .stage .ribbon{height:85px;overflow:hidden;position:absolute;right:-6px;top:-6px;width:85px}.learn-stages .stage .ribbon:after,.learn-stages .stage .ribbon:before{border-color:transparent transparent #2980b9 #2980b9;border-style:solid;border-width:3px;content:"";display:block;position:absolute;z-index:-1}.learn-stages .stage .ribbon:before{left:0;top:0}.learn-stages .stage .ribbon:after{bottom:0;right:0}.learn-stages .stage .ribbon .ribbon-inner{color:var(--c-primary-over);display:block;font-weight:700;height:35px;left:-5px;line-height:1.46em;padding:6px 0;position:absolute;text-align:center;top:13px;transform:rotate(45deg);width:120px}.learn-stages .stage .ribbon .ribbon-inner i{color:#fff}.learn-stages .stage .ribbon .ribbon-inner i:nth-child(2){animation-delay:.2s}.learn-stages .stage .ribbon .ribbon-inner i:nth-child(3){animation-delay:.4s}.learn-stages .stage .ribbon.done .ribbon-inner{background-color:var(--c-good)}.learn-stages .stage .ribbon.done:after,.learn-stages .stage .ribbon.done:before{border:3px solid var(--c-good);filter:brightness(.5)}.learn-stages .stage .ribbon.ongoing .ribbon-inner{background-color:var(--c-primary)}.learn-stages .stage .ribbon.ongoing:after,.learn-stages .stage .ribbon.ongoing:before{border:3px solid var(--c-primary);filter:brightness(.5)}.learn-stages .what_next .stage{border-left:2px solid var(--c-accent)}.learn-stages .what_next .stage:hover{background:var(--m-accent_bg-box_mix_15)}.learn-stages .what_next .stage.done{border-left:2px solid var(--c-secondary)}.learn-stages .what_next .stage.done:hover{background:var(--m-secondary_bg-box_mix_15)}.learn-stages .what_next>p{font-size:1.2em;margin:20px 0;text-align:center;width:100%}@keyframes glow{0%{box-shadow:0 0 15px -5px var(--c-primary-clear)}to{box-shadow:0 0 15px 5px var(--c-primary-clear)}}.learn__table{align-items:center;display:flex}.learn__table .wrap{background:var(--c-bg-box);border:var(--border);display:flex;flex-direction:column;height:100%;width:100%}.learn__table .title{background:var(--c-primary);color:var(--c-primary-over);display:flex;flex-wrap:wrap}.learn__table .title>*{margin:1rem;width:100%}.learn__table .title h2{font-size:2.3em;text-align:center}.learn__table .title p{margin-top:0;text-align:center}.learn__table .subtitle{margin-bottom:1em}.learn__table .goal{font-size:1.1em;padding:3rem 2vmin;white-space:pre-line}.learn__table .goal,.learn__table .result{flex:1;justify-content:center;text-align:center}.learn__table .result{border:var(--border);border-top:none;cursor:pointer;flex-flow:column nowrap;font-size:1.7em;padding:6px 0;transition:all .1s}@media (min-width:979.3px),(orientation:landscape){.learn__table .result{padding:0}}@keyframes shadow-glow{50%{box-shadow:0 0 10px 10px hsla(0,0%,100%,.5)}}@keyframes text-shadow-glow{50%{text-shadow:0 0 10px #fff}}.learn__table .result h2{animation:text-shadow-glow 1s 1}.learn__table .result.failed h2,.learn__table .result.next h2{margin-top:15px}.learn__table .result:hover{filter:brightness(1.1)}.learn__table .result .stars{margin-top:4px}.learn__table .result .stars i{animation:text-shadow-glow 1s 1;margin:3px}.learn__table .result button{animation:shadow-glow 1s infinite;border:none;box-shadow:0 0 5px 5px hsla(0,0%,100%,.5);font-size:28px;font-weight:700;margin:15px auto;padding:5px 10px;text-transform:uppercase}.learn__table .result.completed{background:var(--c-good);color:var(--c-good-over)}.learn__table .result.completed button{background:var(--c-good-over);color:var(--c-good)}.learn__table .result.failed{background:var(--c-bad);color:var(--c-bad-over)}.learn__table .result.failed button{background:var(--c-bad-over);color:var(--c-bad)}@keyframes go-home{0%{opacity:1}to{opacity:.1}}.learn__table .result.completed:not(.no-go-home) piece{animation:go-home .7s ease-in-out .7s}.learn__table .progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));grid-gap:1px;border-top:0;text-align:center}.learn__table .progress a{align-content:center;background:var(--c-bg-high);font-size:.9em;height:3em;opacity:.8;outline:var(--border);text-align:center;transition:all .1s}.learn__table .progress a span{margin:auto}.learn__table .progress a span.st3 i:first-child{display:block}.learn__table .progress a:hover{opacity:1}.learn__table .progress a.done{background:var(--c-good);color:var(--c-good-over)}.learn__table .progress a.active{background:var(--c-primary);color:var(--c-primary-over);opacity:1}.learn__main sg-squares sq.help{position:relative}.learn__main sg-squares sq.help:before{background-color:rgba(54,146,231,.5);content:"";height:100%;position:absolute;width:100%}.blue .learn__main sg-squares sq.help:before{background-color:rgba(231,54,216,.5)}.learn__main sg-squares sq.star{position:relative}.learn__main sg-squares sq.star:before{background-image:url(../images/icons/star.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100%;position:absolute;width:100%}.learn__main sg-squares sq.star.dest:not(.hover){background:radial-gradient(transparent 0,transparent 80%,var(--c-selected-hover) 80%)}.learn__main svg.sg-custom-svgs .rep-digit circle{fill:var(--c-primary)}.learn__main svg.sg-custom-svgs .rep-digit path{fill:var(--c-primary-over)}.learn__main .info-text{align-items:center;background:#fff;border:2px solid #000;color:#000;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;justify-content:center;left:20%;min-height:20%;padding:1rem;position:absolute;text-align:center;top:19%;width:60%}.learn__main .info-text:hover{border-color:var(--c-primary)}.learn__screen-overlay{background:rgba(0,0,0,.65);cursor:pointer;display:grid}.learn__screen{background-color:var(--c-bg-box);margin:auto;max-height:100%;overflow:auto;padding-top:36px;text-align:center;width:350px}.learn__screen>:first-child,.learn__screen>:nth-child(2),.learn__screen>:nth-child(3),.learn__screen>:nth-child(4),.learn__screen>:nth-child(5){animation:slide-in 2s cubic-bezier(.37,.82,.2,1)}.learn__screen .stars{margin-bottom:20px}.learn__screen .stars .star-wrap{display:inline-block;height:70px;margin:0 5px;position:relative;transition:transform .15s;width:70px}.learn__screen .stars .star-wrap:before{background-image:url(../images/icons/star.svg);background-size:cover;content:"";display:block;filter:saturate(0);height:60px;left:5px;opacity:.2;position:absolute;top:5px;width:60px}.learn__screen .stars .star-wrap .star{animation:star-appear 2.5s ease-in-out;animation-delay:.1s;animation-fill-mode:forwards;background-image:url(../images/icons/star.svg);background-size:cover;display:inline-block;height:100%;opacity:0;width:100%;will-change:transform}.learn__screen .stars .star-wrap:nth-child(2) .star{animation-delay:.8s}.learn__screen .stars .star-wrap:nth-child(3) .star{animation-delay:1.6s}.learn__screen .stars .star-wrap:hover{transform:rotate(6deg)}.learn__screen h1{color:var(--c-font-clear);font-size:24px;font-weight:700;margin-bottom:22px}.learn__screen .stage-img{align-items:center;background-color:var(--c-brag);border:1px solid var(--c-brag-over);border-radius:50%;display:flex;height:200px;justify-content:center;margin:0 auto 10px;padding:0;width:200px}.learn__screen .stage-img svg{color:var(--c-brag-over);height:70%;width:70%}.learn__screen .stage-img.categ-shogiPieces svg{margin-bottom:8%}.learn__screen .score{color:#0288d1;display:block;font-size:.85em;letter-spacing:1px;margin-bottom:17px;text-transform:uppercase}.learn__screen .score span{font-family:monospace;font-size:1rem;font-weight:700}.learn__screen p{color:var(--c-font-clear);line-height:24px;margin-bottom:17px;padding:0 15%}.learn__screen .buttons{margin-bottom:1rem;text-align:center;width:100%}.learn__screen .buttons button{margin:.5rem auto;width:80%}@keyframes slide-in{0%{filter:blur(15px);opacity:0}to{filter:blur(0);opacity:1}}@keyframes star-appear{0%{filter:saturate(100%);opacity:.5;transform:scale(0) rotate(-1turn)}85%{filter:saturate(100%);opacity:1;transform:scale(1.3) rotate(10deg)}to{filter:saturate(100%);opacity:1;transform:scale(1) rotate(0)}}.learn__side-map{-webkit-user-select:none;-moz-user-select:none;user-select:none}.learn__side-map .back,.learn__side-map .categ>h2{cursor:pointer;display:block;font-size:1.3em;height:50px;line-height:50px}.learn__side-map .back{background:var(--c-bg-box);color:var(--c-font);display:flex}.learn__side-map .back .stage-img{background:var(--c-font-dimmer);height:50px;margin-right:10px;opacity:.9;padding:7px;width:50px}.learn__side-map .back:hover{background:var(--m-primary_bg-box_mix_15)}.learn__side-map .categ{margin:.5rem 0}.learn__side-map .categ>h2{background-color:var(--c-bg-box);text-indent:15px}.learn__side-map .categ>h2:hover{background:var(--m-primary_bg-box_mix_15)}.learn__side-map .categ.active>h2{background-color:var(--c-primary);color:var(--c-primary-over);cursor:default}.learn__side-map .categ:not(.active) .categ_stages{display:none}.learn__side-map .categ_stages{background:var(--c-bg-box);border-top-left-radius:0;border-top-right-radius:0;margin-left:auto;margin-right:1%;width:95%}.learn__side-map .stage{color:var(--c-font);font-size:1.1em;opacity:.9;transition:all .1s}.learn__side-map .stage .stage-img{height:50px;margin-left:2px;margin-right:10px;padding:7px;width:50px}.learn__side-map .stage.active{background-color:var(--m-primary_alpha_neg80);border-left:2px solid var(--c-primary)}.learn__side-map .stage.done{border-left:2px solid var(--c-good)}.learn__side-map .stage.done:hover{background-color:var(--m-good_alpha_neg80)}.learn__side-map .stage.future{border-left:2px solid var(--c-primary)}.learn__side-map .stage.future:hover{background-color:var(--m-primary_alpha_neg80)}.learn__side-map .stage:hover{color:var(--c-font-clearer)}.learn__side-home{background:var(--c-primary);color:var(--c-primary-over);padding:1em 0;text-align:center}.learn__side-home h1{font-size:2.5em;margin:0}.learn__side-home h2{font-size:1.8em;margin:.4em 0 1em}@keyframes fat-glide{50%{transform:translateY(-4px)}}.learn__side-home .fat{display:block;height:200px;margin:auto;opacity:.9;width:200px}.learn__side-home:hover .fat{animation:fat-glide 1.2s ease-in-out infinite}.learn__side-home .progress{background:var(--c-primary-clear);box-shadow:inset 0 1px 1px rgba(0,0,0,.1);height:30px;overflow:hidden;position:relative;width:100%}.learn__side-home .progress .bar{background:var(--c-primary-dim);height:100%}.learn__side-home.done{background:var(--c-secondary);color:var(--c-secondary-over)}.learn__side-home.done .progress{background:var(--c-secondary-clear)}.learn__side-home.done .progress .bar{background:var(--c-secondary-dimmer)}.learn__side-home.done a{color:var(--c-secondary-over)}@keyframes animated-background{0%{background-position:0 0}to{background-position:0 1000%}}@keyframes animated-bar{0%{transform:translateX(-100px)}to{transform:translateX(0)}}.learn__side-home .progress .text{left:0;line-height:30px;position:absolute;top:0;width:100%;z-index:3}.learn__side-home .actions{padding:20px 10px;text-align:left}.learn__side-home a{color:var(--c-primary-over);opacity:.7}.learn__side-home a:hover{opacity:1}