.page-footer{padding:48px 8px;text-align:center}.top-header{background:var(--header-back);box-shadow:0 4px 3px -5px var(--shadow-2);display:flex;position:relative;text-align:left;.back{margin-right:16px;order:-1;&:before{content:"\2039";padding-right:4px}}& h1{flex:1;font-size:1.5em;font-weight:bolder;line-height:1.8rem;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap}.menu{margin-left:16px}& a,& button{background:var(--header-back);box-sizing:border-box;display:inline-block;height:100%;line-height:1.8rem;padding:16px 12px;&,&:link,&:visited{color:var(--header-link-text)}&:active,&:focus,&:hover{background:var(--header-link-back-hover);color:var(--header-link-text-hover);text-decoration:none}}}@media (min-width:600px){.top-header .back{left:0;position:absolute;top:0}.top-header h1{margin:0 64px;text-align:center;text-overflow:clip}.top-header .menu{position:absolute;right:0;top:0}}.page-login-callback{text-align:center;& p{margin:64px 32px}}.login-form{margin:64px 16px;text-align:center;& p{margin:16px 0}& button{margin:8px}}.slug-checker{font-size:.7rem;margin:4px;position:absolute;right:0;top:100%;white-space:nowrap;& svg{height:.9em;vertical-align:-.1em;width:.9em}&.checking{animation:spin 2s linear infinite;border-color:transparent currentcolor;border-radius:100%;border-style:solid;border-width:2px;box-sizing:border-box;height:12px;margin-top:4px;opacity:.5;width:12px}&.invalid,&.taken{color:var(--red-text-on-white);font-weight:bolder}&.available{color:var(--green-text-on-white);font-weight:bolder}}@keyframes spin{to{transform:rotate(1turn)}}.alert-message{font-weight:bolder;margin:16px 0;& svg{height:1.2em;margin-right:4px;vertical-align:-.25em;width:1.2em}&.warning{color:var(--yellow-text-on-white)}&.error{color:var(--red-text-on-white)}}.page-password form,form.create-retro{margin:64px auto 128px}.page-password form{width:400px}.popup-content{--animate-in:0.2s;--animate-out:0.15s}.popup-content,.popup-content::backdrop{opacity:0;transition:display var(--animate-out) allow-discrete,overlay var(--animate-out) allow-discrete,transform var(--animate-out) ease-in,opacity var(--animate-out) ease-in}.popup-content::backdrop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--modal-screen);transform:translateZ(0)}.popup-content{background:var(--modal-back);box-shadow:0 10px 30px var(--shadow-2);padding:16px 32px;transform:scale(.97);& h1{font-size:1.5em;font-weight:bolder;margin-bottom:16px;text-align:center;&.hidden{display:none}}}.popup-content[open],.popup-content[open]::backdrop{opacity:1;transform:none;transition:transform var(--animate-in) ease-out,opacity var(--animate-in) ease-out}@starting-style{.popup-content[open]::backdrop{opacity:0}.popup-content[open]{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion){.popup-content,.popup-content[open]{transform:none}}.popup-archive{& p{margin:16px 0}.dialog-options{text-align:center;& button{margin:0 16px}}}.popup-invite{& p{margin:16px 0 0}.link{background:var(--beige-back);border-radius:5px;display:block;font-size:1.8em;padding:10px 20px;text-align:center;word-wrap:break-word;user-select:all}.qr-code{aspect-ratio:1;display:block;margin:0 auto;max-width:calc(100vw - 96px);min-width:350px;width:calc(80vh - 52px - 3.2em)}.dialog-options{margin-top:0;text-align:center}& button{margin:0 16px}}.loader{margin:64px 32px;text-align:center}span.api-download{color:var(--link-disabled);cursor:wait}.page-archive-list{text-align:center;& p{margin:64px 32px}& ul.archives{list-style:none;margin:64px 16px 128px;& li a{background:var(--primary-back);color:var(--green-text-on-white);display:inline-block;margin:8px 0;max-width:calc(100% - 32px);padding:16px;width:20rem;&:active,&:focus,&:hover{background:var(--green-button-dark);color:var(--highlight-text-on-dark);text-decoration:none}}}.extra-links{margin:64px 0}}.picker-input{background:var(--primary-back);overflow-y:auto;>label{border-bottom:1px solid var(--beige-shadow);display:block;position:relative;&:last-child{border-bottom:none}>span{cursor:pointer;display:block;&:hover{background:var(--beige-back)}}>input.picker-hidden[type=radio]{box-sizing:border-box;height:100%;left:-10px;margin:0;position:absolute;width:1px;&:focus-visible{outline:none;&+span{box-shadow:inset 0 0 0 2px var(--focus-border)}}&:checked+span{background:var(--selected-back)}}}}.face-icon{display:inline-block;font-size:4em;line-height:1;pointer-events:none;user-select:none}form.retro-settings{margin:64px auto 128px;.theme{max-height:18rem}.theme-row{align-items:center;display:grid;grid-template-columns:auto 3.5rem 3.5rem 3.5rem;padding:4px 8px;.name{font-size:1rem;padding-left:16px}.preview{display:inline-block;font-size:2.5rem;text-align:center;vertical-align:middle}}}.connectionMessage{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:color-mix(in srgb-linear,var(--notification-back) 70%,transparent);border-radius:4px;color:var(--notification-text);left:50%;padding:8px 16px;position:fixed;transform:translateX(-50%);z-index:3;@media (prefers-reduced-transparency){backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--notification-back)}& svg{height:.9em;width:.9em}&.connected{animation:pulse .2s;opacity:0;pointer-events:none;top:-80px;transition:top 1.5s step-end,visibility 1.5s step-end,opacity .5s ease 1s;user-select:none;visibility:hidden}}@keyframes pulse{0%{animation-timing-function:ease-out;transform:translateX(-50%)}50%{animation-timing-function:ease-in;transform:translateX(-50%) scale(1.1)}to{transform:translateX(-50%)}}.connectionMessage.disconnected{opacity:1;top:8px;transition:top .2s cubic-bezier(.1,.5,.6,1.3) 1.5s;visibility:visible}.page-welcome{text-align:center;& section{margin:32px auto 64px;max-width:calc(100% - 32px);width:600px}& section:last-child{margin-bottom:128px}.logo{display:block;height:192px;margin:0 auto 16px;width:192px}& p{margin:8px 0}& ul.retros{list-style:none;& li{margin-bottom:16px}}.retro-link{background:var(--primary-back);color:var(--green-text-on-white);display:block;padding:16px;&:active,&:focus,&:hover{background:var(--green-button-dark);color:var(--green-button-dark-text);text-decoration:none}}.link-create{margin-top:32px}.login-form{margin-top:24px}}.page-security{padding-bottom:128px;& section{margin:64px auto;max-width:calc(100% - 32px);text-align:justify;width:600px;& h2{font-size:1.2em;font-weight:bolder;margin-bottom:16px}& p{margin:16px 0}& li{margin:4px 0 4px 24px}}}.page-not-found{text-align:center;& p{margin:64px 32px}}@font-face{font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(/open-sans-all-300.d9ac1f0a.woff2) format("woff2"),url(/open-sans-all-300.6a4927c0.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(/open-sans-all-400.3bd5f5c5.woff2) format("woff2"),url(/open-sans-all-400.4f2cda05.woff) format("woff")}.global-form{display:block;max-width:calc(100vw - 32px);width:600px;& label{display:block}.horizontal{align-content:stretch;display:flex;>.prefixed-input,>input,>label{flex:1 1 auto}& input,.prefixed-input,>button{margin:0}>button{flex:0 0 auto;width:auto}}& input[type=password],& input[type=text]{background:var(--primary-back);color:var(--input-text)}& input::placeholder,& textarea::placeholder{color:var(--pale-text-on-white)}& input,.picker-input,.prefixed-input{border:1px solid var(--beige-shadow);box-sizing:border-box;display:block;font-size:1.4em;margin:4px 0 16px;padding:8px;width:100%}& fieldset{margin-top:8px;& legend{margin-bottom:8px}}& input[type=checkbox],& input[type=radio]{border:none;display:inline-block;margin:4px 12px 16px 8px;padding:0;vertical-align:top;width:auto}& input[type=file]{background:var(--primary-back);font-size:1.2em;&::file-selector-button{background:var(--green-button-dark);border:none;border-right:1px solid var(--beige-shadow);color:var(--green-button-dark-text);cursor:pointer;font:inherit;margin:-8px 12px -8px -8px;padding:8px 16px}}.picker-input{padding:0}.prefixed-input{background:var(--primary-back);cursor:text;display:flex;flex-direction:row;padding:0;position:relative;.prefix{color:var(--pale-text-on-white);flex:0 1 auto;letter-spacing:-.04em;overflow:hidden;padding:8px 2px 8px 8px;text-overflow:ellipsis;white-space:nowrap}& input{border:none;flex:1 0 200px;font-size:1em;margin:0;padding-left:4px}}.info{float:right;font-size:.8em;position:relative;top:2px}.wide-button{background:var(--green-button-dark);box-sizing:border-box;color:var(--green-button-dark-text);display:block;font-size:1.2em;margin:32px 0 0;padding:8px 16px;text-align:center;width:100%;&.sending,&:disabled{background:var(--beige-shadow)}}}.global-button{background:var(--grey-button-back);color:var(--green-text-on-white);display:inline-block;padding:8px 16px;text-align:center;transition:box-shadow .2s ease;&:focus,&:hover{box-shadow:0 2px 4px var(--shadow-1);text-decoration:none}&:active{box-shadow:none;text-decoration:none}&.primary{background:var(--green-button-dark);color:var(--green-button-dark-text)}&:disabled{background:var(--beige-shadow)}}html{--page-back:#fff;--header-back:#fff;--modal-back:#fff;--primary-back:#fff;--primary-text:#000;--selected-back:#cadae2;--modal-screen:hsla(0,0%,50%,.5);--focus-border:#005fcc;--focus-border-heart:rgba(255,0,0,.3);--green-back:#53c6b6;--green-shadow:#39ac9d;--yellow-back:#ffc619;--yellow-shadow:#e6ac00;--red-back:#e45144;--red-shadow:#c92b1d;--beige-back:#efede7;--beige-shadow:#d6d1c2;--grey-button-back:#eee;--green-button-back:#50e2cf;--green-button-text:#000;--green-button-dark:#39c6b3;--green-button-dark-text:#fff;--green-icon:var(--green-back);--red-icon:#a30;--bright-red-icon:#c20;--beige-icon:#e0ddd1;--pale-text-on-white:grey;--green-text-on-white:var(--green-shadow);--yellow-text-on-white:#b38600;--red-text-on-white:#c00;--highlight-text-on-dark:#fff;--input-text:#000;--link-text:#2b9e8e;--link-text-hover:#268a7c;--link-disabled:rgba(0,0,0,.6);--header-link-back-hover:#ddd;--header-link-text:#666;--header-link-text-hover:#000;--notification-back:#000;--notification-text:#eee;--shadow-1:rgba(0,0,0,.2);--shadow-2:rgba(0,0,0,.5)}body{background:var(--page-back);color:var(--primary-text)}body,button,dialog,input,textarea{font:300 1em/1.4 Open Sans,sans-serif}article{background:var(--beige-back);border-bottom:1px solid var(--page-back)}a:link,a:visited{color:var(--link-text);text-decoration:none}a:active,a:focus,a:hover{color:var(--link-text-hover);text-decoration:underline}body,html{margin:0;padding:0}button,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,img,input,legend,li,ol,p,textarea,ul{border:none;color:inherit;font:inherit;margin:0;padding:0}dialog{border:none;color:inherit;outline:none;padding:0}dialog::backdrop{background:none}button{background:none;cursor:pointer;&:disabled{cursor:inherit}}textarea{min-width:0}input::placeholder,textarea::placeholder{color:rgba(0,0,0,.5);opacity:1}body.headless *{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;transition:none!important}.pre-load{font:1.2em sans-serif;line-height:1.4;margin:64px auto;max-width:450px;text-align:center;.noscript{background:var(--page-back,#fff);bottom:0;left:0;padding:32px;position:absolute;right:0;top:0}.load{animation:preload-fade-out 1s ease-out 5s both;margin:32px 0}.info{animation:fade-in 1s ease-out 5s both;font-size:.8em}}@keyframes preload-fade-out{0%{margin-bottom:32px;opacity:1}to{margin-bottom:-32px;opacity:0;padding-top:0}}