.ibx-field{margin-bottom:1.1rem}.ibx-field-top{justify-content:space-between;align-items:baseline;gap:.8rem;margin-bottom:.35rem;display:flex}.ibx-field label{font-weight:700}.ibx-count{color:var(--mute);font:500 .8rem/1.3 var(--f-mono);text-align:right;flex:none}.ibx-field input,.ibx-field textarea{border:.125rem solid var(--wash-2);background:var(--panel);width:100%;color:var(--ink);font:500 1rem/1.45 var(--f-body);resize:vertical;border-radius:.25rem;padding:.65rem .8rem;display:block}.ibx-field input:focus,.ibx-field textarea:focus{border-color:var(--ink);background:var(--paper);outline:0}.ibx-help{color:var(--mute);margin:.35rem 0 0;font-size:.86rem}.ibx-check{cursor:pointer;align-items:baseline;gap:.6rem;font-size:.93rem;display:flex}.ibx-check input{accent-color:var(--ink);flex:none}.ibx-actions{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.ibx-actions .copybtn{padding:.45rem .9rem;font-size:.92rem}.ibx-block[hidden]{display:none}.ibx-theme{gap:.3rem;margin-left:auto;display:flex}.ibx-theme .copybtn[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.ibx-none{color:var(--mute);margin:1rem 0 0}#ibx-snippet code{max-height:13rem;font-size:.82rem;overflow-y:auto}.ibx-stage{flex-wrap:wrap;gap:1.6rem 1.4rem;margin-top:1.2rem;display:flex}.ibx-mock{min-width:0;max-width:100%;margin:0}.ibx-mock.ibx-wide{flex:100%}.ibx-mock figcaption{flex-wrap:wrap;align-items:baseline;gap:.1rem .8rem;margin-bottom:.45rem;font-size:.9rem;display:flex}.ibx-seen{color:var(--mute);font-size:.82rem}.ibx-scroll{border:.125rem solid var(--ink);background:var(--m-bg);border-radius:.35rem;max-width:100%;overflow:auto hidden}.ibx-mock:not(.ibx-wide) .ibx-scroll{border-radius:1rem}.ibx-mock{--m-bg:#fff;--m-ink:#202124;--m-soft:#5f6368;--m-rule:#e4e7eb;--m-ghost:#e9ebee;--m-accent:#1a73e8;--m-avatar:#5b7083}.ibx-outlook-d,.ibx-outlook-m{--m-ink:#242424;--m-soft:#616161;--m-rule:#e0e0e0;--m-accent:#0f6cbd;--m-avatar:#8764b8}.ibx-apple-mac,.ibx-apple-m{--m-ink:#000;--m-soft:#85858b;--m-rule:#dcdce0;--m-accent:#007aff}.ibx-yahoo-d{--m-ink:#232a31;--m-soft:#6e7780;--m-rule:#e0e4e9;--m-accent:#6001d2}[data-theme=dark] .ibx-mock{--m-bg:#1f1f1f;--m-ink:#e8eaed;--m-soft:#9aa0a6;--m-rule:#3c4043;--m-ghost:#34373b;--m-accent:#8ab4f8;--m-avatar:#5b7083}[data-theme=dark] .ibx-outlook-d,[data-theme=dark] .ibx-outlook-m{--m-bg:#292929;--m-ink:#fff;--m-soft:#adadad;--m-rule:#3d3d3d;--m-ghost:#3a3a3a;--m-accent:#479ef5;--m-avatar:#8764b8}[data-theme=dark] .ibx-apple-mac{--m-bg:#1e1e1e;--m-ink:#fff;--m-soft:#98989f;--m-rule:#38383a;--m-ghost:#323234;--m-accent:#0a84ff}[data-theme=dark] .ibx-apple-m{--m-bg:#000;--m-ink:#fff;--m-soft:#98989f;--m-rule:#2c2c2e;--m-ghost:#242426;--m-accent:#0a84ff}[data-theme=dark] .ibx-yahoo-d{--m-bg:#1d2228;--m-ink:#f0f3f5;--m-soft:#b0b9c1;--m-rule:#33383f;--m-ghost:#2c3138;--m-accent:#b88cff}.ibx-frame{transform-origin:0 0;background:var(--m-bg);max-width:none;color:var(--m-ink);text-align:left;letter-spacing:0;font-stretch:100%}.ibx-row{box-sizing:border-box;border-bottom:1px solid var(--m-rule);align-items:center;display:flex}.ibx-frame .ibx-row:last-child{border-bottom:0}.ibx-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.ibx-empty{opacity:.45;font-style:italic}.ibx-snippet{color:var(--m-soft)}.ibx-date{color:var(--m-soft);white-space:nowrap;flex:none;margin-left:auto;padding-left:.6em}.ibx-col{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.ibx-r{align-items:baseline;min-width:0;display:flex}.ibx-r>.ibx-t{flex:0 auto}.ibx-line{flex:1 1 0;align-items:baseline;min-width:0;display:flex}.ibx-line .ibx-subject{flex:0 auto}.ibx-line .ibx-snippet{flex:1 1 0}.ibx-clamp{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ibx-probe{visibility:hidden;white-space:normal;overflow-wrap:anywhere;pointer-events:none;height:auto;display:block;position:absolute;overflow:visible}.ibx-col{position:relative}.ibx-box{border:2px solid var(--m-soft);opacity:.7;border-radius:2px;flex:none;width:14px;height:14px}.ibx-star{background:var(--m-soft);opacity:.55;clip-path:polygon(50% 0,62% 36%,100% 38%,70% 60%,80% 100%,50% 76%,20% 100%,30% 60%,0 38%,38% 36%);flex:none;width:16px;height:16px}.ibx-avatar{background:var(--m-avatar);color:#fff;border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.ibx-dot{background:var(--m-accent);border-radius:50%;flex:none;align-self:flex-start;width:10px;height:10px}.ibx-chev{border-right:2px solid var(--m-soft);border-top:2px solid var(--m-soft);opacity:.6;flex:none;align-self:center;width:7px;height:7px;margin-left:6px;transform:rotate(45deg)}.ibx-ghost{opacity:.9}.ibx-bar{background:var(--m-ghost);border-radius:5px;height:9px;display:block}.ibx-bar-a{flex:none;width:110px}.ibx-bar-b{flex:1 1 0;margin:0 16px}.ibx-bar-c{flex:none;width:40px}.ibx-mock:not(.ibx-wide) .ibx-ghost{flex-direction:column;justify-content:center;align-items:flex-start;gap:9px}.ibx-mock:not(.ibx-wide) .ibx-bar-b{flex:none;width:70%;margin:0}.ibx-mock:not(.ibx-wide) .ibx-bar-c{width:85%}.ibx-gmail-d .ibx-frame{font:400 14px/20px Roboto,Helvetica Neue,Arial,sans-serif}.ibx-gmail-d .ibx-row{gap:12px;height:40px;padding:0 16px}.ibx-gmail-d .ibx-from{flex:none;width:168px;margin-left:4px;font-weight:700}.ibx-gmail-d .ibx-subject{font-weight:700}.ibx-gmail-d .ibx-sep{color:var(--m-soft);flex:none;padding:0 5px}.ibx-gmail-d .ibx-date{color:var(--m-ink);font-size:12px;font-weight:700}.ibx-yahoo-d .ibx-frame{font:400 14px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.ibx-yahoo-d .ibx-row{gap:14px;height:44px;padding:0 14px}.ibx-yahoo-d .ibx-live{box-shadow:inset 3px 0 0 var(--m-accent)}.ibx-yahoo-d .ibx-from{flex:none;width:180px;font-weight:700}.ibx-yahoo-d .ibx-subject{padding-right:10px;font-weight:700}.ibx-yahoo-d .ibx-date{font-size:12px}.ibx-outlook-d .ibx-frame{font:400 14px/20px Segoe UI,"Segoe UI Web (West European)",-apple-system,Helvetica Neue,Arial,sans-serif}.ibx-outlook-d .ibx-row{align-items:flex-start;gap:10px;min-height:78px;padding:8px 12px 8px 10px}.ibx-outlook-d .ibx-live{box-shadow:inset 3px 0 0 var(--m-accent)}.ibx-outlook-d .ibx-avatar{width:28px;height:28px;margin-top:2px;font-size:12px}.ibx-outlook-d .ibx-from{font-weight:600}.ibx-outlook-d .ibx-subject{color:var(--m-accent);font-weight:600}.ibx-outlook-d .ibx-date{color:var(--m-accent);font-size:12px;font-weight:600}.ibx-apple-mac .ibx-frame{font:400 12px/16px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.ibx-apple-mac .ibx-row{align-items:flex-start;gap:7px;min-height:84px;padding:9px 14px 9px 8px}.ibx-apple-mac .ibx-dot{width:9px;height:9px;margin-top:4px}.ibx-apple-mac .ibx-from{font-size:13px;font-weight:700}.ibx-apple-mac .ibx-subject{color:var(--m-ink)}.ibx-apple-mac .ibx-date{font-size:12px}.ibx-gmail-m .ibx-frame{font:400 14px/20px Roboto,Helvetica Neue,Arial,sans-serif}.ibx-gmail-m .ibx-row{align-items:flex-start;gap:16px;min-height:84px;padding:10px 16px}.ibx-gmail-m .ibx-avatar{width:40px;height:40px;font-size:18px}.ibx-gmail-m .ibx-from{font-size:16px;font-weight:700;line-height:22px}.ibx-gmail-m .ibx-subject{font-weight:700}.ibx-gmail-m .ibx-date{color:var(--m-ink);font-size:12px;font-weight:700}.ibx-gmail-m .ibx-star{align-self:center;width:20px;height:20px;margin-left:auto}.ibx-gmail-m .ibx-r .ibx-snippet{flex:1 1 0;margin-right:12px}.ibx-outlook-m .ibx-frame{font:400 15px/20px Segoe UI,-apple-system,SF Pro Text,Roboto,Helvetica Neue,Arial,sans-serif}.ibx-outlook-m .ibx-row{align-items:flex-start;gap:12px;min-height:86px;padding:11px 16px}.ibx-outlook-m .ibx-avatar{width:40px;height:40px;font-size:16px}.ibx-outlook-m .ibx-from{font-size:17px;font-weight:600;line-height:22px}.ibx-outlook-m .ibx-subject{font-weight:600}.ibx-outlook-m .ibx-date{font-size:13px}.ibx-apple-m .ibx-frame{font:400 15px/20px -apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}.ibx-apple-m .ibx-row{align-items:flex-start;gap:9px;min-height:104px;padding:10px 16px 10px 10px}.ibx-apple-m .ibx-dot{margin-top:6px}.ibx-apple-m .ibx-from{font-size:17px;font-weight:600;line-height:22px}.ibx-apple-m .ibx-date{font-size:15px}@media (width<=40rem){.ibx-field-top{flex-wrap:wrap}.ibx-theme{margin-left:0}.ibx-mock{flex:100%}}