.learn__side-map .stage,.learn-stages .categ>h2{font-family:Roboto,sans-serif;font-weight:300}.learn-stages .what_next>p,.learn-stages .categ>h2{text-shadow:0 1px 0 var(--c-font-shadow)}:where(html.transp) .learn__screen{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}:where(html.transp) .learn__main #promotion-choice .explanation{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learn__main #promotion-choice :where(html.transp) .explanation{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learn__screen,.learn__main #promotion-choice .explanation{box-shadow:0 14px 28px #00000026,0 10px 10px #0000001f}.learn__screen-overlay{background:var(--c-page-mask);z-index:110;position:fixed;inset:0}.learn__side-map .stage,.learn__table .progress a{flex-flow:wrap;align-items:center;display:flex}.learn__table .progress,.learn-stages .stage{flex-flow:row;align-items:center;display:flex}.learn__table .result,.learn__table .goal{flex-flow:wrap;justify-content:center;align-items:center;display:flex}.learn__side-home__header .learn__side-home__title,.learn__side-home__header,.learn__side-home{flex-flow:column;display:flex}.learn__screen,.learn-stages .stage,.learn__table .wrap,.learn__side-home{border-radius:var(---ui-roundness,7px)}.learn__table .wrap{overflow:hidden}.learn__side-home .progress .bar{border-radius:0 var(---ui-roundness,7px) var(---ui-roundness,7px) 0}.learn__table .wrap{box-shadow:0 2px 2px #00000014,0 3px 1px -2px #0000002e,0 1px 5px #0000001a}:where(html.transp) .learn__side-home{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learn__side-home{border:1px solid var(--c-border)}:where(html.transp) .learn__table .wrap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learn__table :where(html.transp) .wrap{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}coords{font-size:8px}@media (min-width:300px){coords{font-size:calc(.444444vw + 6.66667px)}}@media (min-width:1200px){coords{font-size:12px}}coords{-webkit-user-select:none;user-select:none;pointer-events:none;color:#fff;text-shadow:0 1px 2px #000;font-weight:700;display:flex;position:absolute}.coords-no coords{display:none}coords.ranks{flex-flow:column-reverse;width:.8em;height:100%;top:1px;right:0}coords.ranks.black{flex-flow:column}coords.files{text-align:left;flex-flow:row;width:100%;height:1.4em;bottom:0;left:0}coords.files.black{flex-flow:row-reverse}coords.files coord{padding-left:4px}coords coord{flex:auto}coords .is3d .cg-wrap coords coord{color:#fff!important;text-shadow:0 1px 2px #000!important}coords .is3d .cg-wrap coords.files{bottom:calc(1px - 2.5%)}coords .is3d .cg-wrap coords.files coord{padding-left:3px}coords{text-shadow:var(---cg-cs,0 1px 2px #000)}coords .coord-light{color:var(---cg-ccb,#fff)}coords .coord-dark{color:var(---cg-ccw,#fff)}@media (min-width:799.3px),(orientation:landscape){.coords-out coords{text-shadow:none}.coords-out coords.ranks{width:12px;top:0;right:-15px}.coords-out coords.ranks coord{transform:translateY(42%)}.coords-out coords.files{text-align:center;bottom:-15px;left:0}.coords-out coords.ranks coord,.coords-out .is2d coords.files coord{color:var(--c-font-page)!important}.coords-out .main-board{margin-bottom:12px}}body{---board-scale:1}@media (min-width:799.3px) and (min-height:499.3px){body{---board-scale:calc((var(---zoom) / 100) * .75 + .25)}}body{---col2-uniboard-width:calc(min(calc(100vw - var(---block-gap) - 240px - 2 * var(---main-margin,0px) - 20px), calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 1rem)) * var(---board-scale));---col3-uniboard-width:calc(min(calc(100vw - var(---col3-uniboard-side-min,250px) - var(---block-gap) - 240px - 2 * var(---main-margin,0px) - 20px), calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 1rem)) * var(---board-scale))}@supports not (width:min(1px, 2px)){body{---col2-uniboard-width:minmax(calc(70vmin * var(---board-scale)), calc(100vh * var(---board-scale) - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 3rem));---col3-uniboard-width:minmax(calc(70vmin * var(---board-scale)), calc(100vh * var(---board-scale) - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 3rem))}}@media (max-width:799.29px) and (orientation:portrait){.main-board cg-board{border-radius:0}}html:not([dir=rtl]) #promotion-choice{right:0}html[dir=rtl] #promotion-choice{left:0}#promotion-choice{background:rgb(from var(--c-bg) r g b/calc(alpha * .7));z-index:205;width:var(---cg-width,100%);height:var(---cg-height,100%);position:absolute}#promotion-choice square{cursor:pointer;pointer-events:all;background-color:#b0b0b0;border-radius:50%;transition:all .15s;box-shadow:inset 0 0 25px 3px gray}#promotion-choice square:hover{box-shadow:inset 0 0 48px 8px var(--c-accent);border-radius:0}#promotion-choice piece{pointer-events:none;opacity:1}.is2d #promotion-choice piece{width:100%;height:100%;transition:all .15s;transform:scale(.8)}.is2d #promotion-choice square:hover piece{transform:none}html:not([dir=rtl]) .ribbon-wrapper{right:-3px}html[dir=rtl] .ribbon-wrapper{left:-3px}.ribbon-wrapper{width:88px;height:88px;display:block;position:absolute;top:-4px;overflow:hidden}@media (max-width:500px){html:not([dir=rtl]) .ribbon-wrapper{right:-13px}html[dir=rtl] .ribbon-wrapper{left:-13px}.ribbon-wrapper{top:-14px;scale:.75}}.ribbon{--ribbon-fade:#1111116e}:where(html.light) .ribbon{--ribbon-fade:#1111113e}html:not([dir=rtl]) .ribbon{left:-4px}html[dir=rtl] .ribbon{right:-4px}.ribbon{text-align:center;color:#fff;z-index:1;text-shadow:0 1px #0006;width:120px;padding:7px 0;font-size:15px;font-weight:700;display:block;position:relative;top:15px;transform:rotate(45deg);box-shadow:1px 0 3px #0000004d}html[dir=rtl] .ribbon{transform:rotate(-45deg)}:where(html.light) .ribbon{color:#000;text-shadow:0 1px #fff6}.ribbon icon{color:hsl(from var(--c-brag) h calc(s + 10) calc(l + 10));text-shadow:0 0 1.5px #00000080;animation:.6s ease-in-out infinite soft-hue}:where(html.light) .ribbon icon{color:hsl(from var(--c-brag) h calc(s + 35) calc(l + 16));text-shadow:0 0 1.5px #000000a8}.ribbon icon:nth-child(2){animation-delay:.2s}.ribbon icon:nth-child(3){animation-delay:.4s}.ribbon:before,.ribbon:after{content:"";mix-blend-mode:overlay;width:32px;height:100%;position:absolute;top:0}html:not([dir=rtl]) .ribbon:before{left:0}html[dir=rtl] .ribbon:before{right:0}.ribbon:before{background:linear-gradient(90deg, var(--ribbon-fade), transparent)}html:not([dir=rtl]) .ribbon:after{right:0}html[dir=rtl] .ribbon:after{left:0}.ribbon:after{background:linear-gradient(270deg, var(--ribbon-fade), transparent)}.ribbon.done{background-color:hsl(from var(--c-secondary) h calc(s - 20) l);box-shadow:1px 0 3px rgb(from var(--c-secondary) r g b/calc(alpha * .5))}:where(html.light) .ribbon.done{background-color:hsl(from var(--c-secondary) h calc(s - 18) calc(l + 32))}.ribbon.ongoing{background-color:hsl(from var(--c-primary) h calc(s - 20) l);box-shadow:1px 0 3px rgb(from var(--c-primary) r g b/calc(alpha * .5))}:where(html.light) .ribbon.ongoing{background-color:hsl(from var(--c-primary) h calc(s - 10) calc(l + 30))}.ribbon.future{background-color:hsl(from var(--c-future) h calc(s - 20) l);box-shadow:1px 0 3px rgb(from var(--c-future) r g b/calc(alpha * .5))}:where(html.light) .ribbon.future{background-color:hsl(from var(--c-future) h calc(s - 5) calc(l + 15))}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0turn}#main-wrap:not(:has(.learn--map)){---main-max-width:calc(100vh - calc(var(---site-header-height) + var(---site-header-margin) + var(---sticky-gap)) - 10rem)}@media (min-width:799.3px),(orientation:landscape){#main-wrap:not(:has(.learn--map)){---main-max-width:auto}}.learn{grid-area:main;display:grid}.learn__side{grid-area:side}.learn__main{grid-area:main}.learn__table{grid-area:table}.learn--run{grid-template-areas:"main""table""side"}.learn--map{grid-template-areas:"side""main"}.learn{gap:2rem}@media (min-width:799.3px),(orientation:landscape){.learn--run{grid-template-columns:var(---col2-uniboard-width) minmax(240px, 400px);grid-template-rows:fit-content(0);grid-template-areas:"main table""side."}.learn--map{grid-template-columns:242px auto;grid-template-areas:"side main"}}@media (min-width:799.3px) and (min-width:1260px),(orientation:landscape) and (min-width:1260px){.learn--map{grid-template-columns:242px minmax(auto,1028px)}}@media (min-width:1259.3px){.learn--run{grid-template-columns:minmax(var(---col3-uniboard-side-min,250px), 350px) var(---col3-uniboard-width) minmax(240px, 400px);grid-template-areas:"side main table"}}.learn-stages .categ>h2{letter-spacing:1px;text-transform:uppercase;color:var(--c-font-dim);font-size:2em}.learn-stages .categ_stages{---min-width:400px}@media (max-width:500px){.learn-stages .categ_stages{---min-width:calc(100vw - 2em);padding:0 .5em}}.learn-stages .categ_stages{grid-template-columns:repeat(auto-fill, minmax(var(---min-width), 1fr));gap:1em;margin:1.5em 0 3em;display:grid}.learn-stages .stage{transition:all .15s}:where(html.transp) .learn-stages .stage{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.learn-stages .stage{min-height:90px;color:var(--c-font);border:1px solid var(--c-border);background:var(--c-bg-box);padding-right:3em;font-size:1.2em;position:relative;box-shadow:0 3px 5px #00000012}@media (max-width:500px){.learn-stages .stage{min-height:-webkit-fit-content;min-height:fit-content;padding:6px 3em 6px 0}.learn-stages .stage p{margin-top:2px}}.learn-stages .stage img{opacity:.75;filter:brightness(1.1);border-radius:calc(var(---ui-roundness,7px) / 2);border-style:solid;border-width:1px;width:60px;height:60px;margin:0 1em;padding:8px}@media (max-width:500px){.learn-stages .stage img{width:48px;height:48px;margin:4px 12px}}.learn-stages .stage h3{font-size:1.6em;line-height:1}.learn-stages .stage p{opacity:.8;color:var(--c-font-dim);margin:4px 0 0;line-height:1.2}.learn-stages .stage.ongoing img{background:linear-gradient(130deg, var(--c-primary), hsl(from var(--c-primary) h s calc(l - 16)));border-color:hsl(from var(--c-primary) h s calc(l - 10))}.learn-stages .stage.ongoing .attention-effect{--border-angle:0turn;--gradient-border:conic-gradient(from var(--border-angle), transparent 25%, hsl(from var(--c-primary) h s calc(l + 25)), rgb(from var(--c-primary) r g b/calc(alpha * .3)));border-radius:var(---ui-roundness,7px);background:var(--gradient-border) border-box, transparent border-box;background-position:50%;border:3px solid #0000;animation:3.5s linear infinite bg-spin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes bg-spin{to{--border-angle:1turn}}.learn-stages .stage.done img{background:linear-gradient(130deg, var(--c-secondary), hsl(from var(--c-secondary) h s calc(l - 16)));border-color:hsl(from var(--c-secondary) h s calc(l - 10))}.learn-stages .stage.future img{background:linear-gradient(130deg, var(--c-future), hsl(from var(--c-future) h s calc(l - 16)));border-color:hsl(from var(--c-future) h s calc(l - 10))}.learn-stages .stage.active,.learn-stages .stage:hover{transform:scale(1.025)}.learn-stages .what_next>p{width:100%;margin:.25em 0 1.5em;font-size:1.2em}.learn__table{align-self:center}.learn__table .title{background:var(--c-primary);color:var(--c-over);display:flex}.learn__table .title h2,.learn__table .title h3{white-space:nowrap;margin:15px 0 5px -3px;font-size:2.3em}.learn__table .title img{width:80px;height:80px;margin:5px 8px 5px 5px}.learn__table .subtitle{margin-bottom:1em}.learn__table .goal{background:var(--c-bg-box);border:1px solid var(--c-border);padding:var(---block-gap);text-align:center;border-top:none}.learn__table .result{border:1px solid var(--c-border);text-align:center;cursor:pointer;border-top:none;flex-flow:column;min-height:135px;padding:0;font-size:1.7em;transition:all .15s}@keyframes shadow-glow{50%{transform:scale(1.05);box-shadow:0 0 10px 10px #ffffff80}}@keyframes text-shadow-glow{50%{text-shadow:0 0 10px #fff;transform:scale(1.05)}}.learn__table .result h2{animation:1s text-shadow-glow}.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 icon{margin:3px;animation:1s text-shadow-glow}.learn__table .result button{border-radius:var(---ui-roundness,7px);text-transform:uppercase;background:#fff;margin:15px auto;padding:5px 10px;font-size:30px;font-weight:700;animation:1s infinite shadow-glow;box-shadow:0 0 5px 5px #ffffff80}.learn__table .result.completed{background:var(--c-good);color:var(--c-over)}.learn__table .result.completed button{color:var(--c-good)}.learn__table .result.failed{background:var(--c-bad);color:var(--c-over)}.learn__table .result.failed button{color:var(--c-bad)}@keyframes go-home{0%{opacity:1}to{opacity:.1}}.learn__table .result.completed:not(.no-go-home) piece{animation:.7s ease-in-out .7s go-home}.learn__table .progress{text-align:center;border:1px solid var(--c-border);border-top:0}.learn__table .progress a{text-align:center;background:var(--c-bg-high);border-inline-start:1px solid var(--c-border);opacity:.8;flex:100%;align-content:center;height:3em;font-size:.9em;transition:all .15s}.learn__table .progress a:first-child{border-inline-start:0}.learn__table .progress a:hover{opacity:1}.learn__table .progress a span{margin:auto}.learn__table .progress .st3 icon:first-child{display:block}.learn__table .progress a.done{color:var(--c-over);background:var(--c-good)}.learn__table .progress a.active{opacity:1;color:var(--c-over);background:var(--c-primary)}@keyframes soft-hue{50%{filter:hue-rotate(-10deg)}}@keyframes soft-grow{0%{scale:1}50%{scale:1.08}}@keyframes apple-appear{0%{opacity:.5;rotate:-360deg;scale:0}to{opacity:1;scale:1;rotate:0}}.learn__main .apple{animation:.6s ease-in-out forwards apple-appear,1.7s ease-in-out .7s infinite soft-grow,.7s ease-in-out .7s infinite soft-hue}.learn__main.apples .cg-wrap piece.pawn.black{background-image:none}@keyframes rank-glow{50%{background-color:#ffffff80;box-shadow:0 0 40px #ffffffb3}}.highlight-2nd-rank .learn__main cg-board:after,.highlight-5th-rank .learn__main cg-board:after,.highlight-7th-rank .learn__main cg-board:after{content:"";width:100%;height:12.5%;position:absolute;bottom:12.5%}html:not([dir=rtl]) .highlight-2nd-rank .learn__main cg-board:after,html:not([dir=rtl]) .highlight-5th-rank .learn__main cg-board:after,html:not([dir=rtl]) .highlight-7th-rank .learn__main cg-board:after{left:0}html[dir=rtl] .highlight-2nd-rank .learn__main cg-board:after,html[dir=rtl] .highlight-5th-rank .learn__main cg-board:after,html[dir=rtl] .highlight-7th-rank .learn__main cg-board:after{right:0}.highlight-2nd-rank .learn__main cg-board:after,.highlight-5th-rank .learn__main cg-board:after,.highlight-7th-rank .learn__main cg-board:after{background-color:#fff3;animation:1s ease-in-out infinite rank-glow;box-shadow:0 0 15px #fff3}.highlight-7th-rank .learn__main cg-board:after{top:12.5%}.highlight-5th-rank .learn__main cg-board:after{top:37.5%}.learn__main #promotion-choice .explanation{background:var(--c-bg-popup);position:absolute;top:25%}html:not([dir=rtl]) .learn__main #promotion-choice .explanation{left:25%}html[dir=rtl] .learn__main #promotion-choice .explanation{right:25%}.learn__main #promotion-choice .explanation{width:50%;height:50%;padding:20px}.learn__main #promotion-choice .explanation h2{font-size:2em}.learn__main #promotion-choice .explanation p{margin-top:15px;font-size:1.3em}html:not([dir=rtl]) .learn__main .piece-values cg-board piece:before{right:4px}html[dir=rtl] .learn__main .piece-values cg-board piece:before{left:4px}.learn__main .piece-values cg-board piece:before{color:#fff;text-shadow:0 0 9px #000,0 0 4px #000;font-size:30px;font-weight:700;position:absolute;top:14px}.learn__main .piece-values cg-board piece.queen:before{content:"9"}.learn__main .piece-values cg-board piece.rook:before{content:"5"}.learn__main .piece-values cg-board piece.bishop:before,.learn__main .piece-values cg-board piece.knight:before{content:"3"}.learn__main .piece-values cg-board piece.pawn:before{content:"1"}.learn__screen-overlay{cursor:pointer;display:grid}.learn__screen{background-color:var(--c-bg-box);text-align:center;width:350px;max-height:100%;margin:auto;padding-top:36px;overflow:auto}@keyframes slide-in{0%{opacity:0;filter:blur(15px)}to{opacity:1;filter:blur()}}.learn__screen>:first-child{animation:1s cubic-bezier(.37,.82,.2,1) slide-in}.learn__screen>:nth-child(2){animation:1.5s cubic-bezier(.37,.82,.2,1) slide-in}.learn__screen>:nth-child(3){animation:2s cubic-bezier(.37,.82,.2,1) slide-in}.learn__screen>:nth-child(4){animation:2.5s cubic-bezier(.37,.82,.2,1) slide-in}.learn__screen>:nth-child(5){animation:3s cubic-bezier(.37,.82,.2,1) slide-in}.learn__screen .stars{margin-bottom:20px}@keyframes star-appear{0%{filter:saturate();opacity:.5;transform:scale(0)rotate(-360deg)}85%{filter:saturate();opacity:1;transform:scale(1.3)rotate(10deg)}to{filter:saturate();opacity:1;transform:scale(1)rotate(0)}}.learn__screen .stars .star-wrap{width:55px;height:55px;margin:0 5px;display:inline-block;position:relative}html:not([dir=rtl]) .learn__screen .stars .star-wrap:before{left:5px}html[dir=rtl] .learn__screen .stars .star-wrap:before{right:5px}.learn__screen .stars .star-wrap:before{content:"";filter:saturate(0);opacity:.2;background-image:url(../hashed/star.ea2d50a4.png);background-size:cover;width:45px;height:45px;display:block;position:absolute;top:5px}.learn__screen .stars .star{opacity:0;background-image:url(../hashed/star.ea2d50a4.png);background-size:cover;width:55px;height:55px;animation:2.5s ease-in-out .1s forwards star-appear;display:inline-block}.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 .no-square{width:100px;height:100px;margin:0 auto 22px;position:relative}.is3d .learn__screen .no-square{height:132px;margin-bottom:0}.learn__screen h1{color:var(--c-font-clear);margin-bottom:22px;font-size:24px;font-weight:700}.learn__screen .round-svg{background:#f57c00;border-radius:50%;width:240px;height:240px;margin:0 auto 10px;padding:0;display:flex}.learn__screen .round-svg img{width:180px;height:180px;margin:auto}.learn__screen .score{text-transform:uppercase;color:var(--c-brag);letter-spacing:1px;margin-bottom:17px;font-size:.85em;display:block}.learn__screen .score span{font-family:monospace;font-size:1rem;font-weight:700}.learn__screen p{margin-bottom:17px;padding:0 15%;line-height:24px}.learn__screen .buttons{flex-direction:column;gap:8px;margin:8px 10% 24px;display:flex}.learn__screen .buttons button{justify-content:center;align-items:center;gap:4px;height:48px;display:flex}.learn__screen piece{width:100%;height:100%}.learn__side-map{-webkit-user-select:none;user-select:none}.learn__side-map .back,.learn__side-map .categ>h2{text-indent:15px;cursor:pointer;opacity:.81;height:50px;font-size:1.3em;line-height:50px;display:block}.learn__side-map .back{color:var(--c-font);display:flex}.learn__side-map .back img{opacity:.9;background:#787878;width:50px;height:50px;margin-inline-end:10px;padding:10px;display:block}.learn__side-map .back:hover{background:#78787833}.learn__side-map .categ>h2{border-top:1px solid var(--c-border)}.learn__side-map .categ>h2:hover{background:rgb(from var(--c-primary) r g b/calc(alpha * .2))}.learn__side-map .categ.active{border:1px solid var(--c-border);border-width:0 1px}.learn__side-map .categ.active:last-child{border-bottom-width:1px}.learn__side-map .categ.active>h2{cursor:default;background:var(--c-primary);color:var(--c-over)}.learn__side-map .categ:not(.active) .categ_stages{display:none}.learn__side-map .stage{opacity:.9;color:var(--c-font);font-size:1.1em;transition:all .15s}.learn__side-map .stage img,.learn__side-map .stage icon{opacity:.9;width:50px;height:50px;margin-inline-end:10px;padding:10px}.learn__side-map .stage icon:before{font-size:30px}.learn__side-map .stage.active{background:rgb(from var(--c-primary) r g b/calc(alpha * .2))}.learn__side-map .stage.active img{background:var(--c-primary)}.learn__side-map .stage.done:hover{background:rgb(from var(--c-secondary) r g b/calc(alpha * .2))}.learn__side-map .stage.done img{background:var(--c-good)}.learn__side-map .stage.future:hover{background:rgb(from var(--c-primary) r g b/calc(alpha * .2))}.learn__side-map .stage.future img{opacity:.7;background:var(--c-primary)}.learn__side-map .stage:hover{filter:brightness(.9);color:var(--c-font-clearer)}.learn__side-home .progress{border-radius:var(---ui-roundness,7px);height:30px;color:var(--c-over);background:#1a7edb;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #0000001a}.learn__side-home .progress .bar{background:#1566b2 url(../hashed/grain.91560814.png);height:100%;animation:50s linear infinite animated-background,1s forwards animated-bar;transform:translate(-100px)}html:not([dir=rtl]) .learn__side-home .progress .text{left:0}html[dir=rtl] .learn__side-home .progress .text{right:0}.learn__side-home .progress .text{z-index:3;width:100%;line-height:30px;position:absolute;top:0}@keyframes animated-background{0%{background-position:0 0}to{background-position:0 1000%}}@keyframes animated-bar{0%{transform:translate(-100px)}to{transform:translate(0)}}.learn__side-home{background:var(--c-bg-box);text-align:center;gap:1em;padding:1.25em 1.25em 1em}@keyframes fat-glide{50%{transform:translateY(-4px)}}.learn__side-home img.decoration{aspect-ratio:1;opacity:.7;width:160px;margin:auto;display:block}:where(html.light) .learn__side-home img.decoration{filter:brightness(.15)}.learn__side-home:hover img.decoration{animation:1.5s ease-in-out infinite fat-glide}.learn__side-home__header{gap:1em}.learn__side-home__header .learn__side-home__title{justify-content:center}.learn__side-home__header h1{font-size:2.5em}.learn__side-home__header h2{font-size:1.8em}@media (max-width:800px){.learn__side-home__header{gap:var(---block-gap);text-align:left;flex-flow:row}.learn__side-home__header img.decoration{width:min(100px,30vw);margin:0}}.learn__side-home a{opacity:.6;color:var(--c-font)}.learn__side-home a:hover{opacity:1}