.fs-scroll{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.fs-scroll::-webkit-scrollbar{height:6px}.fs-scroll::-webkit-scrollbar-track{background:0 0}.fs-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.fs-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff52}@media (pointer:fine){.fs-tile{cursor:grab}.fs-tile:active{cursor:grabbing}}.fs-tile{touch-action:pan-x;transition:box-shadow .15s,transform .15s,opacity .15s}.fs-tile.is-lifted{z-index:2;opacity:.92;transform:translateY(-3px)scale(1.08);box-shadow:0 0 0 2px #34d399,0 8px 18px -6px #000000b3}.fs-tile.is-new{animation:.42s cubic-bezier(.22,1.4,.36,1) both fs-pop}@keyframes fs-pop{0%{opacity:0;transform:scale(.4);box-shadow:0 0 #34d399e6}60%{opacity:1;box-shadow:0 0 0 8px #34d39940}to{transform:scale(1);box-shadow:0 0 0 2px #34d399,0 0 0 4px #10b9812e}}.fs-nudge{color:#e4e4e7;z-index:3;place-items:center;width:34px;display:grid;position:absolute;top:4px;bottom:10px}.fs-nudge>svg{background:#18181beb;border-radius:999px;width:26px;height:26px;padding:5px;transition:background-color .15s,color .15s;box-shadow:0 0 0 1px #ffffff24,0 4px 10px -4px #000c}.fs-nudge:hover>svg{color:#000;background:#10b981}.fs-nudge.is-left{background:linear-gradient(90deg,var(--ed-panel,#18181b)30%,transparent);left:0}.fs-nudge.is-right{background:linear-gradient(270deg,var(--ed-panel,#18181b)30%,transparent);right:0}.fs-count{color:#d4d4d8;white-space:nowrap;font-size:12px;font-weight:600}.fs-count i{color:#71717a;font-style:normal;font-weight:500}.fs-note{z-index:5;color:#04120c;white-space:nowrap;pointer-events:none;background:#10b981;border-radius:999px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 11px;font-size:12px;font-weight:700;animation:.24s ease-out both fs-note-in;display:inline-flex;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 22px -8px #000000b3}.fs-note-sub{opacity:.75;font-weight:500}.fs-note.is-tip{white-space:normal;pointer-events:auto;color:#d4d4d8;background:#18181bf5;border-radius:12px;padding:7px 8px 7px 12px;font-weight:500;box-shadow:0 0 0 1px #ffffff1f,0 8px 22px -8px #000000b3}.fs-note.is-tip b{color:#6ee7b7}.fs-note kbd{color:#fff;background:#ffffff1a;border-radius:5px;place-items:center;min-width:18px;height:18px;padding:0 4px;font:600 11px/1 ui-monospace,monospace;display:inline-grid;box-shadow:inset 0 -1px #00000080}.fs-note-x{color:#a1a1aa;border-radius:999px;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.fs-note-x:hover{color:#fff;background:#ffffff14}@keyframes fs-note-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.fs-note-sub{display:none}}@media (prefers-reduced-motion:reduce){.fs-tile.is-new{animation-name:fs-pop-still;animation-duration:.6s}.fs-note{animation:none}}@keyframes fs-pop-still{0%{box-shadow:0 0 0 6px #34d3998c}to{box-shadow:0 0 0 2px #34d399,0 0 0 4px #10b9812e}}:root[data-theme=light] .fs-scroll:where(:not(.theme-fixed,.theme-fixed *)){scrollbar-color:#03030333 transparent}:root[data-theme=light] .fs-scroll:where(:not(.theme-fixed,.theme-fixed *))::-webkit-scrollbar-thumb{background:#0303032e}:root[data-theme=light] .fs-scroll:where(:not(.theme-fixed,.theme-fixed *))::-webkit-scrollbar-thumb:hover{background:#03030352}:root[data-theme=light] .fs-tile.is-lifted:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:0 0 0 2px #34d399,0 8px 18px -6px #00000050}:root[data-theme=light] .fs-nudge:where(:not(.theme-fixed,.theme-fixed *)){color:#111113}:root[data-theme=light] .fs-nudge>svg:where(:not(.theme-fixed,.theme-fixed *)){background:#dadadeeb;box-shadow:0 0 0 1px #03030324,0 4px 10px -4px #0000005c}:root[data-theme=light] .fs-nudge.is-left:where(:not(.theme-fixed,.theme-fixed *)){background:linear-gradient(90deg,var(--ed-panel,#dadade)30%,transparent)}:root[data-theme=light] .fs-nudge.is-right:where(:not(.theme-fixed,.theme-fixed *)){background:linear-gradient(270deg,var(--ed-panel,#dadade)30%,transparent)}:root[data-theme=light] .fs-count:where(:not(.theme-fixed,.theme-fixed *)){color:#1c1c1f}:root[data-theme=light] .fs-count i:where(:not(.theme-fixed,.theme-fixed *)){color:#707079}:root[data-theme=light] .fs-note:where(:not(.theme-fixed,.theme-fixed *)){box-shadow:0 8px 22px -8px #00000050}:root[data-theme=light] .fs-note.is-tip:where(:not(.theme-fixed,.theme-fixed *)){color:#1c1c1f;background:#dadadef5;box-shadow:0 0 0 1px #0303031f,0 8px 22px -8px #00000050}:root[data-theme=light] .fs-note.is-tip b:where(:not(.theme-fixed,.theme-fixed *)){color:#10543d}:root[data-theme=light] .fs-note kbd:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#0303031a}:root[data-theme=light] .fs-note-x:where(:not(.theme-fixed,.theme-fixed *)){color:#44444b}:root[data-theme=light] .fs-note-x:hover:where(:not(.theme-fixed,.theme-fixed *)){color:#030303;background:#03030314}
