﻿.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor:hover,.emoji-mart-anchor:focus,.emoji-mart-anchor-selected{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg,.emoji-mart-anchors img{fill:currentColor;height:18px;width:18px}.emoji-mart-scroll{overflow-y:scroll;overflow-x:hidden;height:270px;padding:0 6px 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:7px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:rgba(255,255,255,0.95)}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji", "Segoe UI Symbol", "Segoe UI", "Apple Color Emoji", "Twemoji Mozilla", "Noto Color Emoji", "Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-emoji,.emoji-mart-preview-data,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999A9C;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width, padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width, height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.emoji-mart-dark{color:#fff;border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor:hover,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor-selected{color:#bfbfbf}#app{min-height:100vh;background-color:#fff;overflow-x:hidden}#app #content{min-height:100vh}#app #flash-messages{position:fixed;z-index:2}@media (max-width: 600px){#content{padding:1rem 0 4rem}#flash-messages{width:100%}}@media (min-width: 601px){#app{margin:0 auto}#app #header{height:3.5rem}#app #flash-messages{max-width:100%}#app #content{margin:0;padding:1rem 0 4rem}}@media (min-width: 1200px){#app{width:70rem}#app #header{width:70rem}#app #flash-messages{width:70rem}}.fade-in-and-out{opacity:1;animation:fade-in-and-out 10s ease-in-out}@keyframes fade-in-and-out{10%,100%{opacity:0}30%,60%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes delayed-fade-in{0%,50%{opacity:0}100%{opacity:1}}.flash-messages{text-align:center}.flash-messages .message{position:relative;width:30em;max-width:100%;margin:-1em auto 0;border:solid 1px #cdd4d7;border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);background-color:#d4743e;white-space:pre-line;animation:slide-down-then-up 10s ease-in-out;padding:0.3rem}@keyframes slide-down-then-up{0%,10%,100%{margin-top:-100%}30%,80%{margin-top:0}}.header{display:flex;border-bottom:solid 1px #cdd4d7;background-color:#accfd9;justify-content:space-between;align-items:center}.header .title{text-align:center}.header .logo{width:2.5rem;padding:3px;border-radius:8px;background-color:#fff}.header .session-links{white-space:nowrap}.header .session-links>*{display:inline-block}@media (max-width: 600px){.header{padding:0.3rem 8px}.header .profile-picture{font-size:3rem}}@media (min-width: 601px){.header{padding:0.3rem}.header .profile-picture{font-size:3rem}}.fade-in-and-out{opacity:1;animation:fade-in-and-out 10s ease-in-out}@keyframes fade-in-and-out{10%,100%{opacity:0}30%,60%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes delayed-fade-in{0%,50%{opacity:0}100%{opacity:1}}body{background-color:#838587;color:#4f4e50;margin:0}*,*:before,*:after{box-sizing:border-box}ul{list-style:none;margin:0;padding:0}dl{margin:0.3rem}dl dt{font-weight:bold}dl dd{margin-bottom:0.3rem}label{display:block}input,select,textarea{font-family:inherit;line-height:inherit;font-size:1em;padding:0.3rem;margin:0;max-width:100%}pre{font-family:monospace, monospace;font-size:1em}img{border-style:none;max-width:100%}a{text-decoration:none;color:#6a99b8;background-color:transparent}a:hover{color:#838587}h1 a,h2 a,h3 a,h4 a,h5 a{color:#4f4e50}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover{color:#6a99b8;text-decoration:underline}.header a:hover,.document a:hover,footer a:hover{color:#4f4e50;text-decoration:none}ul.bullets{margin:1rem 0.3rem}ul.bullets li{padding-left:1rem}ul.bullets li:before{margin-left:-1rem;content:'» '}html{font-family:"ChalkboardSE-Bold", sans-serif;line-height:1.4em}@media (max-width: 600px){html{font-size:16px}}@media (min-width: 601px){html{font-size:17px}}body{font-family:inherit;font-size:1rem;line-height:inherit}h1,h2,h3,h4,h5{font-family:Chalkduster, cursive;font-size:1rem;line-height:inherit;margin:0}p{margin:0 0 1em 0}h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1.1rem}h4{font-size:1.1rem}h5{font-size:1.1rem}p,ol,ul,td{font-family:inherit;font-size:inherit;line-height:1.5}input,textarea{font-size:1em}.button{display:inline-block;padding:0.4em 0.8em 0.3em;border:solid 2px #285c81;border-radius:4px;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);font-family:sans-serif;font-size:1rem;line-height:normal;text-transform:uppercase;text-decoration:none !important;cursor:pointer;-webkit-appearance:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#FFF !important;background-color:#4d80a2}.button ::selection{background-color:transparent}.button:hover{background-color:#285c81}.button:active{background-color:#17365e}.button:focus{outline:none}.button.disabled{cursor:default;background-color:#c4d9e4;border-color:#c4d9e4;opacity:0.2}.button.call-to-action{color:white !important;background-color:#C77500;border-color:#ae6600}.button.call-to-action:hover{background-color:#ae6600}.button.call-to-action:active{background-color:#945700}.button.secondary{color:#3a5f79 !important;background-color:#accfd9;border-color:#426d8a}.button.secondary:hover{background-color:#9bc5d1}.button.secondary:active{background-color:#89bbc9}.button.cancel{color:#4d80a2 !important;background-color:#838587;border-color:#4d80a2}.button.cancel:hover{background-color:#6a6c6d}.button.cancel:active{background-color:#17365e}.button.radio.selected{color:#4f4e50 !important;background-color:transparent}.dialog{display:inline-block;position:relative;background-color:#EEE;border-radius:8px;text-align:left;padding-top:1rem;animation:fade-in 1s ease}.dialog .title{position:absolute;top:0;left:0;right:0;border-top-left-radius:8px;border-top-right-radius:8px;color:white;background-color:#4d80a2;padding:1rem;text-align:center}.dialog .close-button{z-index:3;position:absolute;cursor:pointer;height:1.2em;width:1.2em;border:solid 4px;border-radius:50%;font-size:1.5rem;line-height:0.7;text-align:center;background-color:#4d80a2;color:white !important}@media (max-width: 600px){.dialog{padding:2rem 0;width:100%}.dialog .close-button{top:0.3em;right:0.3em}}@media (min-width: 601px){.dialog{margin:2rem 1rem;padding:2rem;min-width:10em}.dialog .close-button{top:-0.3em;right:-0.3em}}.form .input{margin:1rem 0}.form .input.text input,.form .input.email input,.form .input.number input,.form .input.string input,.form .input.password input{width:100%}.form .input.text label,.form .input.email label,.form .input.number label,.form .input.string label,.form .input.password label{margin-bottom:0.3rem}.form .input.radio-group input{margin:0 0.3rem 0 1rem}.form .input.radio-group label{display:inline-block}.form .input.checkbox input{margin:0 0.3rem 0 0.3rem}.form .buttons{width:100%;display:flex;justify-content:space-evenly}.form .errors{padding:0 0.3rem;color:#d4743e}.form .errors.base{border:solid 1px #cdd4d7;border-width:2px;border-color:#d4743e;margin:0.3rem 0;padding:0.3rem}.icon{display:inline-block}.icon.with-border{border-radius:8px;border:solid 1px #cdd4d7}.menu-container{position:relative}.menu-container .menu-button{font-size:2rem}.menu-container .menu{z-index:2;position:absolute;right:0;border:solid 2px #285c81;background-color:#EEE;white-space:nowrap;animation:fade-in 1s ease}.menu-container .menu li{padding:0.3rem;padding-left:2.5em}.menu-container .menu li:hover{background-color:#accfd9}.menu-container .menu li a{display:block;color:#4f4e50;cursor:pointer}.menu-container .menu li a:hover{text-decoration:none}.menu-container .menu li .icon,.menu-container .menu li .label{display:inline-block}.menu-container .menu li .icon{position:relative;left:-2em;width:0}.menu-container .mask{z-index:2;position:fixed;top:0;right:0;bottom:0;left:0}#modals .modal{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%}#modals .modal.for-dialog{background-color:rgba(33,33,33,0.5);text-align:center}.notice{border:solid 1px #cdd4d7;padding:0.3rem}.tabs{display:flex;position:relative;top:-0.3em}.tabs .tab{border-bottom:solid 1px #cdd4d7;font-size:0.8em;text-transform:uppercase;padding:0 0.3rem;cursor:pointer;background-color:#fff}.tabs .tab.selected{background-color:#f1f8f9;color:#4f4e50}.tabs.align-center{justify-content:space-around;text-align:center;margin:0 2em}.tabs.align-center .tab{border-left:solid 1px #cdd4d7;flex-grow:1}.tabs.align-center .tab:last-child{border-right:solid 1px #cdd4d7}.tabs.align-right{justify-content:flex-end;padding-right:0.5em}.tabs.align-right .tab{border-left:solid 1px #cdd4d7}.tabs.align-right .tab:last-child{border-right:solid 1px #cdd4d7}.panel.conversation-menu{margin:auto;text-align:center;height:auto}.panel.conversation-menu .character{position:static}.conversation .title{text-align:center}.conversation ul.panels{white-space:nowrap;overflow-x:scroll}.conversation ul.panels li{display:inline-block;vertical-align:top}.conversation .responses,.conversation .data-prompt{margin:auto}.conversation .current{animation:fade-in 1s ease}@media (max-width: 600px){.conversation ul.panels{margin:0 0.3rem 0.3rem}.conversation ul.panels li{margin:1rem 0.3rem}}@media (min-width: 601px){.conversation ul.panels li{margin:1rem}}.panel{position:relative;border:solid 1px #cdd4d7;border-radius:8px;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);padding:1rem;background-color:#f1f8f9;line-height:1.4}.panel.intro{text-align:center}.panel.intro .character{position:unset}.panel .speech{position:absolute;color:#4f4e50;background-color:white;border:solid 4px #4d80a2;border-radius:20px;padding:0.3rem 0.3rem;white-space:pre-line;text-align:center}.panel .speech.npc{right:1em}.panel .speech.pending{width:3em;line-height:1;padding:0 0 0.5em}.panel .instructions{text-align:center;position:absolute;bottom:0;left:0.3rem;right:0.3rem;color:#999}.panel.active{animation:fade-in 4s ease}@media (max-width: 600px){.panel{width:90vw;height:15em}.panel .character{position:absolute;font-size:5rem}.panel .character.npc{top:0;left:0}.panel .character.slimmer{bottom:0.1em;right:0}.panel .speech{width:70%}.panel .speech.response{bottom:2em}.panel .speech.pending{font-size:2em;bottom:1em;left:1em}}@media (min-width: 601px){.panel{width:25em;height:15em}.panel .character{position:absolute;font-size:5rem}.panel .character.npc{top:0;left:0.2em}.panel .character.slimmer{bottom:0.2em;right:0.5em}.panel .speech{width:60%}.panel .speech.long{width:70%}.panel .speech.response{bottom:2em}.panel .speech.pending{bottom:1em;left:2em;font-size:2.5em}}.response.prompt .input.text{margin:1rem}.response.prompt .input.text label{margin:1rem}.response.prompt .input.text input{border-radius:8px}.response.prompt .button{background-color:#838587}.responses{margin:auto;text-align:center;animation:fade-in 2s ease}.responses .response{display:inline-block;color:#FFF;background-color:#4d80a2;border:solid 4px #285c81;border-radius:8px;padding:0.3rem;vertical-align:top;white-space:pre-line;cursor:pointer}@media (max-width: 600px){.responses{width:35em;max-width:95%}.responses .response.option{margin:0.3rem auto 0;width:35em;max-width:90%}}@media (min-width: 601px){.responses{width:35em}.responses .response.option{margin:0.3rem 0.3rem;width:16em;height:4em}}.page.legacy{background-image:url(/assets/splash-screen-76ba2eb1ac58be4d035503119fe371afca7c03f06f4cc2a904c7bed08cbee159.png);background-size:contain;width:400px;max-width:100%;margin:auto}.page.legacy .content{min-height:480px}#home{padding:8px;min-height:600px;max-width:30em}.header.legacy .logo{float:left;width:100px;margin-right:40px}.cookie-consent{position:fixed;z-index:3;left:0;right:0;bottom:0;width:100%;padding:0.3rem;background-color:#fbfbfb;border:solid 6px #4d80a2}.cookie-consent .button{margin:0.3rem;float:right}.embed #app #content{margin:0;padding:1rem}.privacy-dialog{width:40rem;max-width:90%}.privacy-dialog iframe{height:25em;width:100%}.session{margin:1rem auto;width:22em;max-width:90%}.session .links{margin:1rem 0.3rem 0;padding:0 1rem}.session .links>*{display:block}.header .registration-link .preamble{display:none}.session-panel{text-align:left;padding:1rem;border:solid 1px #cdd4d7;border-radius:8px}.session-panel h1{margin-bottom:1rem}.session-panel h1{font-size:2em}.session-panel .button{width:100%}.session-panel .notice{margin:1rem 0}.session-links>a{margin-left:1rem}a.sign-out:hover{color:#4f4e50}.activities{height:15em;overflow-y:auto}.activities .activity,.activities .comment{display:flex}.activities .activity .when,.activities .comment .when{flex-grow:0;color:#999;font-size:0.8em;padding-top:0.3em}.activities .activity .who,.activities .comment .who{flex-grow:0}.activities .activity .what,.activities .comment .what{flex-grow:1}.activities .activity .text,.activities .comment .text{flex-grow:1}.activities .activity .when{min-width:2rem;margin-right:0.5rem}.activities .activity .what{color:#999}.activities .comment{margin:0 1em 0 2rem}.slimmer.card{max-width:100vw;border:solid 1px #cdd4d7;border-radius:8px;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);margin-bottom:1rem;padding:0;background-color:#f1f8f9;text-align:left;line-height:1}.slimmer.card a{color:#4f4e50}.slimmer.card .row{display:flex;align-items:center}.slimmer.card .name{padding:0.3rem 1rem;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#accfd9}.slimmer.card .profile-picture{font-size:4rem;max-width:1em}.slimmer.card .chart,.slimmer.card .empty{margin:0 1rem;flex-grow:1;height:4rem}.slimmer.card .empty{width:12em;line-height:1.2}.slimmer.card .chart,.slimmer.card .blank-chart{border:solid 1px #cdd4d7;width:8rem;height:4rem;border-radius:8px}.slimmer.card .excess{flex-grow:0}.slimmer.card .excess .value{height:4rem;font-size:3rem;min-width:2.2em}@media (max-width: 600px){.slimmer.card{width:25rem}.slimmer.card .name{font-size:1.5rem}.slimmer.card .row{margin:1rem}}@media (min-width: 601px){.slimmer.card{width:20rem}.slimmer.card .profile-picture{font-size:3rem}.slimmer.card .chart{width:6rem}.slimmer.card .excess .value{font-size:2.5rem}.slimmer.card .name{padding-left:1rem;font-size:1.5rem}.slimmer.card .row{margin:1rem}}@media (min-width: 1200px){.slimmer.card .name{padding-left:1.5rem;font-size:1.5rem}.slimmer.card .row{margin:1.5rem}}.comment{margin:0.3rem 0;display:flex}.comment .text.reply:before{content:'↳ ';position:relative;top:-0.2em;font-size:0.8em}.comment form{flex-grow:1}.comment form input{border-radius:8px;border:solid 1px #cdd4d7;width:100%}.comment .who{margin-right:0.3rem}.comment .text{margin-right:0.3rem;color:#4f4e50}.comment .reaction{font-size:0.8em;padding:0.2em;visibility:hidden}.slimmers.list{text-align:center}.slimmers.list>li{display:inline-block}@media (max-width: 600px){.slimmers.list{margin:1rem 8px}}@media (min-width: 601px){.slimmers.list li{margin:0 0.3rem}}.profile-details{border:solid 1px #cdd4d7;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);margin:2rem auto;background-color:#fff;line-height:1.5;position:relative;top:-2em;padding:0.3rem;min-height:2.5em}.profile-details .tabs{margin-bottom:0.5rem}.profile-details .title{text-align:center}.profile-details .more{display:block;text-align:right;margin-top:0.3rem}@media (min-width: 601px){.profile-details{width:24.4rem}}.profile-picture .link-to-change{text-align:center;font-size:0.9rem}.dialog .choose-avatar{padding:2.3rem 1rem 1rem}.slimmer.profile{border:solid 1px #cdd4d7;border-radius:8px;box-shadow:1px 1px 2px 1px rgba(131,133,135,0.25);margin:1rem auto;background-color:#f1f8f9;line-height:1.5;cursor:default;z-index:2;position:relative}.slimmer.profile .titlebar{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#accfd9;display:flex;justify-content:space-between}.slimmer.profile .titlebar .name{flex-grow:1;overflow:hidden}.slimmer.profile .titlebar .action{flex-grow:0}.slimmer.profile .profile-picture{line-height:1;float:right}.slimmer.profile .chart-frame{clear:both}.slimmer.profile .chart{width:100%;height:10em;border:solid 1px #cdd4d7;border-radius:8px}.slimmer.profile .excess{margin-bottom:1rem;width:fit-content;width:-moz-fit-content}.slimmer.profile .excess .value{font-size:3rem;padding:0 0 0.2em}@media (max-width: 600px){.slimmer.profile{margin:8px}.slimmer.profile .content{padding:1rem}.slimmer.profile .titlebar{font-size:1.5rem;padding:0.3rem 1rem}.slimmer.profile .profile-picture{margin-top:0.6rem;font-size:8.0rem}}@media (min-width: 601px){.slimmer.profile{width:25rem}.slimmer.profile .content{padding:1.5rem}.slimmer.profile .titlebar{font-size:2rem;padding:0.3rem 1.5rem}.slimmer.profile .profile-picture{margin-top:0.6rem;font-size:5.5rem}}.edit-settings{margin:2rem auto;width:20em;max-width:100%}.edit-settings .input.target-weight input{width:6em}.edit-settings .profile-picture{font-size:6rem;line-height:1;text-align:center}.edit-settings .caption{text-align:center;margin-bottom:1rem}.status-bar{display:flex;border-bottom:solid 1px #cdd4d7;padding:0.3rem;background-color:#cfe3e9;justify-content:space-between}.status-bar .icon{border:solid 3px #cdd4d7;border-radius:8px;background-color:white;padding:0.3em;font-size:1.5rem;cursor:pointer}.status-bar .icon:hover{background-color:#abd1e4}.status-bar>*{animation:delayed-fade-in 2s ease}.survey{width:30em}@media (max-width: 600px){.survey .survey-content{padding:2rem 1rem}}@media (min-width: 601px){.survey{min-width:23em;padding:2rem 1rem}}.chart,.blank-chart{width:80%;margin:0 auto;background-color:#fff}.chart img,.blank-chart img{width:90%;margin:12px auto;display:block}.chart-frame .chart-title{margin-bottom:0.3rem}.chart-frame .periods{text-align:center;margin-bottom:0.3rem}.chart-frame .periods .button{margin:4px 0.3rem;font-size:0.8rem}.excess.block{display:block}.excess.block .value{display:block}.excess.inline{display:inline}.excess.inline .value{display:inline}.excess .title{margin-bottom:0.3rem}.excess .value{background-color:#fff;text-align:center;line-height:1}.excess .value.same{color:#52ba70}.excess .value.gain{color:#95341f}.excess .value.loss{color:#52ba70}.excess .value.new,.excess .value.lost,.excess .value.unknown{color:#999}.excess .value.with-border{border:solid 1px #cdd4d7;border-radius:8px;padding:8px}.scale{width:23em;background-color:#84bcd8;border:solid 1px #cdd4d7;border-radius:8px;box-shadow:3px 3px 10px 8px rgba(131,133,135,0.25);text-align:center}.scale .keypad{width:18em;margin:auto;animation:delayed-fade-in 4s ease}.scale .keypad .key{display:inline-block;border-radius:50%;height:2em;width:2em;font-size:1.5rem;font-weight:bold;line-height:1.8;background-color:#abd1e4;color:white;cursor:pointer}.scale .keypad .key::selection{background-color:transparent}.scale .keypad .key:hover{background-color:#9fcbe1}.scale .keypad .key:active{background-color:#93c4dd}.scale .readout-row{display:flex;justify-content:space-around;align-items:center;margin:1rem auto}.scale .readout-row .button{background-color:#abd1e4;font-weight:700;border:none;width:3em;height:2em;margin:0 1rem;animation:delayed-fade-in 2s ease}.scale .readout-row .button::selection{background-color:transparent}.scale .readout-row .button:hover{background-color:#9fcbe1}.scale .readout-row .button:active{background-color:#93c4dd}.scale .readout{width:12em;padding:0.3rem 0}.scale .button.primary{margin:1rem auto}.scale-dialog{padding:2rem 1rem 0}.scale-dialog .blurb{text-align:center;margin:0 0.3rem}.scale-dialog .radio-group.units{text-align:center}.scale-dialog .radio-group.units label{display:inline-block;margin:1rem}.scale-dialog .radio-group.units label input{margin:0 0.3rem}@media (max-width: 600px){.scale{max-width:95%;margin:1rem auto 0;padding:0.3rem}.scale .keypad .key{margin:0.2em 0.6em}}@media (min-width: 601px){.scale{margin:1rem auto;padding:1rem}.scale .keypad .key{margin:0.3em 0.8em}}.current-weight{min-width:6em;cursor:pointer}.current-weight .readout{padding:0.4em 0.8em 0.3em}.readout{color:#4f4e50;background-color:white;border:solid 3px #cdd4d7;border-radius:8px}.readout .digit{display:inline-block;font-size:2rem}.readout .digit.number,.readout .digit.dash{width:0.6em}.readout .digit.units,.readout .digit.dash{color:#999}.readout .digit.units{margin:0 0.3em;font-size:1.2rem}.readout.warning .digit{color:#d4743e}
