.csv-demo{position:relative;width:100%;color:#1a1a1a;font-variant-numeric:tabular-nums}.csv-demo__frame{transform:scale(var(--csv-scale, 1));transform-origin:50% 46%;transition:transform .55s cubic-bezier(.22,1,.36,1)}.csv-demo__card{overflow:hidden;border-radius:22px;border:1px solid rgb(0 0 0 / .06);background:#fff;box-shadow:0 1px 1px #00000008,0 16px 40px #0000000f}.csv-demo__chrome{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgb(0 0 0 / .06);background:#f5f5f5;font-size:12px;color:#9a9a9a}.csv-demo__dots{display:inline-flex;gap:5px}.csv-demo__dots i{width:7px;height:7px;border-radius:50%;background:#00000029}.csv-demo__file{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 12px;border-radius:10px;border:1px solid rgb(0 0 0 / .08);background:#fff;box-shadow:0 1px 2px #0000000a;color:#1a1a1a;font:inherit;font-size:13px;font-weight:600;line-height:1}.csv-demo__file.is-pressed{transform:scale(.98)}.csv-demo__body{position:relative;margin:12px 16px 16px}.csv-demo__drop{display:flex;align-items:center;justify-content:center;min-height:84px;border:1px dashed rgb(0 0 0 / .16);border-radius:16px;background:#f5f5f5;transition:border-color .2s ease,background .2s ease}.csv-demo__drop--filled{border-style:solid;border-color:#00000014;background:#f5f5f5}.csv-demo__finder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;grid-template-columns:118px minmax(0,1fr);overflow:hidden;border-radius:16px;border:1px solid rgb(0 0 0 / .08);background:#fff;box-shadow:0 16px 36px #00000014;opacity:0;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity .32s ease,transform .45s cubic-bezier(.22,1,.36,1)}.csv-demo__finder.is-open{opacity:1;transform:none}.csv-demo__finder-side{display:flex;flex-direction:column;gap:4px;padding:14px 10px;background:#f5f5f5;border-right:1px solid rgb(0 0 0 / .06)}.csv-demo__finder-side span{padding:7px 8px;border-radius:8px;font-size:12px;font-weight:600;color:#8a8a8a}.csv-demo__finder-side span.is-current{background:#fff;color:#1a1a1a}.csv-demo__finder-files{display:flex;flex-direction:column;gap:4px;padding:14px 10px}.csv-demo__finder-file{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border-radius:10px;font-size:13px;font-weight:600}.csv-demo__finder-file.is-dim{color:#b0b0b0}.csv-demo__finder-file.is-selected{background:#efefef;color:#1a1a1a}.csv-demo__rows{min-height:118px;margin:6px 0 4px;padding:0;list-style:none}.csv-demo__rows li{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:12px;align-items:center;padding:9px 2px;font-size:14px;opacity:0;transition:opacity .35s ease}.csv-demo__rows li.is-wait,.csv-demo__rows li.is-active{opacity:.34}.csv-demo__rows li.is-done{opacity:1}.csv-demo__check{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#1a1a1a;opacity:0;transform:scale(.6)}.csv-demo__rows li.is-done .csv-demo__check{opacity:1;transform:none;transition:opacity .2s ease .35s,transform .28s cubic-bezier(.22,1,.36,1) .35s}.csv-demo__check:after{content:"";width:7px;height:4px;margin-top:-2px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(-45deg)}.csv-demo__rows strong{font-weight:600;letter-spacing:-.03em}.csv-demo__cursor{position:absolute;top:0;left:0;z-index:6;width:24px;height:24px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .28));transform:translate(var(--cursor-x),var(--cursor-y));transition:transform var(--cursor-move-ms, .64s) cubic-bezier(.22,1,.36,1),opacity .25s ease}.csv-demo__cursor.is-visible{opacity:1}.csv-demo__cursor.is-down{transform:translate(var(--cursor-x),var(--cursor-y)) scale(.92)}.csv-demo__cursor svg{display:block;width:24px;height:24px}@media(prefers-reduced-motion:reduce){.csv-demo__rows li,.csv-demo__cursor,.csv-demo__drop,.csv-demo__frame,.csv-demo__finder,.csv-demo__file{transition:none}}