.mail{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.mail-bar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mail-bar__left{align-items:center;gap:var(--space-3);flex-wrap:wrap;min-width:0;display:flex}.mail-bar__right{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-search{align-items:center;gap:var(--space-2);min-width:0;display:flex}.mail-search__field{min-width:0;width:min(100%, calc(var(--space-20) * 4))}.mail-account{font-size:var(--size-xs);color:var(--text-muted);overflow-wrap:anywhere;margin:0}.mail-line{font-size:var(--size-sm);color:var(--state-danger);margin:0}.mail-line[data-tone=ok]{color:var(--state-success)}.mail-body{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@media (min-width:48rem){.mail:not([data-compact=true]) .mail-body[data-open=true]{grid-template-columns:minmax(0, calc(var(--space-20) * 4.5)) minmax(0, 1fr);align-items:start}.mail:not([data-compact=true]) .mail-body[data-open=true] .mail-back{display:none}}.mail-body[data-open=true] .mail-list{display:none}@media (min-width:48rem){.mail:not([data-compact=true]) .mail-body[data-open=true] .mail-list{display:flex}}.mail-list{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.mail-list__card{flex-direction:column;display:flex;overflow:hidden}.mail-row{align-items:center;gap:var(--space-1);width:100%;min-height:var(--target-min);padding-right:var(--space-2);border-top:var(--stroke-hairline) solid var(--border-hairline);color:var(--text-primary);transition:background var(--duration-fast) var(--ease-standard);background:0 0;grid-template-columns:auto auto minmax(0,1fr);display:grid;position:relative}.mail-row:first-child{border-top:0}.mail-row:hover,.mail-row[data-current=true]{background:var(--surface-sunken)}.mail-row__pick,.mail-row__star{width:var(--target-min);min-height:var(--target-min);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.mail-row__pick input,.mail-check input{width:var(--space-4);height:var(--space-4);accent-color:var(--action-primary);cursor:pointer}.mail-row__pick:focus-within,.mail-row__star:focus-visible,.mail-row__open:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:calc(var(--space-1) * -1);border-radius:var(--radius-control)}.mail-row__star-mark{width:var(--space-4);height:var(--space-4);background:var(--text-muted);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:block}.mail-row__star-mark[data-on=true]{background:var(--state-warning)}.mail-row__open{align-items:center;gap:var(--space-1) var(--space-3);min-width:0;min-height:var(--target-min);padding:var(--space-2);text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"who right""text text";display:grid}@media (min-width:64rem){.mail:not([data-compact=true]) .mail-body[data-open=false] .mail-row__open{grid-template-columns:minmax(0, calc(var(--space-20) * 2)) minmax(0, 1fr) auto;grid-template-areas:"who text right"}}.mail-row__who{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--size-sm);color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;grid-area:who;display:flex;overflow:hidden}.mail-row[data-unread=true] .mail-row__who,.mail-row[data-unread=true] .mail-row__subject{font-weight:var(--weight-semibold);color:var(--text-primary)}.mail-row__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--action-primary);flex:none}.mail-row__flag{flex:none}.mail-row__right{align-items:center;gap:var(--space-2);flex:none;grid-area:right;display:flex}.mail-row__when{font-size:var(--size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.mail-row__clip{width:var(--space-3);height:var(--space-4);border:var(--stroke-hairline) solid var(--text-muted);border-radius:var(--radius-pill);flex:none}.mail-row__text{align-items:baseline;gap:var(--space-2);grid-area:text;min-width:0;display:flex;overflow:hidden}.mail-row__subject{font-size:var(--size-md);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:none;max-width:100%;overflow:hidden}.mail-row__snippet{font-size:var(--size-sm);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mail-row__count{font-variant-numeric:tabular-nums;color:var(--text-muted)}.mail-row__actions{align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}@media (hover:hover) and (min-width:48rem){.mail-row__actions{right:var(--space-2);padding:0 var(--space-1);background:var(--surface-raised);border-radius:var(--radius-control);box-shadow:var(--elevation-lifted);opacity:0;pointer-events:none;flex-wrap:nowrap;grid-column:auto;position:absolute;top:50%;transform:translateY(-50%)}.mail-row:hover .mail-row__actions,.mail-row:focus-within .mail-row__actions{opacity:1;pointer-events:auto}}.mail-list__more{justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-2);flex-wrap:wrap;display:flex}.mail-thread{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.mail-thread__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-thread__subject{font-size:var(--size-lg);font-weight:var(--weight-medium);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.mail-message{gap:var(--space-2);flex-direction:column;display:flex}.mail-message-card[data-mine=true]{background:var(--surface-sunken)}.mail-message__meta{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-3);font-size:var(--size-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.mail-message__from{font-weight:var(--weight-medium);color:var(--text-primary);overflow-wrap:anywhere}.mail-message__to{font-size:var(--size-xs);color:var(--text-muted);overflow-wrap:anywhere}.mail-message__when{font-size:var(--size-xs);color:var(--text-muted);font-variant-numeric:tabular-nums}.mail-message__body{font-family:var(--font-sans);font-size:var(--size-sm);color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.mail-html{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.mail-html__pictures{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-3);border:var(--stroke-hairline) solid var(--border-hairline);border-radius:var(--radius-control);background:var(--surface-sunken);flex-wrap:wrap;display:flex}.mail-html__pictures-line{font-size:var(--size-xs);color:var(--text-secondary);margin:0}.mail-html__frame{width:100%;min-height:calc(var(--space-20) * 2);border:var(--stroke-hairline) solid var(--border-hairline);border-radius:var(--radius-control);background:var(--fixed-white);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;display:block}.mail-compose{gap:var(--space-3);flex-direction:column;display:flex}.mail-compose__head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-compose__title{font-size:var(--size-md);font-weight:var(--weight-medium);color:var(--text-primary);margin:0}.mail-compose__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-lock{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.mail-lock__line{font-size:var(--size-sm);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.mail-lock__doc{font-family:var(--font-mono);font-size:var(--size-xs);color:var(--text-muted);margin:0}.mail-book{gap:var(--space-3);flex-direction:column;display:flex}.mail-book__grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:40rem){.mail-book__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.mail-book__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-connect{gap:var(--space-3);flex-direction:column;display:flex}.mail-connect__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.mail-connect__email{font-size:var(--size-md);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.mail-connect__meta{font-size:var(--size-xs);color:var(--text-muted);margin:0}.mail-connect__scopes{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mail-connect__scope{display:inline-flex}.mail-room__body{min-width:0}.mail-unread{font-size:var(--size-xs);font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.mail-gmail{gap:var(--space-2);white-space:nowrap}.mail-gmail__mark{height:var(--space-4);width:calc(var(--space-4) * 88 / 66);flex:none}@media (prefers-reduced-motion:reduce){.mail-row{transition:none}}.mail-shell{gap:var(--space-4);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}@media (min-width:48rem){.mail:not([data-compact=true]) .mail-shell{grid-template-columns:minmax(0, calc(var(--space-20) * 1.6)) minmax(0, 1fr);align-items:start}}.mail-rail{gap:var(--space-1);min-width:0;padding-bottom:var(--space-1);scrollbar-width:thin;flex-direction:row;display:flex;overflow-x:auto}@media (min-width:48rem){.mail:not([data-compact=true]) .mail-rail{flex-direction:column;overflow-x:visible}}.mail-rail__row{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);font-size:var(--size-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;text-decoration:none;display:flex}.mail-rail__row:hover{background:var(--surface-sunken)}.mail-rail__row:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:var(--space-1)}.mail-rail__row[aria-current]{background:var(--surface-sunken);color:var(--text-primary);font-weight:var(--weight-semibold)}.mail-rail__count{font-size:var(--size-xs);font-variant-numeric:tabular-nums;color:var(--text-muted)}.mail-rail__head{margin:var(--space-2) 0 0;padding:0 var(--space-3);font-size:var(--size-xs);color:var(--text-muted)}.mail-tools{align-items:center;gap:var(--space-2) var(--space-3);padding-bottom:var(--space-1);flex-wrap:wrap;display:flex}.mail-tools__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-check{align-items:center;gap:var(--space-2);min-height:var(--target-min);font-size:var(--size-xs);color:var(--text-muted);cursor:pointer;display:inline-flex}.mail-check__word{white-space:nowrap}.mail-menu{position:relative}.mail-menu__door{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border:var(--stroke-hairline) solid var(--border-hairline);border-radius:var(--radius-control);background:var(--surface-raised);font-size:var(--size-sm);color:var(--text-primary);cursor:pointer;align-items:center;list-style:none;display:inline-flex}.mail-menu__door::-webkit-details-marker{display:none}.mail-menu__door:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:var(--space-1)}.mail-menu__list{z-index:var(--layer-popover);min-width:calc(var(--space-20) * 2);gap:var(--space-1);margin-top:var(--space-1);padding:var(--space-1);flex-direction:column;display:flex;position:absolute;right:0}.mail-menu__row{min-height:var(--target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:var(--size-sm);color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;text-decoration:none;display:flex}.mail-menu__row:hover{background:var(--surface-sunken)}.mail-menu__row:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:calc(var(--space-1) * -1)}.mail-undo,.mail-scope{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.mail-search__help{font-size:var(--size-xs);color:var(--text-muted);flex-basis:100%;margin:0}.mail-thread__tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-message__head{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-min);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.mail-message__head:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:var(--space-1);border-radius:var(--radius-control)}.mail-message__head .mail-message__from,.mail-message__head .mail-message__to{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mail-message__right{align-items:center;gap:var(--space-2);flex:none;display:flex}.mail-message[data-open=false]{padding:var(--space-3) var(--space-4)}.mail-message__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.mail-quote__door{min-height:var(--target-min);padding:var(--space-1) var(--space-3);border:var(--stroke-hairline) solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--surface-sunken);font-size:var(--size-xs);color:var(--text-secondary);cursor:pointer;align-self:flex-start}.mail-quote__door:focus-visible{outline:var(--stroke-focus) solid var(--action-focus);outline-offset:var(--space-1)}.mail-clips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.mail-clips__chip{align-items:center;gap:var(--space-2);max-width:100%;min-height:var(--target-min);padding:var(--space-1) var(--space-3);border:var(--stroke-hairline) solid var(--border-hairline);border-radius:var(--radius-pill);font-size:var(--size-xs);color:var(--text-secondary);display:inline-flex}.mail-clips__size{font-variant-numeric:tabular-nums;color:var(--text-muted);flex:none}@media (prefers-reduced-motion:reduce){.mail-rail__row{transition:none}}