.mock.gmails{width:100%;container-type:inline-size}.gmails .ge{--ink:var(--clr-black-900);--muted:var(--clr-body-light);--faint:#a2a99f;--line:var(--clr-mint-200);--line-2:var(--clr-mint-300);--good:#1f7a5e;--serif:var(--font-display), Arial, sans-serif;aspect-ratio:100/80;font-size:1cqi;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);border:.12em solid var(--line);background:#fff;flex-direction:column;font-weight:500;line-height:1.25;display:flex;position:relative;overflow:hidden;box-shadow:0 1.2em 3.6em #1514140f}.mock.gmails.fill{height:100%}.gmails.fill .ge{aspect-ratio:auto;height:100%}.gmails small{font-size:inherit}.gmails .ge-head{border-bottom:.12em solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:2em;padding:1.9em 3em;display:flex}.gmails .ge-head b{white-space:nowrap;font-size:1.75em;font-weight:600}.gmails .ge-head .tag{white-space:nowrap;color:#1d6b53;background:var(--clr-celadon-200);border:.09em solid var(--clr-celadon-300);padding:.35em .8em;font-size:1.35em;font-weight:600}.gmails .ge-body{flex:1;grid-template-columns:36% minmax(0,1fr);min-height:0;display:grid}.gmails .ge-line{border-right:.12em solid var(--line);flex-direction:column;justify-content:space-around;margin:0;padding:2.6em 2.4em 2.6em 3.2em;list-style:none;display:flex;position:relative}.gmails .ge-line:before{content:"";background:var(--line);width:.12em;position:absolute;top:12%;bottom:12%;left:4.1em}.gmails .ge-line li{grid-template-columns:1.8em minmax(0,1fr);gap:.4em 1.6em;display:grid;position:relative}.gmails .ge-line .dot{border:.17em solid var(--line-2);background:#fff;grid-area:1/1/span 2;align-self:center;width:1.8em;height:1.8em;transition:border-color .3s,background .3s,box-shadow .3s}.gmails .ge-line .short{display:none}.gmails .ge-line .when{color:var(--muted);grid-column:2;font-size:1.35em}.gmails .ge-line .what{color:var(--faint);grid-column:2;font-size:1.8em;font-weight:600;transition:color .3s}.gmails .ge-line .st{color:var(--good);white-space:nowrap;opacity:0;grid-column:2;align-items:center;gap:.45em;margin-top:.15em;font-size:1.3em;transition:opacity .35s,transform .35s;display:flex;transform:translateY(.3em)}.gmails .ge-line .st svg{flex:none;width:1em;height:1em}.gmails .ge-line .st .paid{display:none}.gmails .ge-line li.is-cur .dot{border-color:var(--ink);box-shadow:0 0 0 .45em #5adeb759}.gmails .ge-line li.is-cur .what,.gmails .ge-line li.is-sent .what{color:var(--ink)}.gmails .ge-line li.is-sent .dot{background:var(--ink);border-color:var(--ink);box-shadow:inset 0 0 0 .3em #fff}.gmails .ge-line li.is-sent .st{opacity:1;transform:none}.gmails .ge-line li.is-paid .st .sent{display:none}.gmails .ge-line li.is-paid .st .paid{display:inline}.gmails .ge-pane{background:var(--clr-mint-50);min-width:0;padding:3em;position:relative}.gmails .ge-mails{height:100%;position:relative}.gmails .ge-e{border:.12em solid var(--line);opacity:0;visibility:hidden;background:#fff;flex-direction:column;gap:1.5em;padding:2.5em 2.8em 2.3em;display:flex;position:absolute;top:50%;left:0;right:0;translate:0 -50%;box-shadow:0 1em 2.8em -1.2em #15141433}.gmails .ge-e header{border-bottom:.12em solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1.3em;padding-bottom:1.5em;display:grid}.gmails .ge-e .av{width:1.9em;height:1.9em;font-family:var(--serif);font-weight:var(--display-weight);color:var(--clr-mint-50);background:var(--ink);place-items:center;font-size:2.1em;display:grid}.gmails .ge-e .from{flex-direction:column;gap:.25em;min-width:0;display:flex}.gmails .ge-e .from b{font-size:1.6em;font-weight:600}.gmails .ge-e .from small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:1.3em;overflow:hidden}.gmails .ge-e .time{color:var(--muted);white-space:nowrap;align-self:start;font-size:1.25em}.gmails .ge-e h6{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:-.02em;margin:0;font-size:3.3em;line-height:1.05}.gmails .ge-e p{color:var(--clr-body);margin:0;font-size:1.6em;line-height:1.45}.gmails .ge-e .btn{height:4.6em;color:var(--clr-mint-50);background:var(--ink);align-self:flex-start;align-items:center;padding:0 2em;transition:color .3s;display:inline-flex;position:relative;overflow:hidden}.gmails .ge-e .btn .lbl{z-index:1;white-space:nowrap;font-size:1.6em;font-weight:600;position:relative}.gmails .ge-e .btn .fill{background:var(--clr-celadon-400);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.gmails .ge-e .btn.is-paid{color:var(--ink)}.gmails .ge-e .by{color:var(--faint);font-size:1.2em}.gmails .ge-env{z-index:6;background:var(--ink);opacity:0;pointer-events:none;width:1.2em;height:1.2em;margin:-.6em 0 0 -.6em;position:absolute;top:0;left:0}@container (max-width:470px){.gmails .ge{aspect-ratio:100/86;font-size:1.42cqi}.gmails.fill .ge{aspect-ratio:auto}.gmails .ge-head{padding:1.6em 2.4em}.gmails .ge-head .tag{display:none}.gmails .ge-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.gmails .ge-line{border-right:0;border-bottom:.12em solid var(--line);flex-direction:row;justify-content:space-between;padding:2em 3.4em 1.8em}.gmails .ge-line:before{width:auto;height:.12em;inset:2.9em 6em auto}.gmails .ge-line li{grid-template-columns:auto;justify-items:center;row-gap:.7em}.gmails .ge-line .dot{grid-row:auto}.gmails .ge-line .when,.gmails .ge-line .what,.gmails .ge-line .st{display:none}.gmails .ge-line .short{color:var(--faint);font-size:1.45em;font-weight:600;transition:color .3s;display:block}.gmails .ge-line li.is-cur .short,.gmails .ge-line li.is-sent .short{color:var(--ink)}.gmails .ge-pane{padding:2em 2.4em}.gmails .ge-e{gap:1.3em;padding:2.2em 2.4em}.gmails .ge-e .time,.gmails .ge-e .by{display:none}.gmails .ge-e h6{font-size:3.3em}.gmails .ge-e p{font-size:1.75em}}@container (max-width:400px){.gmails .ge{aspect-ratio:100/108;font-size:max(7px,2.9cqi)}.gmails.fill .ge{aspect-ratio:auto}.gmails .ge-head{padding:.9em 1.4em}.gmails .ge-head b{font-size:1.4em}.gmails .ge-line{padding:1em 1.6em .9em}.gmails .ge-line:before{top:1.75em;left:3em;right:3em}.gmails .ge-line li{row-gap:.45em}.gmails .ge-line .dot{border-width:.15em;width:1.5em;height:1.5em}.gmails .ge-line .short{font-size:1.3em}.gmails .ge-pane{padding:1.2em}.gmails .ge-e{gap:.9em;padding:1.2em 1.3em}.gmails .ge-e header{gap:.8em;padding-bottom:.9em}.gmails .ge-e .av{font-size:1.5em}.gmails .ge-e .from b{font-size:1.35em}.gmails .ge-e .from small{font-size:1.3em}.gmails .ge-e h6{font-size:2.3em}.gmails .ge-e p{font-size:1.35em}.gmails .ge-e .btn{height:3.2em;padding:0 1.2em}.gmails .ge-e .btn .lbl{font-size:1.35em}.gmails .ge-env{width:.9em;height:.9em;margin:-.45em 0 0 -.45em}.gmails .m-pointer{width:1.9em}.gmails .m-tap{border-width:.2em;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em}}
.mock.rsync{width:100%;container-type:inline-size}.rsync .rs{--ink:var(--clr-black-900);--muted:var(--clr-body-light);--line:var(--clr-mint-200);--line-2:var(--clr-mint-300);--good:#1f7a5e;aspect-ratio:100/76;font-size:1cqi;font-family:var(--font-sans), system-ui, sans-serif;letter-spacing:-.02em;color:var(--ink);border:.12em solid var(--line);background:#fff;flex-direction:column;font-weight:500;line-height:1.25;display:flex;position:relative;overflow:hidden;box-shadow:0 1.2em 3.6em #1514140f}.mock.rsync.fill{height:100%}.rsync.fill .rs{aspect-ratio:auto;height:100%}.rsync small{font-size:inherit}.rsync .rs-head{border-bottom:.12em solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:2em;padding:1.9em 3em;display:flex}.rsync .rs-head b{white-space:nowrap;font-size:1.75em;font-weight:600}.rsync .rs-head .tag{white-space:nowrap;color:var(--clr-mist-400);background:var(--clr-mist-100);border:.09em solid var(--clr-mist-200);padding:.35em .8em;font-size:1.35em;font-weight:600}.rsync .rs-grid{flex:1;grid-template-rows:4em auto auto;grid-template-columns:11em repeat(7,minmax(0,1fr));align-content:center;gap:.7em;padding:2.6em 3em 1.6em;display:grid}.rsync .rs-hd{color:var(--muted);white-space:nowrap;place-self:center;font-size:1.35em}.rsync .rs-hd.we{color:var(--ink);font-weight:600}.rsync .rs-lbl{white-space:nowrap;align-self:center;font-size:1.45em;font-weight:600}.rsync .rs-cell{background:var(--clr-mint-50);border:.12em solid var(--line);place-items:center;min-width:0;min-height:5.4em;transition:background .3s,border-color .3s;display:grid}.rsync .rs-cell .v{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.6em;font-weight:600;display:inline-block}.rsync .rs-min .v{color:var(--clr-body);font-size:1.35em;font-weight:500}.rsync .rs-cell.is-sel{background:var(--clr-celadon-50);border-color:var(--ink)}.rsync .rs-cell.is-new{background:var(--clr-celadon-200);border-color:var(--clr-celadon-400)}.rsync .rs-min.is-new .v{color:var(--ink);font-weight:600}.rsync .rs-bar{flex:none;justify-content:space-between;align-items:center;gap:2em;margin:0 3em;padding:1.6em 0 2em;display:flex}.rsync .rs-note{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:1.4em;overflow:hidden}.rsync .rs-note.is-set{color:var(--ink);font-weight:600}.rsync .rs-btn{min-width:17em;height:4.6em;color:var(--muted);background:var(--line);flex:none;justify-content:center;align-items:center;padding:0 2em;transition:background .35s,color .35s;display:inline-flex}.rsync .rs-btn.is-on{color:var(--clr-mint-50);background:var(--ink)}.rsync .rs-btn.is-done{color:var(--ink);background:var(--clr-celadon-400)}.rsync .rs-btn .lbl{white-space:nowrap;font-size:1.55em;font-weight:600}.rsync .rs-chs{background:var(--clr-mint-50);border-top:.12em solid var(--line);flex:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:1em;padding:2em 3em 2.4em;display:grid}.rsync .rs-ch{border:.12em solid var(--line);background:#fff;align-items:center;gap:1em;min-width:0;padding:1em;transition:border-color .35s;display:flex;position:relative}.rsync .rs-ch.is-done{border-color:var(--clr-celadon-400)}.rsync .rs-ch .mk{background:var(--bg);border:.12em solid var(--border);flex:none;place-items:center;width:3.6em;height:3.6em;display:grid}.rsync .rs-ch .mk img,.rsync .rs-ch .mk svg{object-fit:contain;width:52%;height:52%}.rsync .rs-ch .mk.wide img{width:76%}.rsync .rs-ch .tx{flex-direction:column;gap:.25em;min-width:0;display:flex}.rsync .rs-ch b{white-space:nowrap;text-overflow:ellipsis;font-size:1.3em;font-weight:600;overflow:hidden}.rsync .rs-ch .val{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:1.2em;overflow:hidden}.rsync .rs-ch.is-done .val{color:var(--good);font-weight:600}.rsync .rs-ch .ok{box-sizing:border-box;width:2.2em;height:2.2em;color:var(--ink);background:var(--clr-celadon-300);opacity:0;padding:.45em;transition:opacity .3s,transform .3s;position:absolute;top:-.9em;right:-.9em;transform:scale(.4)}.rsync .rs-ch.is-done .ok{opacity:1;transform:none}.rsync .rs-env{z-index:6;background:var(--ink);opacity:0;pointer-events:none;width:1.2em;height:1.2em;margin:-.6em 0 0 -.6em;position:absolute;top:0;left:0}@container (min-width:480px){.rsync .rs-ch{gap:.5em}}@container (max-width:470px){.rsync .rs{aspect-ratio:100/84;font-size:1.42cqi}.rsync .rs-cell{min-height:6.2em}.rsync.fill .rs{aspect-ratio:auto}.rsync .rs-head{padding:1.6em 2.4em}.rsync .rs-head .tag{display:none}.rsync .rs-grid{grid-template-columns:10em repeat(4,minmax(0,1fr));padding:2em 2.4em 1.2em}.rsync .rs-grid>[data-i="0"],.rsync .rs-grid>[data-i="1"],.rsync .rs-grid>[data-i="2"]{display:none}.rsync .rs-bar{margin:0 2.4em}.rsync .rs-note{display:none}.rsync .rs-btn{width:100%}.rsync .rs-chs{gap:.8em;padding:1.6em 2.4em 2em}.rsync .rs-ch{justify-content:center;padding:.8em}.rsync .rs-ch .tx{display:none}.rsync .rs-ch .mk{width:4em;height:4em}}@container (max-width:400px){.rsync .rs{aspect-ratio:100/90;font-size:max(7px,2.9cqi)}.rsync.fill .rs{aspect-ratio:auto}.rsync .rs-head{padding:.8em 1.4em}.rsync .rs-head b{text-overflow:ellipsis;font-size:1.4em;overflow:hidden}.rsync .rs-grid{grid-template-rows:2.4em auto auto;grid-template-columns:9.8em repeat(3,minmax(0,1fr));gap:.6em;padding:1.2em 1.4em .8em}.rsync .rs-grid>[data-i="6"]{display:none}.rsync .rs-hd,.rsync .rs-lbl,.rsync .rs-min .v{font-size:1.35em}.rsync .rs-cell{min-height:3.6em}.rsync .rs-cell .v{font-size:1.5em}.rsync .rs-bar{margin:0 1.4em;padding:.6em 0 1em}.rsync .rs-btn{min-width:0;height:3.2em}.rsync .rs-btn .lbl{font-size:1.35em}.rsync .rs-chs{gap:.6em;padding:.9em 1.4em 1em}.rsync .rs-ch{padding:.5em}.rsync .rs-ch .mk{width:2.8em;height:2.8em}.rsync .rs-ch .ok{width:1.6em;height:1.6em;padding:.3em;top:-.6em;right:-.6em}.rsync .rs-env{width:.9em;height:.9em;margin:-.45em 0 0 -.45em}.rsync .m-pointer{width:1.9em}.rsync .m-tap{border-width:.2em;width:3.2em;height:3.2em;margin:-1.6em 0 0 -1.6em}}