.demo{border-bottom:1px solid var(--gray);min-height:300px;font-size:12px;position:relative}.editor-wrapper{margin:0 calc(0rem - var(--padding-x));padding:2rem 1em 0;overflow:hidden}.editor-container{border-radius:var(--border-radius) var(--border-radius) 0 0;background-color:var(--compose-bg);text-align:left;width:100%;max-width:400px;height:240px;margin:0 auto;position:relative;box-shadow:0 2px 24px #0101341a}.email-header-field{border-radius:var(--border-radius) var(--border-radius) 0 0;color:#010134;background-color:#dff6ff;border-top:1px solid #ffffffb3;padding:10px;font-weight:700}.to-field{border-bottom:1px solid var(--gray);padding:10px}.to-field .to{opacity:.5;margin-right:10px}.demo-hint{z-index:2;height:6rem;padding:.5em var(--padding-x);margin:0 calc(0rem - var(--padding-x));background:linear-gradient(var(--body-bg), var(--body-bg) 50%, rgba(var(--body-bg-rgb), .1));text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-size:2em;position:relative;top:0;left:0}@media (width>=768px){.demo-hint{height:auto}}@keyframes blinker{0%{background-color:var(--compose-bg)}50%{background-color:#ffe5a2}to{background-color:var(--compose-bg)}}.blink{padding:3px;animation-name:blinker;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:2}.demo-editor{outline:none;width:100%;height:155px;padding:10px;position:relative;overflow:auto}.gdemo-dropdown{z-index:2;border-radius:var(--border-radius);--color-active-lightness:96%;--padding:8px;background:#fff;border:1px solid silver;width:260px;margin:5px 0 0;padding:0;font-size:13px;display:none;position:absolute;box-shadow:1px 1px 3px #0000001a}.gdemo-dropdown-show{display:block!important}.gdemo-dropdown *{box-sizing:border-box}.gdemo-dropdown-content{max-height:16em;margin:0;padding:0;list-style-type:none;display:block;overflow:hidden auto}.gdemo-dropdown-content li{padding:var(--padding);cursor:pointer;color:#000;text-overflow:ellipsis;max-width:20em;line-height:1.2;position:relative;overflow:hidden}.gdemo-dropdown-content li.default{cursor:default;max-height:4em}.gdemo-dropdown-content li.active{background:hsl(0, 0%, var(--color-active-lightness))}.g-dropdown-toolbar{padding:4px}.g-dropdown-toolbar button{appearance:none;color:#444;text-shadow:0 1px #f0f0f0;cursor:pointer;background:linear-gradient(#ededed,#ededed 38%,#dedede);border:1px solid #00000040;border-radius:2px;transition:all .1s ease-out;box-shadow:0 1px #00000014,inset 0 1px 2px #ffffffbf}.g-dropdown-toolbar .g-hide-button{visibility:hidden;float:right;margin-top:4px;font-size:12px}.gdemo-title{white-space:nowrap;text-overflow:ellipsis;padding:0 3em .4em 0;display:block;overflow:hidden}.gdemo-body{color:#333;text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap!important}.gdemo-shortcut{top:calc(var(--padding) - 1px);right:var(--padding);border:1px solid hsl(0, 0%, calc(var(--color-active-lightness) - 8%));background:hsl(0, 0%, calc(var(--color-active-lightness) - 4%));border-radius:2px;padding:2px 4px;font-family:monospace;font-size:.8em;position:absolute}.gdemo-dropdown-search{width:100%;padding:var(--padding);border-radius:calc(var(--border-radius) + 1px) calc(var(--border-radius) + 1px) 0 0;background-color:#fff;border:0 solid #ebebeb;border-bottom-width:1px;font-size:1em;display:block}.gdemo-dropdown-search:focus{outline:none}.demo-btn{z-index:1;visibility:hidden;cursor:pointer;appearance:none;background-color:#f3f4f5cc;border:0;border-radius:5px;width:2.4em;height:2.4em;padding:.5em;transition:all .1s ease-out;display:block;position:absolute;top:82px;right:8px}.demo-btn:hover{color:#000;background-color:#e9eaec;box-shadow:0 0 12px #0000001a;opacity:1!important}.demo-btn:before{content:"";visibility:hidden;border:5px solid #0000;border-top-width:0;border-bottom-color:#fff;margin:0 0 0 -5px;display:block;position:absolute;bottom:-3px;left:50%}.demo-btn:after{content:"";background-image:url("data:image/svg+xml;utf8,<svg width=\"13\" height=\"13\" viewBox=\"0 0 3.4395831 3.4395833\" xml:space=\"preserve\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.69343 1.45229596c-.0242.17965282-.11245.33412075-.26816.6036032l-.0778.09736384c-.0778.13473747-.24915.26948031-.34258.26948031H.20979l-.151.3769413c-.0836.14929158-.0728.26948246.0244.26948246h2.36732c.0971 0 .2427-.12019088.32636-.26948246l.60401-1.0779019c.0836-.14929158.0728-.26948031-.0244-.26948031z\" fill=\"%230d7af6\"/><path d=\"M.88259.37041704h1.07768c.62866 0 .76337.40481154.31434 1.21443354l-.0749.13493718c-.0749.13493718-.2395.26987543-.3293.26987543H.07425c-.0898 0-.0898-.16192483-.0299-.26987436L.71792.50535422C.76282.4243859.82868.37041597.88257.37041704z\" fill=\"%230d7af6\" /><path d=\"M.6352 1.09207444h.72151L1.07358.77796868l.0933-.10362356.39562.43910255v.10362356l-.39562.43910362-.0933-.10362356.28313-.31410575H.6352zM1.83896.66071225v1.01055142h-.15277V.66071225z\" fill=\"white\"/></svg>");background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%;display:block;position:relative;top:0;left:0}.g-dropdown-toolbar-highlighted{padding:5px;font-size:10px}.g-search-arrow,.g-template-arrow{background-image:url("data:image/svg+xml;utf8,<svg width=\"33.588619mm\" height=\"51.988194mm\" viewBox=\"0 0 33.588619 51.988194\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M.260434 51.56347c-.64491-.77706-.17515-1.36238 2.35046-2.92868 7.049413-4.37183 14.436523-13.07993 18.325553-21.6026 2.51038-5.5014 4.82824-13.62176 5.8997-20.66899l.48273-3.175.0342 2.1868c.0787 5.03437-1.64087 14.11021-3.86335 20.39098-3.89828 11.0166-11.4904 20.74175-19.408283 24.86108-3.03187 1.57735-3.24556 1.62972-3.82096.93641zm32.907783-38.23831c-.49242-.32507-2.65032-5.74824-3.6826-9.25501-.42837-1.45521-.90399-2.78364-1.05693-2.95206-.15295-.16842-1.60078.565-3.21742 1.62984-3.11127 2.04931-4.87961 2.74635-4.87961 1.92344 0-.2588.59532-.75307 1.32292-1.09838.72761-.34531 2.46776-1.33984 3.86701-2.21007 3.20353-1.99237 3.76665-1.88327 4.53115.87789.30544 1.10315 1.23211 4.10916 2.05926 6.68003s1.49152 4.67188 1.47637 4.66891c-.0151-.003-.20421-.12204-.42015-.26459z\"/></svg>");background-repeat:no-repeat;background-size:contain;width:110px;height:170px}.g-search-arrow{pointer-events:none;display:none;position:absolute;top:-140px;left:-110px;transform:rotate(160deg)scale(-1,.7)}.demo-step-search .g-search-arrow{display:block}@media (width>=768px){.g-search-arrow{top:-110px;left:90px;transform:rotate(270deg)scaleX(-1)}}.g-template-arrow{z-index:1;display:none;position:absolute;bottom:-50px;left:-110px;transform:rotate(90deg)scale(.5)}@media (width>=768px){.g-template-arrow{bottom:-30px;left:-160px;transform:rotate(90deg)scale(1)}}.gdemo-step-new .g-template-arrow{display:block}.hidden{display:none}.results-empty{padding:var(--padding);text-align:center}*,:after,:before{box-sizing:border-box}:root,[data-bs-theme=light]{--blue:#0d7af6;--gray:#f4f7f9;--padding-x:.5rem;--border-radius:5px;--body-bg:#fff;--body-bg-rgb:255, 255, 255;--body-color:#333;--compose-bg:#fff}[data-bs-theme=dark]{--gray:#2b3035;--body-bg:#212529;--body-bg-rgb:33,37,41;--body-color:#dee2e6;--compose-bg:#343a40}body{background-color:var(--body-bg);color:var(--body-color);margin:0;padding-bottom:120px;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:14px;line-height:1.5}a{color:var(--blue)}.display-5{font-size:2.5rem;font-weight:300;line-height:1.2}.fs-7{font-size:.75em}.text-muted{opacity:.75}.btn{text-align:center;border:1px solid #333;border-radius:.25rem;padding:.3em .7em;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover,.btn-primary:focus{background-color:#0b5ed7;border-color:#0a58ca}.installed-container{max-width:960px;padding:5.375vw var(--padding-x);margin:0 auto}.header{border-bottom:1px solid var(--gray);z-index:10;text-align:center;max-width:960px;margin:0 auto;padding:20px 0;position:relative}.header img{opacity:.8;height:2.8em}.hero{text-align:center;padding:60px 0 30px}.wizard-step{display:none;position:relative}.wizard-show--demo .wizard-step-demo{display:block}.keyboard-key{background-color:var(--gray);border-radius:5px;padding:.1em .4em}.fadein{animation:1.5s fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}