*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.45}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--background-color:black;--primary-text-color:white;--message-text-color:#1f2937;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-16:64px;--space-24:96px;--weight-light:300;--weight-bold:700;--btn-background-color:#181819;--btn-icon-color:white;--message-container-border-color:transparent;--blue:#2563eb;--light-blue:#3b82f6;--red:#dc2626;--yellow:#d97706;--green:#059669;--indigo:#4f46e5;--purple:#7c3aed;--pink:#db2777;--rather-light-grey:#6b7280;--scrollbar-color:dark}@media(prefers-color-scheme:light){:root{--background-color:#f3f4f6;--primary-text-color:#1f2937;--btn-background-color:#e5e7eb;--btn-icon-color:#1f2937;--message-container-border-color:#9ca3af;--scrollbar-color:light}}.bg-red{background-color:var(--red)}.bg-yellow{background-color:var(--yellow)}.bg-green{background-color:var(--green)}.bg-indigo{background-color:var(--indigo)}.bg-purple{background-color:var(--purple)}.bg-pink{background-color:var(--pink)}html{font-family:roboto,Arial,Helvetica,sans-serif;height:100%;background-color:var(--background-color)}body{height:100%}.content{height:100%;color:var(--primary-text-color)}.sidebar.hide,.email-display.hide{display:none}.sidebar{padding:var(--space-3);display:grid;grid-template-rows:max-content auto 40px;min-height:100%}.roger{width:150px}.inbox-details{margin-top:var(--space-2)}.inbox-address{font-size:2rem;font-weight:var(--weight-bold)}.action-buttons{display:flex;justify-content:flex-start;margin-top:var(--space-2)}.action-btn{width:32px;height:32px;background-color:var(--btn-background-color);margin-right:var(--space-3);border-radius:8px;display:flex;align-items:center;justify-content:center}.action-btn>svg{fill:var(--btn-icon-color)}.action-btn:hover,.action-btn:focus{background-color:var(--blue)}.action-btn:hover>svg,.action-btn:focus>svg{fill:#fff}.no-emails{text-align:center;padding-top:var(--space-8)}.sidebar-info p{text-align:center}.sidebar-info a{color:var(--primary-text-color)}.sidebar-emails{margin-top:var(--space-9);padding-bottom:var(--space-9)}.sidebar-email{border-radius:8px;background-color:var(--btn-background-color);padding:var(--space-3);display:grid;grid-template-columns:40px auto;text-decoration:none;color:inherit;margin-bottom:var(--space-3)}.sidebar-email.active{background-color:var(--blue);color:#fff}.sidebar-email.active,.sidebar-email:hover.active,.sidebar-email:focus.active{background-color:var(--blue);color:#fff}.sidebar-email:hover,.sidebar-email:focus{background-color:var(--light-blue);color:#fff}.email-avatar{margin-top:var(--space-1);border-radius:50%;width:32px;height:32px;display:flex;justify-content:center;align-items:center}.email-avatar>p{color:#fff;font-weight:var(--weight-bold);font-size:1.25rem}.sidebar-email-details{padding-left:var(--space-1)}.sidebar-email-from{font-weight:var(--weight-bold)}.sidebar-email-time{font-size:.75rem;opacity:60%}.sidebar-email-subject,.sidebar-email-from{overflow:hidden;max-width:300px;text-overflow:ellipsis;white-space:nowrap}.email-display{height:100%;overflow:hidden}.message-container{border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid transparent;margin-top:var(--space-4);background-color:#fff;color:var(--message-text-color);min-height:100%;padding:var(--space-4);display:flex;flex-direction:column}.message-back{display:flex;align-items:center;text-decoration:none;color:var(--primary-text-color);margin-top:var(--space-3)}.message-back>svg{fill:var(--btn-icon-color)}.message-details{display:none}.message-details-mobile{display:grid;grid-template-columns:40px auto}.message-subject{margin-bottom:var(--space-5);line-height:var(--space-8)}.message-time{font-weight:var(--weight-light)}.message-content{flex:1;width:100%}.message-content.html{padding-top:var(--space-6);padding-bottom:var(--space-10)}.message-content.plain{margin-top:var(--space-6);margin-bottom:var(--space-9);overflow:scroll}.message-content iframe{border:none;height:100%;width:100%}.message-content pre{font-family:inherit;height:0;width:100%;white-space:pre-wrap}.background-blur{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.5)}.modal{position:fixed;top:0;left:0;right:0;bottom:0;width:min(85%,500px);height:320px;margin:auto;background-color:#fff;border-radius:8px;display:flex;flex-direction:column}.modal-top-row{display:flex;justify-content:space-between}.modal-top-row a{margin-top:var(--space-2);margin-right:var(--space-2)}.modal-heading{margin-left:var(--space-4);margin-top:var(--space-4)}.modal-content{flex:1;margin-top:var(--space-4);margin-left:var(--space-4);margin-right:var(--space-8)}.modal-button-row{display:flex;justify-content:flex-end;margin-bottom:var(--space-4);margin-right:var(--space-4)}.modal-button-row>*:first-child{margin-right:var(--space-4)}.button{cursor:pointer;border:2px solid transparent;border-radius:8px;width:80px;height:50px;font-weight:var(--weight-bold);background-color:#fff;color:var(--blue);border-color:var(--blue)}.button:hover{background-color:var(--blue);color:#fff}.button.danger{color:var(--red);border-color:var(--red)}.button.danger:hover{background-color:var(--red);color:#fff}.button.skeleton{border-color:transparent;background-color:initial;text-decoration:underline;color:#000}.button.skeleton:hover{border-color:#000;text-decoration:none}.address-builder-field{display:flex;border:1px solid#D1D5DB;border-radius:8px;margin-top:var(--space-4);margin-bottom:var(--space-4);overflow:hidden}.address-builder-field input{border:none;margin-left:var(--space-4)}.address-builder-icon{display:flex;align-items:center;padding:var(--space-1);background-color:#d1d5db}.address-builder-icon svg{fill:#fff}.address-builder-field-select{display:block;cursor:pointer;border:none;background-color:#fff;margin-left:13px;border-top-right-radius:8px;border-bottom-right-radius:8px;width:100%;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20width=%2224%22%20height=%2224%22%3E%3Cpath%20fill=%22none%22%20d=%22M0%200h24v24H0z%22/%3E%3Cpath%20d=%22M12%2015l-4.243-4.243%201.415-1.414L12%2012.172l2.828-2.829%201.415%201.414z%22%20fill=%22rgba(0,0,0,1)%22/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%;background-size:24px}.address-builder-err{color:var(--red)}@media(min-width:62rem){.email-display.hide{display:block}.sidebar.hide{display:grid}.message-details-container-mobile,.message-details-mobile,.message-back{display:none}.content{display:grid;grid-template-columns:minmax(460px,30%)minmax(500px,70%);overflow:hidden}.roger{width:180px}.sidebar{overflow:auto;padding-top:var(--space-6);padding-left:var(--space-5);padding-right:var(--space-4);scrollbar-width:none;transform:translateY(0);transition:transform 1s ease-in-out}.sidebar-email:hover{box-shadow:0 10px 24px hsla(0,0%,0%,.2)}.action-buttons{justify-content:flex-end}.action-btn{margin-right:0;margin-left:var(--space-3)}.inbox-address{font-size:2.25rem}.email-display{padding:var(--space-5)}.message-container{height:100%;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin:0}.message-container-empty{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.message-container-empty svg{display:block;margin-left:auto;margin-right:auto;fill:var(--rather-light-grey)}.message-container-empty p{margin-top:var(--space-6);color:var(--rather-light-grey)}.message-details{display:grid;grid-template-columns:[avatar] 64px [subject] auto [etc] 45px;grid-template-rows:[headline] auto [details] auto;margin-left:var(--space-8);margin-top:var(--space-8)}.message-details .email-avatar{width:40px;height:40px;margin-top:0;grid-row:headline;grid-column:avatar}.message-details .email-avatar>p{font-size:1.75rem;text-transform:uppercase}.message-subject{font-size:2rem;grid-row:headline;grid-column:subject;margin-bottom:var(--space-3)}.message-content.html{padding-left:var(--space-8)}.etc-dots{width:32px;height:32px;grid-row:headline;grid-column:etc;display:none}.message-from-time-row{grid-row:details;grid-column:subject;display:flex;flex-wrap:wrap;justify-content:space-between}.message-from{margin-right:var(--space-3)}.message-content.plain{padding-left:var(--space-24)}.message-content pre{height:100%}.modal-heading{margin-left:var(--space-4);margin-top:var(--space-5)}}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}