.files-menu-bar{display:none}@media (width<=980px){.files-menu-bar{display:flex}}.files-app{color:#171717;background:#fff;flex:1;min-height:100%;position:relative}.files-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.files-toast,.files-banner{width:min(1080px,100% - 3rem);margin:1rem auto 0}.files-toast{color:#fff;background:#171717;border-radius:999px;width:fit-content;max-width:min(40rem,100% - 3rem);padding:.55rem .95rem;font-size:.92rem}.files-top{justify-content:space-between;align-items:center;gap:1rem;width:min(1080px,100% - 3rem);margin:1.5rem auto 0;display:flex}.files-top h1,.files-crumb{letter-spacing:-.03em;min-width:0;margin:0;font-size:1.65rem;font-weight:650}.files-crumb{align-items:center;gap:.45rem;display:flex}.files-crumb a{color:#6f6962;font-weight:550}.files-crumb a:hover{color:#171717}.files-crumb span{color:#b0aaa3}.files-crumb strong{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.files-tools{flex:none;align-items:center;gap:.5rem;display:flex}.files-switch{background:#f6f6f6;border:1px solid #e6e6e6;border-radius:10px;padding:3px;display:flex}.files-switch button{color:#8d8d8d;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:2rem;height:1.85rem;display:grid}.files-app[data-view=list] .files-switch [data-view-choice=list],.files-app[data-view=grid] .files-switch [data-view-choice=grid]{color:#171717;background:#fff;box-shadow:0 1px 2px #17171714}.files-btn{color:#171717;cursor:pointer;background:#fff;border:1px solid #e4e4e4;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;height:2.25rem;padding:0 .9rem;font-size:.92rem;font-weight:560;display:inline-flex}.files-btn-rect{border-radius:10px}.files-btn-ink,.files-btn-dark{color:#fff;border-color:#0000}.files-btn-ink{background:#111}.files-btn-dark{background:#3a3a3a}.files-btn-ink:hover{background:#000}.files-btn-dark:hover{background:#2a2a2a}.files-upload-menu{position:relative}.files-upload-menu>summary{list-style:none}.files-upload-menu>summary::-webkit-details-marker{display:none}.files-upload-menu .files-menu-panel{top:2.55rem;right:0}.files-upload-menu .files-menu-panel p{color:#8a847c;margin:.15rem .55rem .3rem;font-size:.75rem}.files-stage{width:min(1080px,100% - 3rem);min-height:12rem;margin:.35rem auto 2.5rem}.files-app.is-dropping .files-stage{outline-offset:6px;border-radius:16px;outline:2px dashed #111}.files-table{border-collapse:collapse;width:100%}.files-table th{color:#8d877f;text-align:left;border-bottom:1px solid #ececec;padding:.75rem .45rem;font-size:.82rem;font-weight:520}.files-table td{vertical-align:middle;border-bottom:1px solid #f1f1f1;padding:.8rem .45rem}.files-table th:nth-child(2),.files-table td:nth-child(2){color:#5f5953;width:9rem}.files-table th:nth-child(3),.files-table td:nth-child(3){color:#5f5953;width:6rem}.files-table th:last-child,.files-table td:last-child{text-align:right;width:4.5rem}.files-table tbody tr:hover{background:#fafafa}.files-name{align-items:center;gap:.65rem;min-width:0;font-weight:620;display:flex}.files-name span:last-child,.file-card-name,.folder-card strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files-folder{color:#2c2926;flex:none}.files-note{color:#6f6962;flex:none}.files-app[data-view=grid] .files-table-wrap,.files-app[data-view=list] .files-grid{display:none}.files-grid{grid-template-columns:repeat(auto-fill,minmax(180px,210px));gap:.85rem;padding-top:.8rem;display:grid}.folder-card,.file-card{background:#fff;border:1px solid #ececec;border-radius:14px;position:relative}.folder-card>a{flex-direction:column;align-items:flex-start;gap:.35rem;min-height:8.5rem;padding:.95rem 2rem .95rem .95rem;display:flex}.folder-card strong{max-width:100%}.folder-card span{color:#8a847c;font-size:.82rem}.folder-card .files-more,.file-card .files-more{position:absolute;top:.4rem;right:.3rem}.file-card header{align-items:center;gap:.45rem;min-width:0;padding:.55rem 2rem .35rem .7rem;display:flex}.file-card-name{min-width:0;font-size:.82rem;font-weight:560}.file-badge{background:#e24b4b;border-radius:99px;flex:none;width:.55rem;height:.55rem}.file-badge[data-ext=doc],.file-badge[data-ext=docx],.file-badge[data-ext=txt],.file-badge[data-ext=md]{background:#3d74e0}.file-badge[data-ext=xls],.file-badge[data-ext=xlsx],.file-badge[data-ext=csv]{background:#1f8a4c}.file-badge[data-ext=ppt],.file-badge[data-ext=pptx]{background:#d06a2b}.file-thumb{aspect-ratio:1;background:#f6f5f3;border-radius:10px;place-items:center;margin:0 .55rem .55rem;display:grid;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-ext{color:#6f6962;letter-spacing:.04em;font-size:.95rem;font-weight:680}.files-more{display:inline-block;position:relative}.files-more>summary{color:#5c564e;cursor:pointer;border-radius:8px;place-items:center;width:2rem;height:2rem;list-style:none;display:grid}.files-more>summary::-webkit-details-marker{display:none}.files-more[open]>summary,.files-more>summary:hover{background:#f3f3f3}.files-menu-panel{z-index:5;text-align:left;background:#fff;border:1px solid #ececec;border-radius:12px;min-width:11rem;padding:.35rem;position:absolute;top:2.15rem;right:0;box-shadow:0 16px 40px #1717171a}.files-menu-panel a,.files-menu-panel button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.45rem .6rem;display:block}.files-menu-panel a:hover,.files-menu-panel button:hover{background:#f6f6f6}.files-menu-panel .is-danger{color:#b42318}.files-empty-folder{color:#6f6962;text-align:center;border:1px dashed #e0e0e0;border-radius:16px;place-items:center;min-height:16rem;margin-top:1rem;display:grid}.files-empty-folder strong{color:#171717;font-size:1rem;display:block}.files-empty-folder p{margin:.35rem 0 0}.files-hero{text-align:center;flex-direction:column;align-items:center;width:min(960px,100% - 2.5rem);margin:0 auto;padding:7vh 0 3rem;display:flex}.files-hero h1{letter-spacing:-.035em;align-items:flex-start;gap:.45rem;margin:0;font-size:clamp(1.7rem,3vw,2rem);font-weight:650;display:inline-flex}.files-new{color:#3d74e0;letter-spacing:0;background:#e7f0ff;border-radius:999px;align-items:center;height:1.3rem;margin-top:.28rem;padding:0 .45rem;font-size:.72rem;font-weight:680;display:inline-flex}.files-hero-copy{color:#6d675f;max-width:36rem;margin:.55rem 0 0;font-size:.98rem;line-height:1.45}.files-hero>.files-btn{margin-top:1.15rem}.files-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;width:100%;margin-top:1.6rem;display:grid}.files-step{text-align:left;background:#fff;border:1px solid #eceae6;border-radius:12px;padding:.85rem .9rem .95rem}.files-step strong{align-items:center;gap:.4rem;font-size:.92rem;font-weight:650;display:flex}.files-step svg{color:#8a847c;flex:none}.files-step p{color:#6d675f;margin:.35rem 0 0;font-size:.84rem;line-height:1.35}.files-demo{text-align:left;background:#fff;border:1px solid #eceae6;border-radius:16px;width:min(760px,100%);margin-top:1.25rem;overflow:hidden;box-shadow:0 10px 40px #1c19150a}.files-demo-chrome{border-bottom:1px solid #f1efe9;grid-template-columns:4rem 1fr 4rem;align-items:center;height:2.6rem;padding:0 .85rem;display:grid}.files-dots{gap:.3rem;display:flex}.files-dots i{background:#e4e1db;border-radius:99px;width:.45rem;height:.45rem}.files-url{color:#8a847c;background:#fafafa;border:1px solid #eee;border-radius:999px;justify-self:center;padding:.12rem .8rem;font-size:.75rem}.files-demo.is-playing .files-demo-body{animation:.7s files-replay}.files-demo-body{padding:1.35rem 1.5rem 1.15rem}.files-demo-body p,.files-demo-body li{color:#2a2724;margin:0;font-size:.95rem;line-height:1.45}.files-demo-body h3{margin:1rem 0 .45rem;font-size:.98rem}.files-demo-body ul{margin:0;padding-left:1.15rem}.files-demo-body li+li{margin-top:.35rem}.files-sources{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:1rem;display:flex}.files-sources em{color:#8a847c;margin-right:.1rem;font-size:.8rem;font-style:normal}.files-chip{color:#5c564e;border:1px solid #ece7df;border-radius:999px;align-items:center;gap:.28rem;padding:.18rem .5rem;font-size:.75rem;display:inline-flex}.files-replay{color:#444;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin-top:.85rem;font-weight:560;display:inline-flex}.files-dialog,.files-preview{background:0 0;border:0;width:min(28rem,100vw - 2rem);max-height:calc(100vh - 2rem);margin:auto;padding:0}.files-dialog::backdrop,.files-preview::backdrop{background:#2828287a}.files-dialog-card{background:#fff;border-radius:16px;padding:1.15rem 1.15rem 1rem;box-shadow:0 24px 80px #0000002e}.files-dialog-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.files-dialog-head h2{margin:0;font-size:1rem;font-weight:680}.files-dialog-head p{color:#6e675f;margin:.28rem 0 0;font-size:.92rem}.files-dialog-x{color:#666;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:1.8rem;height:1.8rem;display:grid}.files-dialog-x:hover{background:#f4f4f4}.files-field{margin-top:.35rem}.files-field-top{color:#8d877f;justify-content:flex-end;margin-bottom:.28rem;font-size:.75rem;display:flex}.files-field input{background:#fff;border:1px solid #e4e4e4;border-radius:10px;width:100%;height:2.6rem;padding:0 .75rem}.files-field input:focus{border-color:#171717;outline:none}.files-field-error{color:#b42318;margin:.4rem 0 0;font-size:.84rem}.files-dialog-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.files-preview{width:min(720px,100vw - 2rem)}.files-preview img{object-fit:contain;background:#fff;border-radius:16px;width:100%;max-height:78vh;display:block}.files-preview .files-dialog-x{background:#fff;position:absolute;top:.6rem;right:.6rem}.files-btn:focus-visible,.files-switch button:focus-visible,.files-replay:focus-visible,.files-dialog-x:focus-visible,.files-more>summary:focus-visible{outline-offset:2px;outline:2px solid #171717}@keyframes files-replay{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=980px){.files-menu-bar{display:flex}}@media (width<=860px){.files-steps{grid-template-columns:1fr 1fr}}@media (width<=720px){.files-top{flex-wrap:wrap}.files-tools{justify-content:flex-end;width:100%}.files-table th:nth-child(2),.files-table td:nth-child(2),.files-table th:nth-child(3),.files-table td:nth-child(3){display:none}}@media (width<=560px){.files-top,.files-toast,.files-banner{width:min(1080px,100% - 1.5rem)}.files-steps{grid-template-columns:1fr}.files-tools{flex-wrap:wrap}}.dark .files-app{background:var(--paper);color:var(--ink)}.dark .files-toast{background:var(--ink);color:var(--paper)}.dark .files-crumb a,.dark .files-step p,.dark .files-hero-copy,.dark .files-empty-folder,.dark .files-dialog-head p,.dark .files-table th{color:var(--muted)}.dark .files-crumb a:hover,.dark .files-empty-folder strong{color:var(--ink)}.dark .files-btn,.dark .files-switch,.dark .files-dialog-card,.dark .files-step,.dark .files-demo,.dark .file-card,.dark .folder-card,.dark .files-menu-panel,.dark .files-field input,.dark .file-thumb,.dark .files-preview img{background:var(--card);border-color:var(--line);color:var(--ink)}.dark .files-btn-ink,.dark .files-btn-dark{background:var(--ink);color:var(--paper)}.dark .files-app[data-view=list] .files-switch [data-view-choice=list],.dark .files-app[data-view=grid] .files-switch [data-view-choice=grid],.dark .files-url,.dark .files-more[open]>summary,.dark .files-more>summary:hover,.dark .files-menu-panel a:hover,.dark .files-menu-panel button:hover,.dark .files-table tbody tr:hover{background:var(--sand)}.dark .files-table th,.dark .files-table td,.dark .files-demo-chrome{border-color:var(--line)}.dark .files-folder,.dark .files-note,.dark .files-chip,.dark .files-replay{color:var(--ink)}.dark .files-new{color:#9ec0ff;background:#24344a}