.xfdsBG_incoming{animation:xfdsBG_count-enter .26s cubic-bezier(.2, .8, .2, 1) var(--count-delay,0s) both}.xfdsBG_outgoing{animation:xfdsBG_count-exit .26s cubic-bezier(.2, .8, .2, 1) var(--count-delay,0s) both}@keyframes xfdsBG_count-enter{0%{opacity:0;transform:translateY(var(--count-enter))}to{opacity:1;transform:translateY(0)}}@keyframes xfdsBG_count-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--count-exit))}}@media (prefers-reduced-motion:reduce){.xfdsBG_incoming{animation:none}.xfdsBG_outgoing{animation:none;display:none}}
.rSNiRW_page{--achievement-perfect:251 191 36;--achievement-perfect-fill:var(--achievement-perfect);--achievement-combo:52 211 153;--achievement-combo-fill:var(--achievement-combo)}.light .rSNiRW_page{--achievement-perfect:184 116 0;--achievement-perfect-fill:234 174 32;--achievement-combo:5 135 94;--achievement-combo-fill:16 165 116}.rSNiRW_card:not([data-in-view=true]),.rSNiRW_card:not([data-in-view=true]) *{transition:none}.rSNiRW_recordArea{isolation:isolate;border-radius:0 0 5px 5px;position:relative}.rSNiRW_recordArea:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;background:#dc37411f;position:absolute;inset:0}.rSNiRW_page[data-judgement=hard] .rSNiRW_recordArea:before{opacity:1}.rSNiRW_card[data-in-view=true] .rSNiRW_recordArea:before{transition:opacity .3s}@media (prefers-reduced-motion:reduce){.rSNiRW_card[data-in-view=true] .rSNiRW_recordArea:before{transition:none}}.rSNiRW_slider{color:inherit;appearance:none;pointer-events:none;background:0 0;width:100%;height:28px;margin:0;position:absolute;inset:0}.rSNiRW_slider::-webkit-slider-runnable-track{background:0 0;height:6px}.rSNiRW_slider::-moz-range-track{background:0 0;height:6px}.rSNiRW_slider::-webkit-slider-thumb{appearance:none;pointer-events:auto;border:3px solid rgb(var(--bg));cursor:pointer;background:currentColor;border-radius:50%;width:18px;height:18px;margin-top:-6px;box-shadow:0 0 0 1px}.rSNiRW_slider::-moz-range-thumb{pointer-events:auto;border:3px solid rgb(var(--bg));cursor:pointer;background:currentColor;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px}.rSNiRW_slider:focus-visible{outline:none}.rSNiRW_slider:focus-visible::-webkit-slider-thumb{outline:2px solid rgb(var(--fg));outline-offset:3px}.rSNiRW_slider:focus-visible::-moz-range-thumb{outline:2px solid rgb(var(--fg));outline-offset:3px}.rSNiRW_quickActions{flex-direction:column;gap:2px;transition:opacity .15s;display:flex;position:absolute;top:4px;right:4px}@media (hover:hover) and (pointer:fine){.rSNiRW_quickActions{opacity:0;pointer-events:none}.rSNiRW_thumbnail:hover .rSNiRW_quickActions,.rSNiRW_thumbnail:focus-within .rSNiRW_quickActions{opacity:1;pointer-events:auto}}@media (hover:none),(pointer:coarse){.rSNiRW_quickActions button{min-width:32px;min-height:28px}}@media (prefers-reduced-motion:reduce){.rSNiRW_quickActions{transition:none}}.rSNiRW_songGrid{grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--achievement-card-min,150px)), 1fr));gap:8px;display:grid}.rSNiRW_zoomSlider{appearance:none;width:104px;height:24px;color:rgb(var(--fg));cursor:pointer;background:0 0;margin:0}.rSNiRW_zoomSlider::-webkit-slider-runnable-track{background:rgb(var(--fg) / .2);border-radius:999px;height:4px}.rSNiRW_zoomSlider::-moz-range-track{background:rgb(var(--fg) / .2);border-radius:999px;height:4px}.rSNiRW_zoomSlider::-webkit-slider-thumb{appearance:none;border:2px solid rgb(var(--bg));background:currentColor;border-radius:50%;width:12px;height:12px;margin-top:-4px;box-shadow:0 0 0 1px}.rSNiRW_zoomSlider::-moz-range-thumb{border:2px solid rgb(var(--bg));background:currentColor;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px}.rSNiRW_zoomSlider:focus-visible{outline:none}.rSNiRW_zoomSlider:focus-visible::-webkit-slider-thumb{outline-offset:3px;outline:2px solid}.rSNiRW_zoomSlider:focus-visible::-moz-range-thumb{outline-offset:3px;outline:2px solid}.rSNiRW_timelineRecordBody{position:relative;container-type:inline-size}@media (max-width:639px){@container (max-width:263px){.rSNiRW_timelineRecordBody[data-has-achievement=true] .rSNiRW_timelineThumbnail{margin-top:32px}}}.rSNiRW_songTitle{font-size:var(--achievement-title-size,13px);line-height:var(--achievement-title-line,18px);height:calc(var(--achievement-title-line,18px) * 2)}
