html,body{height:100%}.learn-root{position:relative;height:100%;width:100%;overflow:hidden;background:radial-gradient(120% 90% at 8% 4%,#f6d79a,#e8b877 22%,#c98f4f,#8a5a2c,#4a2f16)}.learn-track{display:flex;width:300%;height:calc(100% - 58px);transition:transform .32s cubic-bezier(.4,0,.2,1);will-change:transform}.learn-pane{flex:0 0 33.3333%;min-width:0;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.learn-pane #root,.learn-pane>div{height:100%}.learn-pane>.screen,.learn-pane>.wrap{height:auto;min-height:100%}.learn-pane .wrap>.panel{width:100%;max-width:none}.learn-tabs{position:absolute;left:0;right:0;bottom:0;height:58px;display:flex;background:#1c1206d1;border-top:1px solid rgba(255,220,170,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.learn-tab{flex:1;border:0;background:transparent;color:#ffecd09e;font-size:15px;font-family:inherit;cursor:pointer;padding:0}.learn-tab.active{color:#fff4dc;font-weight:600}.learn-music{flex:0 0 54px;border:0;border-left:1px solid rgba(255,220,170,.14);background:transparent;color:#ffecd0c7;font-size:16px;line-height:1;cursor:pointer;padding:0}.learn-music.muted{opacity:.45}.pane-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#fff0dca6;font-size:14px}