.file-share{--share-bg:var(--panel,#20242b);--share-text:var(--text,#f0f1f4);--share-muted:var(--muted,#a1a8b6);--share-line:var(--line,#ffffff18);--share-accent:var(--led,#3699ff);box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--share-line);border-radius:16px;background:var(--share-bg);color:var(--share-text);font:14px/1.45 system-ui,sans-serif;box-shadow:0 20px 70px #0006}
.file-share[open]{display:flex;flex-direction:column}.file-share::backdrop{background:#0006;backdrop-filter:blur(3px)}.file-share *{box-sizing:border-box}.file-share__header{padding:20px;display:flex;gap:13px;align-items:center;flex:none;border-bottom:1px solid var(--share-line)}.file-share h2{font-size:17px;line-height:1.3;margin:0}.file-share__header>div{flex:1;min-width:0}.file-share__filename{margin:4px 0 0;color:var(--share-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-share__file{font-size:32px}.file-share button,.file-share input,.file-share select{font:inherit;color:inherit}.file-share button{cursor:pointer}.file-share button:disabled{opacity:.5;cursor:default}.file-share__close{width:30px;height:30px;border:0;border-radius:50%;background:#8882;font-size:22px!important;display:grid;place-items:center}.file-share__body{overflow:auto;min-height:0;padding:0 20px}.file-share__section{padding:18px 0;border-bottom:1px solid var(--share-line)}.file-share__section:last-child{border:0}.file-share__line{display:flex;align-items:center;gap:16px;justify-content:space-between}.file-share__label{font-size:13px;font-weight:650;margin:0;display:block}.file-share__hint{font-size:12px;color:var(--share-muted);line-height:1.5;margin:8px 0 12px}.file-share select{border:1px solid var(--share-line);border-radius:7px;background:var(--share-bg);padding:7px 9px;max-width:65%}.file-share__search,.file-share__link{width:100%;background:#8881;border:1px solid var(--share-line);border-radius:8px;padding:10px 12px;margin:9px 0 0;outline:0}.file-share__link{font-size:12px!important;margin:0 0 10px}.file-share :focus-visible{outline:2px solid var(--share-accent);outline-offset:2px}.file-share__button{border:1px solid var(--share-line);border-radius:7px;background:#8882;padding:7px 13px;min-height:32px;font-weight:550!important}.file-share__button:hover{background:#8883}.file-share__button.is-primary{background:var(--share-accent);border-color:transparent;color:#08131e}.file-share__button.is-text{background:none;border:0;color:var(--share-accent);padding:3px 0;min-height:26px;font-size:12px}.file-share__person{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 0}.file-share__avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:#8883;color:var(--share-text);font-size:11px;font-weight:650}.file-share__person-text{display:grid;gap:2px;min-width:0;flex:1}.file-share__person-text strong{font-size:13px;overflow-wrap:anywhere}.file-share__person-text small{font-size:11px;color:var(--share-muted);overflow-wrap:anywhere}.file-share__role{margin-left:auto;font-size:12px!important;max-width:150px}.file-share__remove{border:0;background:none;font-size:18px!important;padding:4px 8px}.file-share__result{width:100%;display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:5px;text-align:left}.file-share__result>.file-share__person{padding:0;flex:1}.file-share__result>span{font-size:11px;color:var(--share-accent)}.file-share__results{max-height:230px;overflow:auto}.file-share__inherited summary{color:var(--share-muted);font-size:12px;cursor:pointer}.file-share footer{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:1px solid var(--share-line);flex:none}.file-share__status{margin:0;flex:1;font-size:12px;color:var(--share-muted)}.file-share__status.is-error{color:#f58d86}.file-share [hidden]{display:none!important}
@media(max-width:600px){.file-share{max-height:calc(100dvh - 24px);width:calc(100vw - 24px)}.file-share__header{padding:16px}.file-share__body{padding:0 16px}.file-share__line{align-items:flex-start;flex-direction:column;gap:8px}.file-share__access{max-width:100%!important;width:100%;min-height:42px}.file-share__search{min-height:44px}.file-share__button{min-height:40px}.file-share__role{max-width:120px;min-height:40px}.file-share__section{padding:14px 0}}
.file-share__file{display:grid;place-items:center;color:#80baff;width:40px;height:40px;flex:none}.file-share__file svg{width:35px;height:35px;fill:#80baff15;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}