#activity-filters{--btn-spacing:16px;width:100vw;max-width:600px;height:85px;display:flex;align-items:center;position:sticky;top:var(--header-height);padding:0 var(--btn-spacing);background-color:var(--grey-1);border-bottom:var(--border-width-2) solid var(--grey-2);overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none;opacity:0;z-index:1}#activity-filters::-webkit-scrollbar{display:none}#activity-filters:not([inert]){opacity:1}#activity-filters button{position:relative;margin:0 var(--btn-spacing) 0 0;padding:var(--tiny-btn-padding);color:var(--foreground);font-size:var(--font-tiny);font-weight:600;background-color:var(--grey-4);border-radius:999px;touch-action:pan-x}#activity-filters button[aria-pressed=true]{color:var(--white);background-color:var(--blue)}#activity-filters button[data-filter="a"],#activity-filters button[data-filter="b"],#activity-filters button[data-filter="c"]{padding-left:2em}#activity-filters button[data-filter="a"]:after,#activity-filters button[data-filter="b"]:after,#activity-filters button[data-filter="c"]:after{content:"";width:.55em;aspect-ratio:1/1;position:absolute;top:50%;left:1em;transform:translateY(-50%);border-radius:50%;outline:var(--border-width-1) solid var(--white);transition:outline var(--micro-transition)}.dark-mode #activity-filters button[data-filter="a"]:after,.dark-mode #activity-filters button[data-filter="b"]:after,.dark-mode #activity-filters button[data-filter="c"]:after{outline:0;transition:none}#activity-filters button[data-filter="a"]:after{background-image:var(--red-gradient)}#activity-filters button[data-filter="b"]:after{background-image:var(--blue-gradient)}#activity-filters button[data-filter="c"]:after{background-image:var(--orange-gradient)}@media (hover:hover){#activity-filters button:hover{background-color:var(--grey-4-hover)}#activity-filters button[aria-pressed=true]:hover{background-color:var(--blue-hover)}}@media screen and (max-width:600px){#activity-filters{padding:0 5vw}}@media screen and (max-width:500px){#activity-filters{height:80px}}#activity-list{--bullseye-size:1em;--bullseye-top:0.6em;--bullseye-left:-1.05em;width:90vw;max-width:600px;padding:0 0 0 1.6em;box-sizing:border-box;font-size:var(--font-small);font-weight:500;list-style:none;hyphens:auto}#activity-list li{position:relative;padding:.65em 0 .75em;border-bottom:var(--border-width-2) solid var(--grey-2);transition:border-bottom var(--micro-transition)}#activity-list li::before{content:"";width:var(--bullseye-size);aspect-ratio:1/1;position:absolute;top:var(--bullseye-top);left:var(--bullseye-left);transform:translateX(-50%);border-radius:50%}#activity-list li::after{content:"";width:var(--border-width-2);height:calc(100% - var(--bullseye-size) - (var(--bullseye-top) * 2) + var(--border-width-2));position:absolute;bottom:calc(var(--border-width-2) * -1);left:var(--bullseye-left);transform:translateX(-50%);background-color:var(--grey-2);transition:background-color var(--micro-transition)}#activity-list li[data-activity-type="a"]::before{background:var(--red-gradient)}#activity-list li[data-activity-type="b"]::before{background:var(--blue-gradient)}#activity-list li[data-activity-type="c"]::before{background:var(--orange-gradient)}.activity-header{display:flex;flex-direction:column}.activity-header,.activity-header h2,.activity-header span{font-size:var(--font-tiny);font-weight:500}@media screen and (max-width:700px){.activity-header{margin:0 0 .25em 0}}.activity-body{display:flex;align-items:flex-end;justify-content:space-between}.activity-body p{width:30%;display:flex;align-items:flex-end;justify-content:space-between;position:relative}@media screen and (max-width:700px){.activity-body{flex-direction:column;align-items:flex-start}.activity-body p{width:100%;justify-content:flex-start}}.completed-level>:nth-child(2),.completed-level>:nth-child(3),.earned-achievement>:nth-child(2),.incorrect-word>:nth-child(2),.incorrect-word>:nth-child(3){font-weight:600}.completed-level>:nth-child(2),.completed-level>:nth-child(3){--arrow-symbol:url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1612 11L17.1612 26" stroke="white" stroke-width="5" stroke-linecap="round"/><path d="M26 16.8388L17.8683 8.70711C17.4777 8.31658 16.8446 8.31658 16.4541 8.70711L8.32233 16.8388" stroke="white" stroke-width="5" stroke-linecap="round"/></svg>');--arrow-symbol-dark-mode:url('data:image/svg+xml,<svg width="34" height="34" viewBox="0 0 34 34" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.1612 11L17.1612 26" stroke="hsl(214, 85%, 10%)" stroke-width="5" stroke-linecap="round"/><path d="M26 16.8388L17.8683 8.70711C17.4777 8.31658 16.8446 8.31658 16.4541 8.70711L8.32233 16.8388" stroke="hsl(214, 85%, 10%)" stroke-width="5" stroke-linecap="round"/></svg>');--arrow-symbol-size:1em;padding:0 calc(var(--arrow-symbol-size) * 1.35) 0 0}.completed-level>:nth-child(2) span,.completed-level>:nth-child(3) span{width:50%}.completed-level>:nth-child(2)::after,.completed-level>:nth-child(2)::before,.completed-level>:nth-child(3)::after,.completed-level>:nth-child(3)::before{content:"";width:var(--arrow-symbol-size);height:var(--arrow-symbol-size);position:absolute;bottom:.1em;right:0;background-position:center;background-repeat:no-repeat;background-size:100%;border-radius:50%;transition:background-color var(--micro-transition),background-image var(--micro-transition),opacity var(--macro-transition)}.completed-level>:nth-child(2)::before{transform:rotate(90deg);background-color:var(--grey-6);background-image:var(--arrow-symbol);opacity:1}.completed-level>:nth-child(2)::after{transform:rotate(90deg);background-color:var(--grey-6);background-image:var(--arrow-symbol-dark-mode);opacity:0}.dark-mode .completed-level>:nth-child(2)::before{opacity:0}.dark-mode .completed-level>:nth-child(2)::after{opacity:1}.completed-level.increased>:nth-child(3)::before{background-image:var(--arrow-symbol),var(--green-gradient);opacity:1}.completed-level.increased>:nth-child(3)::after{background-image:var(--arrow-symbol-dark-mode),var(--green-gradient);opacity:0}.dark-mode .completed-level.increased>:nth-child(3)::before{opacity:0}.dark-mode .completed-level.increased>:nth-child(3)::after{opacity:1}.completed-level.decreased>:nth-child(3)::before{transform:rotate(180deg);background-image:var(--arrow-symbol),var(--red-gradient-inverted);opacity:1}.completed-level.decreased>:nth-child(3)::after{transform:rotate(180deg);background-image:var(--arrow-symbol-dark-mode),var(--red-gradient-inverted);opacity:0}.dark-mode .completed-level.decreased>:nth-child(3)::before{opacity:0}.dark-mode .completed-level.decreased>:nth-child(3)::after{opacity:1}.earned-achievement>:nth-child(1),.earned-achievement>:nth-child(2){width:auto}.earned-achievement>:nth-child(2){padding:.25em .7em .37em;color:var(--white)!important;border-radius:.5em}.earned-achievement.inb4-red>:nth-child(2){background-color:var(--red)}.earned-achievement.perfect-score>:nth-child(2){background-color:var(--orange)}.earned-achievement.beat-timer>:nth-child(2){background-color:var(--purple)}@media screen and (max-width:700px){.completed-level>:nth-child(2),.completed-level>:nth-child(3),.incorrect-word>:nth-child(3){margin:.25em 0 0 0}.completed-level{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.completed-level>:nth-child(2),.completed-level>:nth-child(3){width:46%;justify-content:space-between}.earned-achievement>:nth-child(2){margin:.5em 0 0 0}}@media screen and (max-width:385px){.completed-level>:nth-child(2),.completed-level>:nth-child(3){padding:0}.completed-level>:nth-child(2)::after,.completed-level>:nth-child(3)::after,.completed-level>:nth-child(3)::before{display:none}}.activity-label{color:var(--grey-7);font-size:var(--font-tiny);font-weight:500!important;transform:translateY(-.1em)}.dark-mode .activity-label{color:var(--grey-8)!important}.activity-label .new-word{width:3.15em;height:1.5em;display:flex;align-items:center;justify-content:center;margin:.15em 0;padding:0 0 .1em 0;color:var(--background)!important;font-size:16px;font-weight:700;background:var(--grey-6);border-radius:999px}#load-more-btn{margin:1.25em 0 0 0;padding:var(--tiny-btn-padding);color:var(--foreground);font-size:var(--font-tiny);font-weight:600;background-color:var(--grey-4);border-radius:999px;opacity:0}#load-more-btn:not([inert]){opacity:1}#load-more-btn:disabled{color:var(--grey-7)!important;cursor:not-allowed}.dark-mode #load-more-btn:disabled{color:var(--grey-8)!important}@media (hover:hover){#load-more-btn:hover{background-color:var(--grey-4-hover)}#load-more-btn:disabled:hover{background-color:var(--grey-4)}}