@keyframes OfflineSection-module-scss-module__ckDRaa__spin{to{transform:rotate(360deg)}}@keyframes OfflineSection-module-scss-module__ckDRaa__pulse{50%{box-shadow:0 0 0 var(--spacing-step-2) var(--alpha-orange-20)}}.OfflineSection-module-scss-module__ckDRaa__device{gap:var(--spacing-step-3);max-width:440px;padding:var(--spacing-step-4);border:1px solid var(--stroke-primary);border-radius:var(--radius-16);background:var(--background-surface-default);box-shadow:0 1px 2px color-mix(in srgb, var(--neutral-900) 4%, transparent),0 24px 48px -16px color-mix(in srgb, var(--neutral-900) 18%, transparent);flex-direction:column;margin-inline:auto;display:flex}.OfflineSection-module-scss-module__ckDRaa__status{align-items:center;gap:var(--spacing-step-3);padding-bottom:var(--spacing-step-3);border-bottom:1px solid var(--stroke-primary);display:flex}.OfflineSection-module-scss-module__ckDRaa__statusIcon{width:calc(var(--spacing-step-6) + var(--spacing-step-1));height:calc(var(--spacing-step-6) + var(--spacing-step-1));border-radius:var(--radius-full);background:var(--alpha-orange-20);color:var(--orange-700);justify-content:center;align-items:center;animation:2.4s ease-in-out infinite OfflineSection-module-scss-module__ckDRaa__pulse;display:flex}.OfflineSection-module-scss-module__ckDRaa__statusText{font:var(--paragraphs-x-small);color:var(--text-secondary);flex-direction:column;display:flex}.OfflineSection-module-scss-module__ckDRaa__statusText strong{font:var(--label-small);color:var(--text-primary)}.OfflineSection-module-scss-module__ckDRaa__queue{gap:var(--spacing-step-2);flex-direction:column;display:flex}.OfflineSection-module-scss-module__ckDRaa__queueItem{justify-content:space-between;align-items:center;gap:var(--spacing-step-3);padding:var(--spacing-step-2) var(--spacing-step-3);border:1px solid var(--stroke-primary);border-radius:var(--radius-10);background:var(--background-surface-neutral-lv1);display:flex}.OfflineSection-module-scss-module__ckDRaa__queueText{min-width:0;font:var(--paragraphs-x-small);color:var(--text-tertiery);flex-direction:column;display:flex}.OfflineSection-module-scss-module__ckDRaa__queueText strong{font:var(--label-x-small);color:var(--text-primary)}.OfflineSection-module-scss-module__ckDRaa__badge{flex-shrink:0;justify-items:end;display:grid}.OfflineSection-module-scss-module__ckDRaa__pending,.OfflineSection-module-scss-module__ckDRaa__synced{align-items:center;gap:var(--spacing-step-1);padding:var(--spacing-2) var(--spacing-step-2);border-radius:var(--radius-full);font:var(--subheading-2x-small);white-space:nowrap;grid-area:1/1;display:inline-flex}.OfflineSection-module-scss-module__ckDRaa__pending{background:var(--alpha-yellow-20);color:var(--text-primary);opacity:0}.OfflineSection-module-scss-module__ckDRaa__synced{background:var(--state-primary-lighter);color:var(--state-primary-dark)}.OfflineSection-module-scss-module__ckDRaa__sync{gap:var(--spacing-step-2);padding:var(--spacing-step-3);border-radius:var(--radius-10);background:var(--state-primary-lighter);flex-direction:column;display:flex}.OfflineSection-module-scss-module__ckDRaa__syncHeader{align-items:center;gap:var(--spacing-step-2);font:var(--label-x-small);color:var(--state-primary-dark);display:flex}.OfflineSection-module-scss-module__ckDRaa__syncCount{font:var(--subheading-2x-small);margin-left:auto}.OfflineSection-module-scss-module__ckDRaa__progress{height:var(--spacing-6);border-radius:var(--radius-full);background:var(--state-primary-light);overflow:hidden}.OfflineSection-module-scss-module__ckDRaa__progressFill{border-radius:inherit;background:linear-gradient(90deg, var(--primary-300), var(--state-primary-base));transform-origin:0;height:100%;display:block}.OfflineSection-module-scss-module__ckDRaa__alert{gap:var(--spacing-step-2);padding:var(--spacing-step-3);border:1px solid var(--state-danger-light);border-radius:var(--radius-10);background:var(--state-danger-lighter);font:var(--paragraphs-x-small);color:var(--state-danger-dark);display:flex}.OfflineSection-module-scss-module__ckDRaa__alert strong{font-weight:600}.OfflineSection-module-scss-module__ckDRaa__alertIcon{margin-top:var(--spacing-2);color:var(--state-danger-base);flex-shrink:0}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.OfflineSection-module-scss-module__ckDRaa__queueItem{opacity:0;transform:translateX(calc(var(--spacing-step-3) * -1))}.OfflineSection-module-scss-module__ckDRaa__pending{opacity:1}.OfflineSection-module-scss-module__ckDRaa__synced{opacity:0;transform:translateY(var(--spacing-step-1))}.OfflineSection-module-scss-module__ckDRaa__progressFill{transform:scaleX(0)}.OfflineSection-module-scss-module__ckDRaa__alert{opacity:0;transform:translateY(var(--spacing-step-2))}[data-visible] .OfflineSection-module-scss-module__ckDRaa__queueItem{opacity:1;transition:opacity .5s cubic-bezier(.22, 1, .36, 1) calc(.2s + var(--index)*.12s),transform .5s cubic-bezier(.22, 1, .36, 1) calc(.2s + var(--index)*.12s);transform:none}[data-visible] .OfflineSection-module-scss-module__ckDRaa__pending,[data-visible] .OfflineSection-module-scss-module__ckDRaa__synced{transition:opacity .3s ease calc(1.3s + var(--index)*.35s),transform .3s ease calc(1.3s + var(--index)*.35s)}[data-visible] .OfflineSection-module-scss-module__ckDRaa__queueItem .OfflineSection-module-scss-module__ckDRaa__pending{opacity:0}[data-visible] .OfflineSection-module-scss-module__ckDRaa__queueItem .OfflineSection-module-scss-module__ckDRaa__synced{opacity:1;transform:none}[data-visible] .OfflineSection-module-scss-module__ckDRaa__progressFill{transition:transform 1.4s cubic-bezier(.65,0,.35,1) .9s;transform:none}[data-visible] .OfflineSection-module-scss-module__ckDRaa__syncIcon{animation:.7s linear .9s 2 OfflineSection-module-scss-module__ckDRaa__spin}[data-visible] .OfflineSection-module-scss-module__ckDRaa__alert{opacity:1;transition:opacity .5s cubic-bezier(.22,1,.36,1) 2.6s,transform .5s cubic-bezier(.22,1,.36,1) 2.6s;transform:none}}@media (prefers-reduced-motion:reduce){.OfflineSection-module-scss-module__ckDRaa__statusIcon{animation:none}}
.page-module-scss-module__a3eCpG__page{background:var(--background-surface-default);-webkit-user-select:text;user-select:text;flex-direction:column;min-height:100vh;display:flex}@media (prefers-reduced-motion:no-preference){html:has(.page-module-scss-module__a3eCpG__page){scroll-behavior:smooth}}