:root{--main-font: Arial, Tahoma, Geneva, Verdana, sans-serif;--font-size: 16px;--border-radius: .8rem;--main-bg-color: #eee;--main-fg-color: #000;--primary-fg-color: #3988ff;--primary-bg-color: #fff;--button-bg-color: #3988ff;--button-fg-color: #fff;--button-hover-bg-color: #0f6fff;--button-hover-fg-color: #fff;--button-cancel-bg-color: transparent;--button-cancel-fg-color: #000;--button-remove-bg-color: transparent;--button-remove-fg-color: #f00;--button-disabled-bg-color: #91a9b0;--button-disabled-fg-color: #000;--header-bg-color: #fff;--header-spacer-color: #ddd;--header-shadow: linear-gradient( 0deg, rgba(255, 255, 255, 0) 5%, rgba(190, 190, 190, .6) 100% );--box-bg-color: #fff;--box-fg-color: #111;--box-border-color: #ddd;--box-loader-bg-color: rgba(128, 128, 128, .1);--box-loader-fg-color: #666;--box-action-fg-color: #666;--box-preview-bg-color: #3988ff;--box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .1);--modal-overlay-bg-color: rgba(0, 0, 0, .5);--modal-bg-color: #fff;--modal-fg-color: #000;--confirm-overlay-bg-color: rgba(0, 0, 0, .7);--link-fg-color: #3988ff;--menu-shadow: linear-gradient( 270deg, rgba(255, 255, 255, 0) 0%, rgba(90, 90, 90, .2) 100% );--input-border-color: #ddd;--input-focus-border-color: #3988ff;--input-bg-color: #fff;--input-fg-color: #000;--input-appendix-bg-color: #eee;--input-appendix-fg-color: #000;--input-disabled-fg-color: #000;--input-disabled-bg-color: #fff;--input-hint-color: #444;--toast-bg-color: #eee;--toast-fg-color: #666;--toast-error-bg-color: rgb(153, 14, 14);--toast-error-fg-color: #fff;--toast-success-bg-color: rgb(70, 92, 42);--toast-success-fg-color: #fff}@media (prefers-color-scheme: dark){:root{--main-bg-color: #222;--main-fg-color: #ccc;--header-bg-color: #111;--header-spacer-color: #333;--header-shadow: none;--modal-bg-color: #000;--modal-fg-color: #eee;--box-bg-color: #111;--box-fg-color: #eee;--box-border-color: #333;--box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, .3);--button-bg-color: #0b3c9f;--button-fg-color: #eee;--button-cancel-fg-color: #ccc;--modal-overlay-bg-color: rgba(0, 0, 0, .5);--confirm-overlay-bg-color: rgba(0, 0, 0, .5);--input-border-color: #333;--input-focus-border-color: #666;--input-bg-color: #222;--input-fg-color: #ccc;--input-appendix-bg-color: #333;--input-appendix-fg-color: #ccc;--input-disabled-fg-color: #bbb;--input-disabled-bg-color: #2a2a2a;--menu-shadow: linear-gradient( 270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 100% );--input-hint-color: #aaa;--button-remove-bg-color: transparent;--button-remove-fg-color: rgb(255, 118, 118)}}body,html{padding:0;margin:0;width:100%;height:100%}body{background-color:var(--main-bg-color);color:var(--main-fg-color);font-family:var(--main-font);font-size:var(--font-size)}button,input,select{font-family:var(--main-font);font-size:var(--font-size)}a{color:var(--link-fg-color)}#application{height:100%}#application>div{height:100%}.svg-icon{height:1em;stroke:currentColor}button,.button{font-family:var(--main-font);background:var(--button-bg-color);color:var(--button-fg-color);cursor:pointer;border:none;padding:.25rem .8rem;border-radius:var(--border-radius);display:inline-flex;align-items:center;justify-content:center}button:disabled,.button:disabled{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-fg-color);cursor:default}button:disabled:hover,.button:disabled:hover{background-color:var(--button-disabled-bg-color);color:var(--button-disabled-fg-color)}button:hover,.button:hover{background-color:var(--button-hover-bg-color);color:var(--button-hover-fg-color)}button.icon,.button.icon{padding:.25rem}button.icon>.svg-icon,.button.icon>.svg-icon{margin-right:0}button.cancel,.button.cancel{background-color:var(--button-cancel-bg-color);color:var(--button-cancel-fg-color)}button>.icon,.button>.icon{margin-right:.2rem}button>.svg-icon,.button>.svg-icon{display:flex;align-items:center;margin-top:1px;margin-right:.2rem}button.danger-variant,.button.danger-variant{background-color:var(--button-remove-bg-color);color:var(--button-remove-fg-color)}.button-group{display:flex}.button-group button{margin-right:1px;border-radius:0}.button-group button:first-child{border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.button-group button:last-child{border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}select,input,textarea{font-family:var(--main-font);padding:.15rem .4rem;border:1px solid var(--input-border-color);background-color:var(--input-bg-color);color:var(--input-fg-color);border-radius:var(--border-radius);box-sizing:border-box;padding:.25rem .5rem}select:focus,input:focus,textarea:focus{border-color:var(--input-focus-border-color);outline:none}select:disabled,input:disabled,textarea:disabled{background-color:var(--input-disabled-bg-color);color:var(--input-disabled-fg-color)}select.small,input.small,textarea.small{padding:.1rem .25rem}.input-container{display:flex}.input-container .input-suffix{flex-shrink:0;border:1px solid var(--input-border-color);border-radius:var(--border-radius);border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-2px;color:var(--input-appendix-fg-color);background-color:var(--input-appendix-bg-color)}.input-container .input-suffix>span{display:flex;align-items:center;padding:0 .3rem;height:100%}.input-container .input-suffix>button{height:100%}.color-input{display:flex;align-items:stretch}.color-input .current-color{width:2rem;border:1px solid var(--input-border-color);margin-right:.5rem}.color-input .color-picker{margin-top:-240px;position:absolute;background-color:var(--box-bg-color);padding:.5rem;border:1px solid var(--input-border-color)}.color-input .color-picker>.title{display:flex;justify-content:space-between;align-items:center}.color-input .color-picker>.title .close{display:inline-flex;padding:.5rem;cursor:pointer;font-size:125%}.checkbox-label{display:inline-flex;align-items:center}.checkbox-label input[type=checkbox]{margin-top:3px;margin-right:5px}.input.buttons .button-picker>button{margin:.1rem}.input.date-time>div{display:flex;align-items:center}.input.date-time input[type=date]{margin-right:.25rem;flex:1}.input.date-time input[type=time]{flex-grow:0;flex-shrink:0}.input{display:flex;flex-direction:column;margin-bottom:.75rem}.input.no-margin{margin-bottom:0}.input label{margin-bottom:.2rem}.input.with-hint label{margin-bottom:0}.input .hint{color:var(--input-hint-color);font-size:90%;margin-top:0rem;margin-bottom:.5rem}.input .control{flex:1}.input .control input,.input .control select,.input .control textarea{width:100%}.input .control .range-input{display:flex;width:100%;align-items:center}.input .control .range-input input{width:5rem}.input .control .range-input .range-container{flex:1;display:flex;align-items:center;margin-left:1rem}.input .control .range-input .range-container .min,.input .control .range-input .range-container .max{flex:0}.input .control .range-input .range-container input{flex:1;margin:0 .5rem;width:auto}.modal{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;display:none;justify-content:center;align-items:flex-start;background-color:var(--modal-overlay-bg-color);z-index:5}.modal.show{display:flex}.modal.confirm{background-color:var(--confirm-overlay-bg-color)}.modal.confirm .inner{width:25rem}.modal.confirm .actions{margin-top:1rem}.modal.confirm .actions>button{margin-left:.5rem}.modal .inner{background-color:var(--modal-bg-color);color:var(--modal-fg-color);margin-top:5vh;box-shadow:var(--box-shadow);border:1px solid var(--box-border-color);border-radius:var(--border-radius);width:20rem;max-height:90%;overflow:auto;max-width:100%}.modal .inner .body{padding:.75rem 1rem}.modal .actions{display:flex;align-items:center;justify-content:flex-end}.modal .actions button{padding:.5rem 1rem}.modal .actions .remove{margin-right:auto;background-color:var(--button-remove-bg-color);color:var(--button-remove-fg-color)}form{display:flex;flex-direction:column}form .actions{display:flex;justify-content:flex-end;align-items:center;margin-top:1rem}form .actions button{padding:.5rem 1rem}form .actions button.cancel{background-color:var(--button-cancel-bg-color);color:var(--button-cancel-fg-color)}form .actions button.remove{margin-right:auto;background-color:var(--button-remove-bg-color);color:var(--button-remove-fg-color)}form.horizontal{flex-direction:row;align-items:center}form.horizontal .input{flex-direction:row;margin-bottom:0;margin-right:.5rem;align-items:baseline}form.horizontal .input label{margin-right:.25rem}fieldset{margin-bottom:.75rem;border-color:var(--input-border-color)}fieldset .input:last-child{margin-bottom:0}.form-section{margin-bottom:1.5rem;border:1px solid var(--input-border-color)}.form-section .input:last-child{margin-bottom:0}.form-section .form-section{margin-bottom:1rem}.form-section>.body>.hint{color:var(--input-hint-color);font-size:90%;margin-top:0rem;margin-bottom:.5rem}.grid-sensors-container{position:relative;padding:.25rem;flex:1;overflow:auto;min-height:0}.grid-sensors{width:100%;height:100%;position:relative}.grid-sensors .grid-box{position:absolute;transition:all .2s;padding:.25rem;box-sizing:border-box}.grid-sensors .grid-box .box{position:relative;display:flex;flex-direction:column;overflow:hidden}.grid-sensors .grid-box .box .body{position:relative;flex:1}.grid-sensors .grid-box .box .box-loader{position:absolute;display:flex;align-items:center;justify-content:center;right:0;bottom:0;background-color:var(--box-loader-bg-color);color:var(--box-loader-fg-color);font-size:125%;padding:.25rem;z-index:2;border-top-left-radius:var(--border-radius)}.grid-sensors .grid-box .box .box-loader .svg-icon{animation-name:grid-loader-rotate;animation-iteration-count:infinite;animation-duration:.75s;animation-timing-function:linear}.grid-sensors .grid-box .box .resize-h{position:absolute;right:0;top:0;bottom:0;width:10px;cursor:e-resize}.grid-sensors .grid-box .box .resize-v{position:absolute;right:0;left:0;bottom:0;height:10px;cursor:s-resize}.grid-sensors .grid-box .box .resize{position:absolute;right:0;bottom:0;width:10px;height:10px;cursor:se-resize}.grid-sensors .grid-box .box .header{display:flex;flex-grow:0;flex-shrink:0;overflow:hidden;text-overflow:ellipsis}.grid-sensors .grid-box .box .header.hidden-title{border-bottom:none}.grid-sensors .grid-box .box .header .drag-handle{flex:1;cursor:move;overflow:hidden;text-overflow:ellipsis}.grid-sensors .grid-box .box .header .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.25rem .4rem}.grid-sensors .grid-box .box .header .actions{margin-left:auto;white-space:nowrap;flex-shrink:0;display:flex;align-items:center;padding-right:.4rem;opacity:0;transition:opacity .1s}.grid-sensors .grid-box .box .header .actions .action{margin-left:.25rem;font-size:110%;cursor:pointer;color:var(--box-action-fg-color)}.grid-sensors .grid-box .box:hover .header .actions{opacity:1}.grid-sensors .grid-box .box .dial{text-align:center;font-size:150%;display:flex;align-items:center;justify-content:center;height:100%}.grid-sensors .grid-box .box .mqtt-button{display:flex;align-items:center;justify-content:center;height:100%}.grid-sensors .grid-box .box .mqtt-button.apply-stretch{align-items:stretch}.grid-sensors .grid-box .box .mqtt-button.apply-stretch>button{flex:1}.grid-sensors .grid-box.dragging{transition:none}.grid-sensors .box-preview{position:absolute;background-color:var(--box-preview-bg-color);opacity:.5;transition:all .2s;z-index:1;border-radius:var(--border-radius)}@keyframes grid-loader-rotate{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}main.layout{height:100%;display:flex;max-width:60rem;margin:0 auto;box-sizing:border-box;background:var(--main-bg-color)}main.layout>.right-content{overflow:auto;display:flex;flex-direction:column;height:100%;flex:1}.menu{color:var(--box-fg-color);width:15rem;display:flex}.menu.as-popup{position:fixed;left:0;top:0;bottom:0;z-index:10}.menu .inner{flex:1}.menu .shadow{width:8px;background:var(--menu-shadow);flex-shrink:0;flex-grow:0}.menu .menu-close{font-size:150%;cursor:pointer;display:flex;align-items:center}.menu .header-container{border-bottom:1px solid var(--box-border-color);margin-bottom:.75rem}.menu .menu-header{display:flex;align-items:center;padding:1rem;height:3.5rem;box-sizing:border-box}.menu .menu-header h2{font-size:125%;padding:0;margin:0;margin-left:1rem;font-weight:400}.menu .sync-alert{margin-top:1.5rem;border:1px solid #fc5c00;background-color:#502400;border-radius:var(--border-radius);padding:.5rem;display:flex}.menu .sync-alert .icon{margin-right:.5rem;color:#fc5c00;padding-top:3px}.menu .sync-alert .text{font-size:85%}.menu nav{padding:0em 0rem;display:flex;flex-direction:column;font-size:115%}.menu nav a{text-decoration:none;padding:.4rem 1rem;color:var(--box-fg-color);display:flex;align-items:center}.menu nav a>svg{margin-right:.5rem}.menu nav a.current{background-color:var(--box-border-color)}.menu nav a:hover{background-color:var(--box-border-color)}.menu nav .menu-divider{height:1px;background-color:var(--box-border-color);margin:.5rem 0}.menu-overlay{background-color:var(--modal-overlay-bg-color);z-index:1;position:fixed;top:0;bottom:0;left:0;right:0}header.header{flex-grow:0;flex-shrink:0;border-bottom:1px solid var(--box-border-color)}header.header>.inner{display:flex;padding:.5rem .5rem .5rem 0;height:3.5rem;align-items:center;justify-content:center;box-sizing:border-box}header.header>.inner>.menu-button{display:flex;align-items:center;font-size:125%;cursor:pointer;padding:0 .75rem}header.header>.shadow{position:absolute;background:var(--header-shadow);width:100%;height:8px;z-index:1}section.content{flex:1;overflow:auto;display:flex;flex-direction:column}.bottom-menu .sync-alert{width:100%;border-top:1px solid #fc5c00;background-color:#502400;padding:.25rem .5rem;display:flex;box-sizing:border-box;justify-content:center;align-items:center}.bottom-menu .sync-alert .icon{margin-right:.5rem;color:#fc5c00;padding-top:6px}.bottom-menu .sync-alert .text{font-size:85%}.quick-nav{background-color:var(--header-bg-color);display:none;align-items:center;justify-content:center;margin:0 auto;border-top:1px solid var(--box-border-color);overflow:hidden}@media only screen and (min-width: 800px){.quick-nav{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);max-width:30rem}}.quick-nav .quick-nav-item{display:flex;padding:.25rem .75rem;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;color:var(--main-fg-color);width:3rem}.quick-nav .quick-nav-item>svg{font-size:180%;margin-bottom:.5rem}.quick-nav .quick-nav-item>div{font-size:85%}.quick-nav .quick-nav-item.current{background-color:var(--box-border-color)}@media only screen and (max-width: 800px){.quick-nav{display:flex}.menu{display:none}header.header>.inner>.menu-button{font-size:175%}header.header .dashboard-head>button,header.header .dashboard-head .filter-button{font-size:150%}}.box{box-shadow:var(--box-shadow);background-color:var(--box-bg-color);color:var(--box-fg-color);border-radius:var(--border-radius);border:1px solid var(--box-border-color)}.box .header{border-bottom:1px solid var(--box-border-color)}.box-shadow{box-shadow:var(--box-shadow)}.data-table{border:1px solid var(--box-border-color);background-color:var(--box-bg-color)}.data-table .data-table-header,.data-table .row{display:flex}.data-table .data-table-header .col,.data-table .row .col{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:.4rem .5rem}.data-table .data-table-header .col.actions,.data-table .row .col.actions{align-items:flex-end}.data-table .data-table-header .col.actions button,.data-table .row .col.actions button{margin-left:.25rem}.data-table .data-table-body .row{border-bottom:1px solid var(--box-border-color)}.data-table .data-table-body .row:last-child{border-bottom:none}.section-title{display:flex;align-items:center}.section-title h2{flex:1;font-weight:400}.empty{text-align:center;margin:1rem auto}.empty button{margin-top:1rem}.toasts{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);max-width:95%}.toasts .toast{background-color:var(--toast-bg-color);color:var(--toast-fg-color);padding:.25rem .5rem;border-radius:var(--border-radius);max-width:100%;width:25rem;box-shadow:var(--box-shadow);margin-top:1rem;animation-name:toastIn;animation-duration:.2s;animation-iteration-count:1;text-align:center;box-sizing:border-box}.toasts .toast.variant-error{background-color:var(--toast-error-bg-color);color:var(--toast-error-fg-color)}.toasts .toast.variant-success{background-color:var(--toast-success-bg-color);color:var(--toast-success-fg-color)}.toasts .toast.out{animation-name:toastOut;animation-duration:.2s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes toastIn{0%{transform:translateY(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastOut{0%{transform:translate(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.mood-picker{display:flex;justify-content:center}.mood-picker .mood{text-align:center;width:5rem;height:5rem;display:flex;flex-direction:column;flex-shrink:1}.mood-picker .mood button{border-radius:50%;margin:0 .5rem;color:#000;padding:.25rem;width:auto;height:auto;display:flex;align-items:center;justify-content:center}.mood-picker .mood button .svg-icon{fill:currentColor;stroke:none;height:100%}.mood-picker .mood button:before{content:"";display:block;width:0;height:0;padding-bottom:100%}.mood-picker .mood label{display:block;margin-top:.5rem;text-transform:lowercase}.mood-icon{border-radius:50%;width:4rem;height:4rem;color:#000;padding:.25rem;flex-grow:0;flex-shrink:0;flex:0;box-sizing:border-box;position:relative}.mood-icon .svg-icon{fill:currentColor;stroke:none;height:100%}.next-prev-switch{display:flex;align-items:center;width:20rem;margin:0 auto}.next-prev-switch .current{flex:1;text-align:center}.next-prev-switch button{background:none;font-size:125%}.mood-day{margin:.5rem 0;background-color:#2c2c2c;border-radius:var(--border-radius)}.mood-day .day{color:#999;font-size:85%;padding:.5rem 1rem;text-align:center}.mood-day .mood-item{display:flex;padding:.5rem 1rem}.mood-day .mood-item .info{margin-left:1rem;flex:1}.mood-day .mood-item .info .top{display:flex;align-items:center}.mood-day .mood-item .info .date{color:#999;font-size:85%}.mood-day .mood-item .info .time{color:#999;font-size:85%;margin-left:1rem}.mood-day .mood-item .info .mood{font-size:125%;text-transform:lowercase}.mood-day .mood-item .info .effects{display:flex;flex-wrap:wrap;margin:.25rem 0}.mood-day .mood-item .info .effects .effect{display:flex;align-items:center;margin-right:.5rem;font-size:85%;color:var(--primary-fg-color)}.mood-day .mood-item .info .effects .effect .svg-icon{fill:currentColor}.mood-day .mood-item .info .effects .effect .name{margin-left:.25rem;text-transform:lowercase}.mood-day .mood-item .info .note{margin-top:.5rem;font-size:85%}.mood-day .mood-item .actions{position:relative}.mood-day .mood-item .actions button{border-radius:50%;width:2rem;height:2rem;text-align:center;line-height:2rem;padding:0;background-color:#333;color:#ccc}.mood-day .mood-item .actions button .svg-icon{margin:0}.mood-day .mood-item .actions button:hover{background-color:#444}.mood-day .mood-item .popup{position:absolute;right:0;z-index:2;background-color:var(--box-bg-color);border-radius:var(--border-radius);border:1px solid var(--box-border-color)}.mood-day .mood-item .popup a{display:block;padding:.5rem 1rem;text-decoration:none;display:flex;align-items:center;color:var(--box-fg-color);border-bottom:1px solid var(--box-border-color)}.mood-day .mood-item .popup a .svg-icon{margin-right:.25rem}.mood-day .mood-item .popup a.delete{color:var(--button-remove-fg-color)}.mood-day .mood-item .popup a:last-child{border-bottom:none}.mood-day .mood-item .popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--modal-overlay-bg-color);z-index:1}.mood-effects-picker .mood-effect-group{background-color:#2c2c2c;border-radius:var(--border-radius);padding:.25rem .75rem;margin:1rem 0}.mood-effects-picker .mood-effect-group .group-title{margin:.5rem 0;text-align:center;color:#888}.mood-effects-picker .mood-effect-group .effects{display:flex;flex-wrap:wrap;justify-content:center}.mood-effects-picker .mood-effect-group .effects .effect{display:flex;align-items:center;flex-direction:column;justify-content:center;cursor:pointer;transition:background-color .3s;padding:.25rem;margin:.25rem;width:3.5rem;text-align:center;border-radius:var(--border-radius)}.mood-effects-picker .mood-effect-group .effects .effect .svg-icon{fill:currentColor}.mood-effects-picker .mood-effect-group .effects .effect.selected .icon{background-color:var(--primary-fg-color);color:var(--primary-bg-color)}.mood-effects-picker .mood-effect-group .effects .effect.selected>label{color:var(--primary-fg-color)}.mood-effects-picker .mood-effect-group .effects .effect>label{text-transform:lowercase;margin-top:.5rem}.mood-effects-picker .mood-effect-group .effects .effect .icon{border-radius:50%;width:3.2rem;height:3.2rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.mood-effects-picker .mood-effect-group .effects .effect .icon .svg-icon{height:2rem}.reload-prompt{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080}.reload-prompt .prompt{position:fixed;bottom:0;left:50%;transform:translate(-50%);background-color:var(--main-bg-color);color:var(--main-fg-color);padding:1em;border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:0 0 1em #00000080;max-width:25rem;width:100%;box-sizing:border-box;text-align:center}.reload-prompt .prompt .text{margin-bottom:1rem}.dashboard-page section.content{padding:1rem}.dashboard-page h2{text-align:center}.dashboard-page .today{max-width:20rem;margin:0 auto}.dashboard-page .today-picker{margin:2rem .5rem}.dashboard-page .mood-history{margin-top:2rem}.dashboard-page .mood-history h3{font-size:125%;text-align:center}.dashboard-page .mood-history .mood-items{max-width:20rem;margin:0 auto}.entry-page section.content{margin:1rem}.entry-page .selected-date{text-align:center;margin-bottom:1rem;color:#999}.entry-page .selected-mood{display:flex;justify-content:center;align-items:center;border-radius:1rem;padding:0 .5rem;margin:0 auto;color:#000;width:10rem}.entry-page .selected-mood .icon{height:6rem;width:6rem}.entry-page .selected-mood .icon .svg-icon{fill:currentColor;stroke:none;height:100%}.entry-page .selected-mood label{margin-left:.5rem;margin-right:1.5rem}.entry-page .entry-details{max-width:20rem;margin:0 auto}.entry-page .entry-details .note{margin-top:1rem}.entry-page .entry-details .note label{display:block}.entry-page .entry-details .note textarea{box-sizing:border-box;width:100%;height:5rem}.entry-page .entry-details button.save{margin-top:1rem;display:block;width:100%;padding:1rem}.calendar-page .month-picker{display:flex;width:15rem;align-items:center;margin:1rem auto}.calendar-page .month-picker .current{flex:1;text-align:center;text-transform:lowercase}.calendar-page .calendar{margin:1rem auto}.calendar-page .calendar td{width:3rem;height:3rem;text-align:center}.calendar-page .calendar td .mood-icon,.calendar-page .calendar td .empty-icon{width:2rem;height:2rem;margin:0 auto;margin-bottom:.25rem}.calendar-page .calendar td .empty-icon{background-color:#555;border-radius:50%;display:flex;align-items:center;justify-content:center}.calendar-page .calendar td .empty-icon.can-add{cursor:pointer}.calendar-page .calendar td .multi-icon{width:2rem;height:2rem;margin:0 auto;margin-bottom:.25rem;position:relative}.calendar-page .calendar td .multi-icon>.mood-icon{position:absolute}.calendar-page .calendar td.prev-month,.calendar-page .calendar td.next-month{color:#aaa}.calendar-page .calendar td.prev-month .empty-icon,.calendar-page .calendar td.next-month .empty-icon{background-color:#333}.day-page section.content{margin:1rem 0}.day-page .next-prev-switch{margin:1rem auto;max-width:20rem}.day-page .empty{text-align:center}.day-page .mood-day{max-width:20rem;margin:0 auto}.settings-page section.content{padding:1rem 0}.settings-page section.content>div>div{max-width:20rem;margin:0 auto}.settings-page .section{margin-bottom:1.5rem}.settings-page .section-header{text-align:center;margin-bottom:.5rem}.settings-page .section-header span{display:flex;align-items:center;justify-content:center}.settings-page .section-header span:before,.settings-page .section-header span:after{content:" ";display:block;background-color:var(--box-border-color);height:1px;flex:1}.settings-page .section-header span:before{margin-right:.5rem}.settings-page .section-header span:after{margin-left:.5rem}.settings-page .section.export button{display:flex;width:100%;margin:.5rem 0}.reports-page .report-item{max-width:25rem;margin:1rem auto;text-align:center;background-color:#2c2c2c;border-radius:var(--border-radius);padding:.25rem}.reports-page .report-item h2{margin:0;padding:0;margin-bottom:.5rem;font-size:125%;font-weight:400}.reports-page .report-item .graph-tooltip{padding:.15rem .4rem;background-color:#444;border-radius:var(--border-radius);color:#eee;box-shadow:var(--box-shadow)}.reports-page .report-item .graph-tooltip .flex-line{display:flex;align-items:center;margin:.25rem 0}.reports-page .report-item .graph-tooltip .mood-icon{width:1.5rem;height:1.5rem}.reports-page .report-item .graph-tooltip.line-graph{display:flex;flex-direction:column;align-items:center;padding:.4rem}.reports-page .mood-counts .list{display:flex;justify-content:center}.reports-page .mood-counts .graph{display:flex;border-radius:var(--border-radius);overflow:hidden;margin:1rem}.reports-page .mood-counts .graph .mood{height:15px}.reports-page .mood-counts .mood-count{margin:0 .25rem;padding:.25rem;flex-shrink:1;flex-grow:1;box-sizing:border-box}.reports-page .mood-counts .mood-count .mood-icon{width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-grow:0;flex-shrink:0}.reports-page .mood-counts .mood-count .mood-icon:before{content:"";display:block;width:0;height:0;padding-bottom:100%}.reports-page .mood-counts .mood-count .count{font-size:1.5rem;text-align:center;margin-top:.25rem}