.selection-area{min-block-size:100%;min-inline-size:100%;position:relative}.selection-area--desktop{z-index:0;position:absolute;inset:0}.selection-area--active{-webkit-user-select:none;user-select:none;cursor:default}.selection-area__rubberband{z-index:2;box-sizing:border-box;border:1px solid var(--rubberband-border);background:var(--rubberband-bg);box-shadow:none;pointer-events:none;border-radius:0;position:absolute}
.about{box-sizing:border-box;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;padding:var(--about-content-padding);overflow:auto}.about__inner{align-items:center;gap:var(--about-content-gap);inline-size:min(100%, var(--about-content-max-inline-size));flex-direction:column;margin-inline:auto;display:flex}.about__logo{inline-size:var(--about-logo-size);block-size:var(--about-logo-size);border:1px solid var(--about-list-border);border-radius:var(--about-logo-radius);background:var(--headerbar-bg);color:var(--window-fg);font-size:var(--about-logo-letter-size);flex:none;place-items:center;font-weight:700;line-height:1;display:grid}.about__logo img{object-fit:cover;border-radius:inherit;block-size:100%;inline-size:100%}.about__title{text-align:center;margin:0;font-size:200%;font-weight:800;line-height:1.2}.about__list{box-sizing:border-box;border:1px solid var(--about-list-border);border-radius:var(--about-list-radius);background:var(--window-bg);inline-size:100%;margin:0;overflow:hidden}.about__groups,.about__group{flex-direction:column;gap:8px;inline-size:100%;display:flex}.about__groups{gap:20px}.about__group-title{opacity:.65;margin:0;font-size:90%;font-weight:600}.about__row{min-block-size:var(--about-row-min-block-size);padding-block:var(--about-row-padding-block);padding-inline:var(--about-row-padding-inline);justify-content:space-between;align-items:center;gap:16px;column-gap:var(--about-row-gap);display:flex}.about__row+.about__row{border-block-start:1px solid var(--about-row-divider)}.about__row dt{opacity:.55}.about__row dd{text-align:end;margin:0}:root[data-viewport-mode=mobile] .about{padding:16px}:root[data-viewport-mode=mobile] .about__inner{gap:16px}:root[data-viewport-mode=mobile] .about__logo{block-size:min(44vw,144px);inline-size:min(44vw,144px)}:root[data-viewport-mode=mobile] .about__title{overflow-wrap:anywhere;font-size:160%}:root[data-viewport-mode=mobile] .about__row{flex-direction:column;align-items:flex-start;gap:4px}:root[data-viewport-mode=mobile] .about__row dd{text-align:start;overflow-wrap:anywhere;max-inline-size:100%}
.browser-app{box-sizing:border-box;justify-content:center;align-items:flex-start;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;padding-block-start:24px;display:flex;overflow:auto}.browser-content{flex-direction:column;gap:20px;inline-size:min(560px,100% - 48px);display:flex}.browser-search{box-sizing:border-box;color:#000;min-block-size:32px;inline-size:100%;font:inherit;background:#fff;border:1px solid #cdcdcd;border-radius:6px;flex:none;padding-block:0;padding-inline:8px;transition:background-color .25s,border-color .25s,color .25s}.browser-results{gap:22px;margin:0;padding:0;list-style:none;display:grid}.browser-live:empty{display:none}.browser-live{opacity:.7;margin:-12px 0 0;font-size:85%}.browser-result{flex-direction:column;align-items:flex-start;gap:6px;min-inline-size:0;display:flex}.browser-result__site{align-items:center;gap:9px;min-inline-size:0;display:flex}.browser-result__icon,.browser-result__fallback{border-radius:50%;flex:none;block-size:28px;inline-size:28px}.browser-result__icon{object-fit:contain;background:#fff}.browser-result__fallback{color:#3d3846;background:#deddda;place-items:center;font-size:85%;display:grid}.browser-result__site-text{flex-direction:column;gap:1px;min-inline-size:0;display:flex}.browser-result__site-name{text-overflow:ellipsis;white-space:nowrap;font-size:92%;overflow:hidden}.browser-result__host{overflow-wrap:anywhere;color:#5f6368;max-inline-size:100%;font-size:85%;text-decoration:none}.browser-result__extra{color:#5f6368;font-size:85%}.browser-result__title{color:var(--browser-result-link);overflow-wrap:anywhere;font-size:20px;line-height:1.35;text-decoration:none}.browser-result__title:hover{text-decoration:underline}.browser-result__title:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid #ef8661b3}.browser-result__description,.browser-empty{margin:0;line-height:1.45}.browser-result__description{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;opacity:.8;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.browser-empty{opacity:.65}.browser-search:focus{outline-offset:-2px;outline:2px solid #ef8661b3}:root[data-theme=dark] .browser-search{color:#fff;background:#272727;border-color:#131313}:root[data-theme=dark] .browser-result__host,:root[data-theme=dark] .browser-result__extra{color:#b0b0b0}:root[data-theme=dark] .browser-result__fallback{color:#f6f5f4;background:#45434b}@media (prefers-reduced-motion:reduce){.browser-search{transition:none}}:root[data-viewport-mode=mobile] .browser-app{justify-content:stretch;padding:16px}:root[data-viewport-mode=mobile] .browser-content{gap:16px;inline-size:100%}:root[data-viewport-mode=mobile] .browser-search{min-block-size:44px;font-size:16px}:root[data-viewport-mode=mobile] .browser-result__site-name,:root[data-viewport-mode=mobile] .browser-result__extra{overflow-wrap:anywhere;white-space:normal;max-inline-size:100%}:root[data-viewport-mode=mobile] .browser-result__description{display:block}
.files-app{block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;display:flex;position:relative;overflow:hidden}.files-sidebar{box-sizing:border-box;flex:0 0 var(--sidebar-width);inline-size:var(--sidebar-width);border-inline-end:var(--sidebar-border-width) solid var(--sidebar-border);background:var(--sidebar-bg);block-size:100%;overflow:auto}.files-sidebar[hidden]{display:none}.files-project{min-block-size:36px;inline-size:calc(100% - 12px);color:inherit;text-align:start;text-overflow:ellipsis;white-space:nowrap;cursor:default;background:0 0;border:0;border-radius:6px;margin-block:0 2px;margin-inline:6px;padding-block:0;padding-inline:8px;display:block;overflow:hidden}.files-project:hover{background:#dedede}:root[data-theme=dark] .files-project:hover{background:#484848}.files-project.is-selected{background:#ebebeb}:root[data-theme=dark] .files-project.is-selected{background:#3c3c3c}.files-project:focus-visible,.files-back:focus-visible,.files-breadcrumb button:focus-visible,.files-entry:focus-visible{outline-offset:1px;outline:2px solid #ef8661b3}.files-app__content{flex-direction:column;flex:auto;min-block-size:0;min-inline-size:0;display:flex;overflow:auto}.files-app__selection{flex:auto;min-block-size:0;inline-size:100%}.files-breadcrumb{border-block-end:1px solid var(--sidebar-border);align-items:center;gap:4px;min-block-size:36px;padding-inline:12px;display:flex}.files-breadcrumb button,.files-back{color:inherit;cursor:default;background:0 0;border:0;border-radius:6px;padding:4px 8px}.files-breadcrumb button:hover,.files-back:hover{background:var(--sidebar-toggle-hover-bg)}.files-back{margin:6px}.files-status{margin:12px}.files-list{padding-block:6px}.files-entry{cursor:default;border-radius:6px;grid-template-columns:minmax(180px,1fr) minmax(64px,100px) minmax(64px,100px) minmax(100px,160px);align-items:center;gap:8px;min-block-size:36px;padding-inline:10px;display:grid}.files-entry:hover{background:var(--sidebar-toggle-hover-bg)}.files-entry.is-selected{background:var(--sidebar-toggle-active-bg)}.files-entry__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.files-preview{z-index:10;background:var(--window-bg);color:var(--window-fg);flex-direction:column;display:flex;position:absolute;inset:0}.files-preview__header{background:var(--headerbar-bg);border-block-end:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;gap:12px;min-block-size:40px;padding-inline:12px;display:flex}.files-preview__header button{border:1px solid var(--sidebar-border);color:inherit;background:var(--window-bg);border-radius:6px;padding:5px 10px}.files-preview__body{flex:1;min-block-size:0;overflow:auto}.files-preview__body pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px}.files-preview__body img{object-fit:contain;max-block-size:100%;max-inline-size:100%;margin:auto;display:block}.files-preview__body iframe{border:0;block-size:100%;inline-size:100%;display:block}.files-sidebar-toggle{box-sizing:border-box;min-block-size:var(--sidebar-toggle-min-block-size);padding-block:var(--sidebar-toggle-padding-block);padding-inline:var(--sidebar-toggle-padding-inline);border-radius:var(--sidebar-toggle-radius);color:inherit;cursor:default;background:0 0;border:0;place-items:center;display:grid}.files-sidebar-toggle:hover{background:var(--sidebar-toggle-hover-bg)}.files-sidebar-toggle[aria-pressed=true]{background:var(--sidebar-toggle-active-bg)}.files-sidebar-toggle__icon{inline-size:var(--sidebar-toggle-icon-size);block-size:var(--sidebar-toggle-icon-size);background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .files-sidebar-toggle__icon{-webkit-mask-image:url(../media/sidebar-show-symbolic.0osmjeguj9ltu.svg);mask-image:url(../media/sidebar-show-symbolic.0osmjeguj9ltu.svg)}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .files-sidebar-toggle__icon{-webkit-mask-image:url(../media/sidebar-show-rtl-symbolic.0ugpst84eqg_0.svg);mask-image:url(../media/sidebar-show-rtl-symbolic.0ugpst84eqg_0.svg)}:root[data-viewport-mode=mobile] .files-sidebar{z-index:4;max-block-size:100%;inline-size:min(82vw,280px);position:absolute;inset-block:0;inset-inline-start:0;box-shadow:0 8px 24px #0000003d}:root[data-viewport-mode=mobile] .files-project,:root[data-viewport-mode=mobile] .files-breadcrumb button,:root[data-viewport-mode=mobile] .files-back,:root[data-viewport-mode=mobile] .files-preview__header button{min-block-size:44px}:root[data-viewport-mode=mobile] .files-breadcrumb{flex-wrap:wrap;padding-inline:8px}:root[data-viewport-mode=mobile] .files-entry{grid-template-columns:minmax(0,1fr);gap:2px;min-block-size:54px;padding-block:7px;padding-inline:12px}:root[data-viewport-mode=mobile] .files-entry>:not(.files-entry__name){display:none}:root[data-viewport-mode=mobile] .files-entry__name{white-space:normal;overflow-wrap:anywhere}
.mail{box-sizing:border-box;block-size:100%;min-block-size:0;inline-size:100%;min-inline-size:0;padding:24px;overflow:auto}.mail__inner{flex-direction:column;gap:16px;min-block-size:100%;inline-size:min(100%,480px);margin-inline:auto;display:flex}.mail__title{color:var(--window-fg);text-align:center;margin:0;font-size:150%;font-weight:700}.mail__list{box-sizing:border-box;border:1px solid var(--about-list-border);border-radius:var(--about-list-radius);background:var(--window-bg);inline-size:100%;color:var(--window-fg);margin:0;overflow:hidden}.mail__row{justify-content:space-between;align-items:center;gap:12px;min-block-size:54px;padding-block:8px;padding-inline:12px;display:flex}.mail__row dt{opacity:.65}.mail__details{justify-content:flex-end;align-items:center;gap:8px;min-inline-size:0;margin:0;display:flex}.mail__address{overflow-wrap:anywhere;min-inline-size:0;color:inherit;-webkit-user-select:text;user-select:text;unicode-bidi:isolate}.mail__visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.mail__form{flex-direction:column;flex:1 0 auto;gap:12px;display:flex}.mail__honeypot{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.mail__field{color:var(--window-fg);flex-direction:column;gap:5px;display:flex}.mail__field input,.mail__field textarea{box-sizing:border-box;border:1px solid var(--mail-entry-border);background:var(--mail-entry-bg);min-block-size:32px;inline-size:100%;color:var(--mail-entry-fg);font:inherit;border-radius:6px;padding-block:5px;padding-inline:8px;transition:border-color .25s,background-color .25s}.mail__field textarea{resize:block;flex:auto;min-block-size:100px}.mail__field input:focus,.mail__field textarea:focus{outline-offset:-2px;outline:2px solid #ef8661b3}.mail__field input::placeholder,.mail__field textarea::placeholder{color:var(--mail-placeholder);opacity:1}.mail__field [aria-invalid=true]{border-color:#c01c28}.mail__copy,.mail__send{box-sizing:border-box;border:1px solid var(--headerbar-border);background:var(--headerbar-bg);min-block-size:34px;color:var(--window-fg);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding-block:4px;padding-inline:10px;display:inline-flex}.mail__copy:focus-visible,.mail__send:focus-visible{outline-offset:-2px;outline:2px solid #ef8661b3}.mail__send{color:#fff;background:#e95420;border-color:#e95420;align-self:end}.mail__send:hover:not(:disabled){background:#c34113}.mail__send:disabled{cursor:wait;opacity:.7}.mail__status{color:var(--window-fg);margin:0}.mail__status--error{color:#c01c28}:root{--mail-entry-border:#cdcdcd;--mail-entry-bg:#fff;--mail-entry-fg:#000;--mail-placeholder:#595959}:root[data-theme=dark]{--mail-entry-border:#131313;--mail-entry-bg:#272727;--mail-entry-fg:#fff;--mail-placeholder:#b8b8b8}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--mail-entry-border:#131313;--mail-entry-bg:#272727;--mail-entry-fg:#fff;--mail-placeholder:#b8b8b8}}@media (prefers-reduced-motion:reduce){.mail__field input,.mail__field textarea{transition:none}}:root[data-viewport-mode=mobile] .mail{padding:12px}:root[data-viewport-mode=mobile] .mail__inner{gap:12px;inline-size:100%}:root[data-viewport-mode=mobile] .mail__row{flex-direction:column;align-items:flex-start;gap:4px}:root[data-viewport-mode=mobile] .mail__details{justify-content:flex-start;inline-size:100%}:root[data-viewport-mode=mobile] .mail__form{flex:none;padding-block-end:12px}:root[data-viewport-mode=mobile] .mail__field input,:root[data-viewport-mode=mobile] .mail__field textarea{min-block-size:44px;font-size:16px}:root[data-viewport-mode=mobile] .mail__field textarea{min-block-size:120px}:root[data-viewport-mode=mobile] .mail__send{align-self:stretch;min-block-size:48px;position:sticky;inset-block-end:0}
