.header-bar{background:#0b9afb;border-bottom:1px solid #fff;padding:.5em;position:fixed;top:0;left:0;width:100%;height:44px;z-index:1000;color:#fff;display:flex}.header-bar a{color:#fff}.header-bar .logo{font-weight:700;padding:5px;border-top:1px solid #fff;border-bottom:1px solid #fff;letter-spacing:5px}.header-bar .logo2{background:#000}.header-bar .flex-left{flex-grow:1}.header-bar .flex-center{justify-items:center}.header-bar .flex-right{text-align:right;flex-grow:1}.header-bar .hamburger{width:30px}.header-bar .hamburger .line{width:30px;height:3px;background-color:#ecf0f1;display:block;margin:6px auto;transition:all .3s ease-in-out}.header-bar .hamburger:hover{cursor:pointer}.header-bar .hamburger.active .line:nth-child(2){opacity:0}.header-bar .hamburger.active .line:nth-child(1){transform:translateY(9px) rotate(45deg)}.header-bar .hamburger.active .line:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.window-shade{transition:all .3s ease-in-out;opacity:.75;z-index:20;inset:44px 0 0;overflow:hidden;position:fixed;background:#222}#drawer{top:43px;background:#0b9afb;width:175px;left:-175px;overflow-y:auto;position:fixed;max-height:500px;z-index:1000;transition:all .3s ease-in-out;border-radius:0 0 3px;padding-bottom:3px}#drawer.active{left:0}#drawer ul{display:flex;flex-direction:column;border-top:1px solid #fff}#drawer li{border-bottom:1px solid #fff;transition:all .3s ease-in-out}#drawer li.active,#drawer li:hover{background:#222}#drawer li a{display:block;padding:.5rem}@media(min-width:768px){#drawer{width:262.5px;left:-262.5px}}@media(min-width:1240px){#drawer{width:350px;left:-350px}}.wrapper{max-width:1600px;margin:0 auto}main{padding-top:44px;z-index:1;height:100%}#lifetracker,#app-container,.main-content-lifetracker{height:100%;position:relative}.bg-lightgreen{background-color:#90ee90}.bg-aqua{background-color:#0ff}.bg-pink{background-color:pink}.bg-yellow{background-color:#ff0}.bg-goldenrod{background-color:#daa520}.bg-plum{background-color:plum}.bg-thistle{background-color:#d8bfd8}button{font-size:16px;background-color:#fff;margin:.15em;padding:.5em;border-radius:.25em}@media(min-width:768px){button{font-size:26px;background-color:#fff;padding:.75em;border-radius:.25em}}button.up{border:1px solid green}button.down{border:1px solid red}button.up-big{border:3px solid green}button.down-big{border:3px solid red}.life-section .edit-name-form{background:#000;position:absolute;inset:0;opacity:.95;text-align:center;z-index:1000}.life-section .edit-name-form span{color:#fdfdfd}.life-section .header-row{font-size:14px}@media(min-width:768px){.life-section .header-row{font-size:24px}}.life-section .header-row button{font-size:10px}@media(min-width:768px){.life-section .header-row button{font-size:20px}}.life-section .counter-area{background:#efefef;border-left:1px solid #333;border-bottom:1px solid #333;border-radius:0 0 0 1rem;font-size:26px;padding-left:3rem;position:absolute;top:0;right:-95px;transition:right .3s ease}.life-section .counter-area.active{right:0}.life-section .counter-area .counter-area-control-icon{cursor:pointer;padding:.3rem .3rem 2rem .6rem;width:42px;position:absolute;top:0;left:0}@media(min-width:768px){.life-section .counter-area .counter-area-control-icon{padding:.6rem .6rem 2rem}}@media(min-width:768px){.life-section .counter-area{right:-167px}}.life-section .counter-sections{width:95px}@media(min-width:768px){.life-section .counter-sections{height:auto;width:155px;max-height:216px;overflow-y:scroll}}.life-section .align-content{cursor:pointer;font-size:124px;line-height:1}@media(min-width:768px){.life-section .align-content{font-size:158px}}.life-section .life-section{transition:transform .3s;position:relative;overflow:hidden}.life-section .double-col-row>section>span{padding-right:1.5rem}.life-section .low-players .life-section button{padding:1.25em}.counter-sections{text-align:center;width:95px;height:40px}@media(min-width:768px){.counter-sections{width:155px;height:68px}}.counter-sections .choose-color-section{text-align:center;width:95px;height:40px}@media(min-width:768px){.counter-sections .choose-color-section{width:155px;height:68px}}.counter-sections .counter-count{width:40px}.counter-sections .color-chooser{padding:0;margin:0 2px;height:30px;width:50px;border:none}@media(min-width:768px){.counter-sections .color-chooser{height:50px}}.counter-sections button{font-size:10px;padding:.25em;margin:0 .25em}@media(min-width:768px){.counter-sections button{font-size:16px}}.life-tracker-menu{display:flex;flex-direction:column;margin:.5rem;color:#fff}@media(min-width:1240px){.life-tracker-menu{font-size:18px}}.life-tracker-menu fieldset{padding:0;display:flex;align-items:center;justify-content:flex-end}.life-tracker-menu fieldset label{padding:.25rem 0;text-align:right;width:55px}.life-tracker-menu fieldset .input-container{flex:1 0 auto;margin-left:1rem}.life-tracker-menu button{padding:.2rem;background-color:transparent;border:none;font-size:12px}@media(min-width:1240px){.life-tracker-menu button{padding:.5rem}}.life-tracker-wrapper{width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-auto-columns:1fr;grid-auto-rows:1fr}section.life-section{color:#000;border:1px solid #fff}section.life-section.low-players{grid-column:1/span 2}section.life-section:nth-child(1){background-color:#90ee90}section.life-section:nth-child(2){background-color:pink}section.life-section:nth-child(3){background-color:#ff0}section.life-section:nth-child(4){background-color:#daa520}section.life-section:nth-child(5){background-color:plum}section.life-section:nth-child(6){background-color:#0ff}.layout-wrap{height:100%;position:relative}.centered{display:flex;align-items:center;justify-content:center}.centered-vert{display:flex;align-items:center}.full-height-layout{display:flex;flex-flow:column;height:100%}.full-height-layout .align-row.align-content{flex:1 1 auto}.double-col-row{display:flex}.double-col-row>section{flex-grow:1}.double-col-row>section:nth-child(2){text-align:right}.flip{transform:rotate(180deg)}body,html{font-size:16px;font-family:sans-serif}b,strong,.embolden{font-family:Gill Sans Extrabold,sans-serif}.italicize,em{font-family:sans-serif}b em,em b,strong em,em strong{font-family:Gill Sans Extrabold,sans-serif}.text-tiny{font-size:10.4px}.text-small,table{font-size:12px}.text-normal,p{font-size:14px}.text-medlg,h6,h5{font-size:16px}.text-large,h4,h3,h1{font-size:18px}.text-largemed{font-size:20px}.text-extralg,h2{font-size:24px}.text-verylarge{font-size:32px}.text-superlarge{font-size:36px}h1,h2,h3,h4,h5,h6{margin-top:0;font-family:Gill Sans Extrabold,sans-serif}.align-right{text-align:right}.align-center{text-align:center}.align-left{text-align:left}.align-middle{vertical-align:middle}.float-left{float:left}.float-right{float:right}.floated-links{float:right;padding:.25rem}.floated-links>a{margin-left:1rem}.display-block{display:block}.bottom-space-small{padding-bottom:.5rem}.bottom-space-large{padding-bottom:2rem}.indented{margin-left:20px}.selected{background-color:pink!important}.pad-right{padding-right:.25rem}.pad-left{padding-left:.25rem}.vertical-align-container{display:flex;align-items:center}.hidden{position:absolute!important;top:-9999px!important;left:-9999px!important}.invisible{visibility:hidden}.error{border:1px solid red}.preserve-space{white-space:pre-line}.no-wrap{white-space:nowrap}.strike{text-decoration:line-through}.hand{cursor:pointer}.move{cursor:move}.full-width{width:100%}.truncate{max-height:9rem;overflow-y:auto;display:block}.extra-spacing{padding:2em}.prewrap{white-space:pre-wrap}.close{cursor:pointer}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#222;background-color:#242424;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}html,body,#root{height:100%;margin:0;position:relative}a{color:#fff;text-decoration:none;transition:all .3s ease-in-out}h1,h2,h3,h4,h5,h6,p,dl,ol,table{margin-top:0;margin-bottom:.5rem}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{font-family:Gill Sans Extrabold,sans-serif}button{background-color:#f9f9f9}}dd{margin-left:0}ul,li{list-style-type:none;margin:0;padding:0}img{max-width:100%}table{border-collapse:collapse;border-spacing:0;width:100%}thead tr{font-family:Gill Sans Extrabold,sans-serif}td,th{padding:.5rem .25rem;border:1px solid #ccc;position:relative;text-align:left;vertical-align:top;word-wrap:break-word}input[type=checkbox]{width:auto;transition:box-shadow .3s ease-in-out;outline:none;padding:3px 0 3px 3px;margin:5px 1px 3px 0;border:1px solid #DDDDDD}input[type=checkbox]:focus{box-shadow:0 0 5px #51cbee}fieldset{border:none;margin:0;padding:.5rem}:invalid{box-shadow:none}:-moz-submit-invalid{box-shadow:none}:-moz-ui-invalid{box-shadow:none}