.login[data-v-4c52cc17]{height:100%;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;padding:16px}.card[data-v-4c52cc17]{width:100%;max-width:360px;background:var(--pane);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.logo[data-v-4c52cc17]{color:var(--accent)}h1[data-v-4c52cc17]{margin:0;font-size:20px}p[data-v-4c52cc17]{margin:0}label[data-v-4c52cc17]{display:flex;flex-direction:column;gap:4px}label span[data-v-4c52cc17]{font-size:12px;color:var(--text-muted)}.btn[data-v-4c52cc17]{justify-content:center;padding:8px}.legal[data-v-4c52cc17]{display:flex;gap:8px;font-size:12px;color:var(--text-muted)}.legal a[data-v-4c52cc17]{color:inherit}.legal a[data-v-4c52cc17]:hover{color:var(--accent)}.row[data-v-0f68cb40]{display:flex;align-items:center;gap:8px}.google[data-v-0f68cb40]{font-weight:500}.small[data-v-0f68cb40]{font-size:12px;margin:4px 0 0}.account[data-v-fc05b797]{max-width:680px}.content[data-v-fc05b797]{overflow-y:auto;padding:8px 16px 16px}section[data-v-fc05b797]{padding:10px 0;border-bottom:1px solid var(--border)}section[data-v-fc05b797]:last-of-type{border-bottom:0}h3[data-v-fc05b797]{margin:0 0 8px;font-size:13px}.section-title[data-v-fc05b797]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.section-title h3[data-v-fc05b797]{margin:0}.preset[data-v-fc05b797]{width:auto}.grid[data-v-fc05b797]{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 12px;align-items:center;margin-bottom:8px}.grid label[data-v-fc05b797],.grid .label[data-v-fc05b797]{text-align:right;color:var(--text-muted)}.grid .label[data-v-fc05b797]{align-self:start;padding-top:4px}.auth-choice .radio[data-v-fc05b797]{display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--text);text-align:left}.google-account .signed-in[data-v-fc05b797]{margin:0 0 6px}.servers[data-v-fc05b797]{display:grid;grid-template-columns:150px minmax(0,1fr) 90px 120px;gap:6px 8px;align-items:center;margin-bottom:8px}.servers label[data-v-fc05b797]{text-align:right;color:var(--text-muted)}.hint[data-v-fc05b797]{margin:4px 0 0 162px;font-size:12px}.check[data-v-fc05b797]{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin-top:6px}.signature[data-v-fc05b797]{resize:vertical}.small[data-v-fc05b797]{font-size:12px;margin:0}.identities[data-v-fc05b797]{list-style:none;margin:0;padding:0}.identities li[data-v-fc05b797]{display:flex;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--border)}.identities li[data-v-fc05b797]:first-child{border-top:0}.identity-text[data-v-fc05b797]{flex:1;min-width:0;overflow-wrap:anywhere}.test p[data-v-fc05b797]{margin:4px 0}.ok[data-v-fc05b797]{color:var(--success)}.spacer[data-v-fc05b797]{flex:1}@media(max-width:600px){.grid[data-v-fc05b797],.servers[data-v-fc05b797]{grid-template-columns:1fr}.grid label[data-v-fc05b797],.servers label[data-v-fc05b797]{text-align:left}.hint[data-v-fc05b797]{margin-left:0}}.compose[data-v-22c0606b]{max-width:860px;height:min(760px,calc(100vh - 32px))}.compose.drag-over[data-v-22c0606b]{outline:3px dashed var(--accent);outline-offset:-6px}.toolbar[data-v-22c0606b]{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border)}.fields[data-v-22c0606b]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 10px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border)}.fields label[data-v-22c0606b]{color:var(--text-muted);text-align:right}.with-extras[data-v-22c0606b]{display:flex;gap:8px;align-items:center}.link[data-v-22c0606b]{border:0;background:none;color:var(--accent);cursor:pointer;white-space:nowrap;padding:0}.body[data-v-22c0606b]{flex:1;border:0;resize:none;padding:12px 16px;outline:none;background:var(--pane);font:14px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;min-height:160px}.attachments[data-v-22c0606b]{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-top:1px solid var(--border)}.chip[data-v-22c0606b]{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--border);border-radius:12px;font-size:12px}.remove[data-v-22c0606b]{border:0;background:none;padding:0;cursor:pointer;display:inline-flex;color:var(--text-muted)}.error[data-v-22c0606b]{margin:0;padding:8px 16px;border-top:1px solid var(--border)}.overlay[data-v-0a816c92]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.context-menu[data-v-0a816c92]{position:fixed;background:var(--pane);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:4px;min-width:200px;display:flex;flex-direction:column}button[data-v-0a816c92]{text-align:left;padding:7px 10px;border:0;background:none;border-radius:4px;cursor:pointer}button[data-v-0a816c92]:hover{background:var(--hover)}button.danger[data-v-0a816c92]{color:var(--danger)}.row[data-v-c978668b]{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 0;cursor:pointer;border-radius:0}.row[data-v-c978668b]:hover{background:var(--hover)}.row.current[data-v-c978668b]{background:var(--selection);color:var(--selection-text)}.row.drop[data-v-c978668b]{outline:2px dashed var(--accent);outline-offset:-2px}.row.disabled .name[data-v-c978668b]{font-style:italic}.twisty[data-v-c978668b]{width:12px;display:inline-flex}.folder-icon[data-v-c978668b]{opacity:.85}.name[data-v-c978668b]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.name.unread[data-v-c978668b]{font-weight:700}.badge[data-v-c978668b]{font-size:11px;font-weight:600;padding:0 6px;border-radius:9px;background:var(--accent);color:var(--accent-text)}.row.current .badge[data-v-c978668b]{background:var(--selection-text);color:var(--selection)}.pane[data-v-5dc23cbb]{padding:6px 0;-webkit-user-select:none;user-select:none}.account-row[data-v-5dc23cbb]{display:flex;align-items:center;gap:6px;padding:6px 10px;font-weight:600;cursor:pointer}.account-row[data-v-5dc23cbb]:hover{background:var(--hover)}.account-name[data-v-5dc23cbb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-error[data-v-5dc23cbb]{margin:4px 12px 8px 30px;font-size:12px}.empty[data-v-5dc23cbb]{padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.modal-backdrop[data-v-9f2ef2f0]{z-index:55}.identity[data-v-9f2ef2f0]{max-width:600px}.content[data-v-9f2ef2f0]{overflow-y:auto;padding:8px 16px 16px}section[data-v-9f2ef2f0]{padding:10px 0;border-bottom:1px solid var(--border)}section[data-v-9f2ef2f0]:last-of-type{border-bottom:0}h3[data-v-9f2ef2f0]{margin:0 0 8px;font-size:13px}.grid[data-v-9f2ef2f0]{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;align-items:center}.grid label[data-v-9f2ef2f0]{text-align:right;color:var(--text-muted)}.radio[data-v-9f2ef2f0],.check[data-v-9f2ef2f0]{display:flex;align-items:center;gap:8px;padding:3px 0}.small[data-v-9f2ef2f0]{font-size:12px;margin:4px 0 0}.smtp[data-v-9f2ef2f0]{margin-top:10px;display:flex;flex-direction:column;gap:10px}.servers[data-v-9f2ef2f0]{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px;gap:4px 8px}.row[data-v-9f2ef2f0]{display:flex;justify-content:space-between;align-items:center;gap:12px}.preset[data-v-9f2ef2f0]{width:auto}.ok[data-v-9f2ef2f0]{color:var(--success)}@media(max-width:600px){.grid[data-v-9f2ef2f0],.servers[data-v-9f2ef2f0]{grid-template-columns:1fr}.grid label[data-v-9f2ef2f0]{text-align:left}}.message-list[data-v-166b462a]{display:flex;flex-direction:column;height:100%;background:var(--pane)}.filter-bar[data-v-166b462a]{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);flex-wrap:wrap}.title[data-v-166b462a]{font-size:14px}.count[data-v-166b462a]{font-size:12px}.spacer[data-v-166b462a]{flex:1}.chip[data-v-166b462a]{padding:3px 8px;font-size:12px}.chip.active[data-v-166b462a]{background:var(--accent);color:var(--accent-text)}.search[data-v-166b462a]{display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);padding:3px 8px;background:var(--pane);min-width:200px}.search input[data-v-166b462a]{border:0;outline:0;background:transparent;width:100%}.header-row[data-v-166b462a],.row[data-v-166b462a]{display:grid;grid-template-columns:24px 20px minmax(0,3fr) minmax(0,2fr) 130px;align-items:center;gap:6px;padding:0 10px 0 6px}.header-row[data-v-166b462a]{font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);padding-top:4px;padding-bottom:4px;background:var(--pane-alt)}.rows[data-v-166b462a]{flex:1;overflow-y:auto;outline:none}.row[data-v-166b462a]{height:26px;cursor:default;-webkit-user-select:none;user-select:none;border-bottom:1px solid transparent}.row[data-v-166b462a]:hover{background:var(--hover)}.row.selected[data-v-166b462a]{background:var(--selection);color:var(--selection-text)}.rows:not(:focus-within) .row.selected[data-v-166b462a]{background:var(--selection-inactive);color:var(--text)}.row.unread[data-v-166b462a]{font-weight:700}.col-subject[data-v-166b462a],.col-from[data-v-166b462a]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-date[data-v-166b462a]{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.col-star[data-v-166b462a],.col-attach[data-v-166b462a]{display:flex;justify-content:center}.star[data-v-166b462a]{color:var(--text-muted);opacity:.35;cursor:pointer}.row.selected .star[data-v-166b462a]{color:inherit;opacity:.6}.star.on[data-v-166b462a]{color:var(--star);fill:var(--star);opacity:1}.answered[data-v-166b462a]{opacity:.6;margin-right:2px}.notice[data-v-166b462a]{padding:16px;margin:0}.message-view[data-v-04bbcb0b]{height:100%;display:flex;flex-direction:column;background:var(--pane);min-height:0}.placeholder[data-v-04bbcb0b]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:.8}.headers[data-v-04bbcb0b]{padding:10px 14px;border-bottom:1px solid var(--border);background:var(--pane-alt);position:relative}.actions[data-v-04bbcb0b]{float:right;display:flex;gap:4px;margin-left:12px;flex-wrap:wrap;justify-content:flex-end}.actions .btn[data-v-04bbcb0b]{padding:4px 8px;text-decoration:none}dl[data-v-04bbcb0b]{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:2px 12px;margin:0}dt[data-v-04bbcb0b]{color:var(--text-muted);text-align:right}dd[data-v-04bbcb0b]{margin:0;min-width:0}.subject[data-v-04bbcb0b]{font-weight:600;font-size:14px}.clip[data-v-04bbcb0b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.address[data-v-04bbcb0b]{border:0;background:none;padding:0;cursor:pointer;text-align:left}.address:hover strong[data-v-04bbcb0b]{text-decoration:underline}.star.on[data-v-04bbcb0b]{color:var(--star);fill:var(--star)}.remote-banner[data-v-04bbcb0b]{display:flex;align-items:center;gap:12px;padding:6px 14px;background:#fff4cc;color:#4a3b00;border-bottom:1px solid var(--border)}.body[data-v-04bbcb0b]{flex:1;min-height:0;display:flex;overflow:auto}.html-frame[data-v-04bbcb0b]{flex:1;border:0;background:#fff;width:100%}.plain[data-v-04bbcb0b]{margin:0;padding:14px;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;width:100%}.plain a[data-v-04bbcb0b]{color:var(--accent)}.attachments[data-v-04bbcb0b]{display:flex;align-items:center;gap:8px;padding:8px 14px;border-top:1px solid var(--border);flex-wrap:wrap;background:var(--pane-alt)}.attachment[data-v-04bbcb0b]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--pane);color:inherit;text-decoration:none;max-width:280px}.attachment[data-v-04bbcb0b]:hover{background:var(--hover)}.att-name[data-v-04bbcb0b]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.password[data-v-8f5ef615]{max-width:400px}.content[data-v-8f5ef615]{padding:16px;display:flex;flex-direction:column;gap:12px}label[data-v-8f5ef615]{display:flex;flex-direction:column;gap:4px}label span[data-v-8f5ef615]{font-size:12px;color:var(--text-muted)}p[data-v-8f5ef615]{margin:0}.tb[data-v-00761a62]{max-width:760px}.content[data-v-00761a62]{overflow-y:auto;padding:12px 16px 16px}section[data-v-00761a62]{padding:8px 0 16px;border-bottom:1px solid var(--border)}section+section[data-v-00761a62]{padding-top:16px;border-bottom:0}h3[data-v-00761a62]{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}p[data-v-00761a62]{margin:0 0 10px}code[data-v-00761a62]{font-family:ui-monospace,Consolas,monospace;background:var(--pane-alt);padding:0 4px;border-radius:3px}a.btn[data-v-00761a62]{text-decoration:none}.file.disabled[data-v-00761a62]{opacity:.6;pointer-events:none}.account[data-v-00761a62]{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:10px}.account.ok[data-v-00761a62]{border-color:var(--success)}.account.error[data-v-00761a62]{border-color:var(--danger)}.head[data-v-00761a62]{display:flex;align-items:center;gap:8px}.title[data-v-00761a62]{flex:1;min-width:0;overflow-wrap:anywhere}.badge[data-v-00761a62]{font-size:11px;padding:1px 8px;border-radius:9px;background:var(--pane-alt);border:1px solid var(--border);white-space:nowrap}.badge.ok[data-v-00761a62]{color:var(--success);border-color:var(--success)}.details[data-v-00761a62]{font-size:12px;margin:4px 0 0 24px;overflow-wrap:anywhere}.identities[data-v-00761a62],.warnings[data-v-00761a62]{list-style:none;margin:6px 0 0 24px;padding:0;font-size:12px}.identities li[data-v-00761a62]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:2px 0}.warnings li[data-v-00761a62]{color:#9a6700}.password[data-v-00761a62]{margin:8px 0 0 24px;max-width:320px}.password .radio[data-v-00761a62]{display:flex;align-items:center;gap:6px;font-size:13px;padding:2px 0}.password .google[data-v-00761a62]{margin-top:4px}.password .google p[data-v-00761a62]{margin:0 0 4px;font-size:12px}.input.small[data-v-00761a62]{width:240px;padding:3px 6px;font-size:12px}.message[data-v-00761a62]{margin:8px 0 0 24px;font-size:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ok-text[data-v-00761a62]{color:var(--success)}.small-btn[data-v-00761a62]{padding:2px 8px;font-size:12px}.skipped ul[data-v-00761a62]{margin:0;padding-left:18px}.check[data-v-00761a62]{display:flex;align-items:center;gap:6px}.spacer[data-v-00761a62]{flex:1}.users[data-v-34308c8e]{max-width:820px}.content[data-v-34308c8e]{overflow-y:auto;padding:12px 16px 16px}h3[data-v-34308c8e]{margin:0 0 8px;font-size:13px}.create[data-v-34308c8e]{padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--border)}.create-grid[data-v-34308c8e]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto auto;gap:8px;align-items:center}.password-row[data-v-34308c8e]{display:flex;gap:6px;align-items:center}.check[data-v-34308c8e]{display:flex;gap:6px;align-items:center;white-space:nowrap}.hint[data-v-34308c8e]{margin:6px 0 0;font-size:12px}table[data-v-34308c8e]{width:100%;border-collapse:collapse}th[data-v-34308c8e]{text-align:left;font-weight:600;color:var(--text-muted);font-size:12px;padding:6px 8px;border-bottom:1px solid var(--border)}td[data-v-34308c8e]{padding:8px;border-bottom:1px solid var(--border);vertical-align:middle}.actions[data-v-34308c8e]{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.actions .btn[data-v-34308c8e]{padding:3px 8px;font-size:12px}.reset-row td[data-v-34308c8e]{background:var(--pane-alt)}@media(max-width:700px){.create-grid[data-v-34308c8e]{grid-template-columns:1fr}}.layout[data-v-c6e07509]{height:100%;display:flex;flex-direction:column}.toolbar[data-v-c6e07509]{display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--toolbar);border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.sep[data-v-c6e07509]{width:1px;height:20px;background:var(--border);margin:0 6px}.spacer[data-v-c6e07509]{flex:1}.spin[data-v-c6e07509]{animation:spin-c6e07509 1s linear infinite}@keyframes spin-c6e07509{to{transform:rotate(360deg)}}.menu-wrap[data-v-c6e07509]{position:relative}.menu[data-v-c6e07509]{position:fixed;right:8px;top:44px;background:var(--pane);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);min-width:240px;padding:4px;z-index:40;display:flex;flex-direction:column}.menu button[data-v-c6e07509]{display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;background:none;text-align:left;border-radius:4px;cursor:pointer}.menu button[data-v-c6e07509]:hover{background:var(--hover)}.menu-user[data-v-c6e07509]{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);margin-bottom:4px}.menu hr[data-v-c6e07509]{border:0;border-top:1px solid var(--border);margin:4px 0}.main[data-v-c6e07509]{flex:1;display:flex;min-height:0}.folders[data-v-c6e07509]{background:var(--pane-alt);overflow:auto;flex-shrink:0}.content[data-v-c6e07509]{flex:1;display:flex;flex-direction:column;min-width:0}.list[data-v-c6e07509]{flex-shrink:0;min-height:100px;display:flex;flex-direction:column}.preview[data-v-c6e07509]{flex:1;min-height:0;display:flex;flex-direction:column}.splitter[data-v-c6e07509]{background:var(--border);flex-shrink:0}.splitter.vertical[data-v-c6e07509]{width:1px;cursor:col-resize;position:relative}.splitter.horizontal[data-v-c6e07509]{height:1px;cursor:row-resize;position:relative}.splitter[data-v-c6e07509]:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px}.toasts[data-v-c6e07509]{position:fixed;bottom:16px;right:16px;display:flex;flex-direction:column;gap:8px;z-index:100;max-width:420px}.toast[data-v-c6e07509]{background:var(--text);color:var(--bg);padding:10px 14px;border-radius:var(--radius);box-shadow:var(--shadow)}.toast.error[data-v-c6e07509]{background:var(--danger);color:#fff}.center[data-v-778f5b7b]{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}:root{--bg: #f9f9fb;--pane: #ffffff;--pane-alt: #f0f0f4;--toolbar: #e9e9ed;--border: #d7d7db;--text: #15141a;--text-muted: #5b5b66;--accent: #0061e0;--accent-text: #ffffff;--selection: #0061e0;--selection-text: #ffffff;--selection-inactive: #dfe8f6;--hover: #e8e8ee;--star: #e8a200;--danger: #c50042;--success: #017a40;--shadow: 0 8px 32px rgba(0, 0, 0, .18);--radius: 6px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #1c1b22;--pane: #232229;--pane-alt: #2b2a33;--toolbar: #2b2a33;--border: #3a3944;--text: #fbfbfe;--text-muted: #adadb8;--accent: #3b8cff;--selection: #1f5fbf;--selection-inactive: #33405a;--hover: #33323b;--star: #ffbd4f;--danger: #ff6b8b;--success: #4fd18b;--shadow: 0 8px 32px rgba(0, 0, 0, .5);color-scheme:dark}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:13px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text);background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}.icon{flex-shrink:0;vertical-align:middle}.btn{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--pane);cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn.primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}.btn.danger{color:var(--danger)}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover:not(:disabled){background:var(--hover)}.input{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--pane)}.input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.muted{color:var(--text-muted)}.error-text{color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal{background:var(--pane);border-radius:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;max-height:calc(100vh - 32px);width:100%}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:15px;font-weight:600}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;border:2px solid transparent;background-clip:content-box}
