body{--steam-animation: steaming 2500ms ease-in-out infinite;--steam-height: -20px;--steam-start-height: 70px;--steam1-delay: 400ms;--steam2-delay: 750ms;--steam3-delay: 1100ms}.sad-face{--steam-height: -40px;--steam1-delay: 300ms;--steam2-delay: 400ms;--steam3-delay: 450ms}.sad-face .steam3{--steam-start-height: 20px}.sad-face .steam1,.sad-face .steam2{--steam-start-height: 25px}.coffee-wrapper{width:100px;height:100px;margin:0 auto;padding-left:12px}.cup-outline{fill:var(--bg-primary)}.cup-fg{fill:var(--light-blue)}.steam{fill:var(--text-faint);transform:translateY(var(--steam-start-height));animation:var(--steam-animation);opacity:0}.steam1{animation-delay:var(--steam1-delay)}.steam2{animation-delay:var(--steam2-delay)}.steam3{animation-delay:var(--steam3-delay)}@keyframes steaming{0%{transform:translateY(var(--steam-start-height));opacity:0}50%{opacity:1}100%{transform:translateY(var(--steam-height));opacity:0}}main.member{position:relative}main.member .toaster{box-sizing:border-box;background-color:var(--bg-primary);position:fixed;width:100%;height:4rem;min-height:4rem;z-index:25;top:0;left:0}main.member .toaster .callout{position:relative;width:calc(100% - 2rem - 10px);height:3rem;min-height:3rem;display:flex;justify-content:center;align-items:center;margin:0}main.member .toaster .callout .callout-content{display:none}main.member .toaster.show{display:block}main.member .toaster:not(.show){display:none}main.member #reset-info{position:absolute;right:0;top:0;padding-left:5px;padding-right:5px;padding-top:var(--height-padding);padding-bottom:var(--height-padding)}main.member button.close{--button-bg-color: transparent;--button-bg-color-hover: transparent;--button-text-color: var(--text-normal);position:absolute;top:0;right:0;padding:1rem;cursor:pointer}main.member .hold{min-width:250px;max-width:500px;margin:0 auto;text-align:center;box-sizing:border-box}main.member img{float:right;width:50px;height:50px;background:var(--white);border-radius:33%}main.member .info-block,main.member .setting,main.member .control-heading{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5em}main.member .control-heading{flex-basis:100%;margin-bottom:0}main.member .information .header,main.member .info-block .header,main.member .setting .header{font-size:var(--font-small);padding-bottom:5px}main.member .information h2,main.member .information.no-title,main.member .info-block h2,main.member .info-block.no-title,main.member .setting h2,main.member .setting.no-title{border-top:1px solid var(--border-color)}main.member .information h2,main.member .info-block h2,main.member .setting h2{padding-top:.8rem;font-size:var(--font-large)}main.member .information h3,main.member .info-block h3,main.member .setting h3{border-top:1px dotted var(--border-color);padding-top:.8rem;font-size:var(--font-size);font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}main.member .information footer,main.member .info-block footer,main.member .setting footer{flex-basis:100%}main.member .information{flex-grow:2}main.member .setting{padding-top:var(--height-padding);padding-bottom:var(--height-padding);justify-content:space-between}main.member .setting .control{flex-basis:100%;justify-content:flex-end}main.member .control{display:flex;flex-direction:row;gap:.1em;align-items:center}main.member button.input,main.member button.input-square,main.member input[type=text],main.member input[type=email]{box-sizing:border-box;border:1px solid var(--border-color);border-radius:5px;font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;cursor:pointer;height:30px}main.member button.input{display:inline-flex;align-items:center;justify-content:center;font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}main.member button.input-square{display:flex;justify-content:center;align-items:center;width:30px;padding:0}main.member button.input-square svg{width:20px;height:20px;flex-shrink:0}main.member textarea,main.member input[type=text],main.member input[type=email]{padding:10px;min-width:20em;background-color:var(--input-bg-color);color:var(--text-normal)}main.member input[type=email]:invalid{border-color:red}main.member textarea{position:relative;min-height:15vh;width:97%;border-width:1px;border-radius:6px;border-color:var(--border-color)}main.member button[name=reset]{background-color:var(--button-reset-bg);color:var(--button-reset-color)}main.member input:disabled,main.member button:disabled{pointer-events:none;background-color:var(--button-disabled-bg);color:var(--button-disabled-color)}main.member input.error{border-color:var(--error)}main.member .label{color:var(--accent);font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}main.member .label:after{content:":"}main.member .tooltip{position:relative;display:inline-block}main.member .tooltip .tooltiptext{visibility:hidden;width:200px;background-color:var(--border-color);color:var(--text-normal);padding:5px;border-radius:6px;position:absolute;z-index:1;bottom:125%;left:0;margin-left:-150px;padding-left:10px;opacity:0;transition:opacity .3s;white-space:normal;text-align:left}main.member .tooltip:hover .tooltiptext{visibility:visible;opacity:1}main.member .good-until{display:flex;flex-direction:row wrap;justify-content:space-between}main.member .ok,main.member .required{font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:var(--font-size)}main.member .ok{color:var(--ok)}main.member .required{color:var(--required)}main.member code,main.member footer,main.member .modified{font-size:var(--font-smaller)}main.member .prompt{font-size:var(--font-small)}main.member #member-app{display:flex;flex-direction:column;gap:1rem}main.member .content{flex:2 1 auto;min-height:calc(100vh - 15em);position:relative}main.member .modified,main.member footer.agreement-version{font-family:"Figtree",Helvetica,Arial,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic;text-align:right;color:var(--text-muted)}main.member .modified a,main.member footer.agreement-version a{color:var(--text-muted)}main.member footer.member-footer{margin-top:var(--height-padding);margin-bottom:var(--height-padding);padding-top:var(--height-padding);padding-bottom:var(--height-padding);border-top:1px solid var(--border-color);text-align:right;display:flex;justify-content:space-between;align-items:center;gap:.5em}main.member footer.member-footer span{text-align:left;flex-grow:2}main.member footer.member-footer button[name=reset]{color:var(--text-faint);border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}@media(min-width: 500px){main.member .setting .control{flex:1 1 auto}main.member .setting .control button{white-space:nowrap;text-wrap:nowrap}main.member .setting .prompt{flex:2 1 auto}}@media(min-width: 800px){main.member{min-width:800px}}