.fade-enter,.fade-leave-to{opacity:0}.fade-enter-active,.fade-leave-active{transition:all .4s ease-in-out}.expand-enter,.expand-leave-to{opacity:0;transform:scale(0)}.expand-enter-active,.expand-leave-active{transition:all .2s ease-in-out}.expand-enter-to,.expand-leave{opacity:1;transform:scale(1)}.form-group{border-radius:6px;text-align:left;margin-bottom:15px;width:100%}.form-group label{font-weight:700;display:block;margin-bottom:4px}.form-group label>[type=checkbox]{display:block;margin-left:auto;margin-right:auto;border-radius:20px;width:25px;height:25px}.form-group input,.form-group select,.form-group button{border:2px solid #dfd9c7;background-color:#fff9e6;border-radius:6px;padding:5px 7px;margin-left:3px;cursor:pointer}.form-group input.full-width,.form-group select.full-width,.form-group button.full-width{width:100%}.form-group input.full-width[type=date],.form-group input.full-width[type=time],.form-group select.full-width[type=date],.form-group select.full-width[type=time],.form-group button.full-width[type=date],.form-group button.full-width[type=time]{width:95%}.form-group input:hover,.form-group select:hover,.form-group button:hover{border-color:#e6e2d4;background-color:#fffefa}.form-group button{min-height:34px;min-width:34px}.form-group .hint{margin-left:5px;font-size:12px;margin-top:5px}a{font-weight:700;color:#66c89c;text-decoration:none}a:hover{color:#8bd6b4}.badge{display:flex;font-size:1.5em;overflow:hidden;border-radius:20px;border-width:3px;border-style:solid;background-color:#aaa;color:#444;border-color:#919191;height:30px;min-width:30px;padding:2px;text-align:left}.badge.badge-small{font-size:1em;line-height:2em}.badge.badge-blue{background-color:#87ceeb;color:#186c8e;border-color:#5bbce4}.badge.badge-pink{background-color:#ffb6c1;color:#e90023;border-color:#ff8396}.badge.badge-green{background-color:#adff2f;color:#3b6200;border-color:#98fb00}.badge .badge-icon{width:30px;height:30px}.badge .badge-value{flex:1;align-self:center;justify-self:center;place-self:center}.badge.speed{text-align:center}.badge.speed *{flex:1;align-self:center}.flex-box{display:flex}.flex-box .flex-1{flex:1;margin-left:5px}.flex-box .flex-1:first-of-type{margin-left:0}.flex-box .flex-2{flex:2;margin-left:5px}.flex-box .flex-2:first-of-type{margin-left:0}.flex-box .flex-3{flex:3;margin-left:5px}.flex-box .flex-3:first-of-type{margin-left:0}.flex-box .flex-4{flex:4;margin-left:5px}.flex-box .flex-4:first-of-type{margin-left:0}.flex-box .flex-5{flex:5;margin-left:5px}.flex-box .flex-5:first-of-type{margin-left:0}.flex-box .flex-6{flex:6;margin-left:5px}.flex-box .flex-6:first-of-type{margin-left:0}.flex-box .flex-7{flex:7;margin-left:5px}.flex-box .flex-7:first-of-type{margin-left:0}.flex-box .flex-8{flex:8;margin-left:5px}.flex-box .flex-8:first-of-type{margin-left:0}.flex-box .flex-9{flex:9;margin-left:5px}.flex-box .flex-9:first-of-type{margin-left:0}.flex-box .flex-10{flex:10;margin-left:5px}.flex-box .flex-10:first-of-type{margin-left:0}.fa-spinner{color:#00a1e0;margin-top:5px;margin-bottom:5px}.text-left{text-align:left}.text-center{text-align:center}.loader-overlay{display:block;position:relative;height:100%;width:100%;z-index:60;background:rgba(170,170,170,.6666666667);border-radius:20px}.loader-overlay>*{margin-top:15px}.critter-container{margin-top:10px}.critter{border:6px solid #ffe797;background-color:#ffe797;border-radius:20px;color:#2c3e50;position:relative;height:calc(100% - 12px)}.critter .image{border:6px solid #ffe797;background-color:#fff0bd;border-radius:20px;height:calc(100% - 11px)}.critter.needs-rain .image{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAK4SURBVGhD7Vi9jtQwGHROogKKawGBON7iGopQ0PNTwGvwGLwGVCcaGoQ4CUSDRENHRQGcKBASBSCEKMyM1wmJ4836+2zvbZGRZu3cbjI3nx175Ma09rMx5g34EnxmX5gPaDeiaRrfM8Za63srNDfMIZoH4HXwHPgWfAi+An9C4y9aNZx2a0cae/j4CD4CH4OfwBI4A+6Df8Bj8Cn43hw338EsEwOMNGikhkgHFoZFIksVKYTToJEaIt/A1+Bz8B0KdAL+5hcFMdJowvmdig3vyHk0F1ZX5gtM/PB9hznN4XOJ2G/9OzLS6O+SPNyhtZyjZ1cX5tdwWpYojkOgMbdIcGppcRm878l+DSRryI20lks2K3UVvAPeBi+B5aDQ0IwIK3PPs+ZIiDRyjHC4r/APFSDWSDfS2ovgLfTuggfgV/AJeASegPnI0JCMCCvDCnXDXSMRqDUkRkaRAKweO8BkDc074iKBZ+lE0EGsITGSHDu4sa3jBqijTfrOHkQCCIxiRypmdXKijW/lEUWJHJ1sIzFozUl0Qo25e/f4pdTELqJIjJ+gUDJeNyIx7S6cJUXlIYYPC/+5iVBrr+Hz5uoi/1wgZoTLL3dQ7qYk++WwxaRMI/VE/oe/LnLUgNOgkeoiYHKKVaA3Ul7kFJIyjZQXOYWkTCPLAV0CxClWAadBIzVElgO6IWY3xPCAroQRCSR6ocbcvWojuwZdWYEaBZCMQAi1EczRScLNNTeZroJAy1VLC2503JDImhEnSUNuZDn7FUGs0Rvh/F7HAJ0Ih7tqogWTNdJHZDn7FUGtITEySpvgcvabALGGxMjWE61Eo99KI6tTj1jahMDk7HfuGSnIOvvVis+m30h88f1ss0RMe6cP6NYhZoTvCJc5Lnkk++WwHNCJ4DRopLoImBw1FOiNlBfZepwxB/8A5fnc8OWPtGYAAAAASUVORK5CYII=)}.critter .critter-name{margin-top:5px;margin-bottom:5px;height:48px;font-size:20px}.critter.transparent{border:6px solid transparent;background-color:transparent}.critter ol{padding-left:25px}.critter ul{list-style:none;padding:0;margin:0}.critter table.data{width:100%}.critter table.data td:first-of-type{font-weight:700}.critter table.data td:last-of-type{text-align:right}.critter hr{width:100%;height:3px;margin:5px 0;padding:0;background-color:#ffe797;border:none}.critter .critter-grid{display:grid;grid-template-columns:35% calc(65% - 10px);grid-column-gap:10px;height:100%}.critter .critter-grid .critter-grid-content{border-radius:20px;background-color:#fff0bd}.critter .critter-grid .critter-grid-image{display:grid;background-color:#fff0bd;border-radius:20px;grid-template-rows:60% calc(40% - 10px);grid-row-gap:10px;padding-top:5px;padding-left:5px;padding-right:5px}.critter .critter-grid-badges{display:grid;grid-column-gap:5px;grid-template-columns:35% repeat(3,40px)}.grid{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(3,auto)}.grid-of-1{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(1,auto)}.grid-of-2{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(2,auto)}.grid-of-3{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(3,auto)}.grid-of-4{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(4,auto)}.grid-of-5{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(5,auto)}.grid-of-6{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(6,auto)}.grid-of-7{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(7,auto)}.grid-of-8{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(8,auto)}.grid-of-9{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(9,auto)}.grid-of-10{display:grid;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px;grid-template-columns:repeat(10,auto)}@media (max-width: 900px){.hidden-xs{display:none!important}.critter-container .critter{border-width:3px;height:calc(100% - 6px)}.critter-container .critter .image{border-width:3px;height:calc(100% - 5px)}.critter-container .critter h2{font-size:18px;height:36px}.critter-container .critter .critter-grid-badges{display:block;text-align:left}.grid,.grid-of-1,.grid-of-2,.grid-of-3,.grid-of-4,.grid-of-5,.grid-of-6,.grid-of-7,.grid-of-8,.grid-of-9,.grid-of-10{grid-template-columns:auto}.badge{border-width:0;min-width:26px;height:26px;display:inline-block;margin-left:5px}.badge:first-of-type{margin-left:0}.badge .badge-icon{display:inline;height:26px;width:26px}}html{height:100%}body{margin:0;padding:0;background-color:#42b983;background-image:url(/assets/grass-pattern-323827b6.png);height:100%}#app{height:100%;display:flex;flex-direction:column;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff}#app .inner-app{flex:1;overflow-y:auto;height:100%}#app .scrolling-app{margin:5px 2%;background:rgba(99,54,0,.75);padding:10px 2%;border-width:5px;border-color:#4e2a00;border-style:solid;border-radius:20px}.nav{min-height:30px;background:#2c3e50;padding:8px;display:flex;border-bottom:5px solid #1a252f}.nav.hamburger{display:block;text-align:center}.nav.hamburger .hamburger-nav-button{position:absolute;cursor:pointer;left:0;top:0;height:30px;width:30px;padding:8px;border-radius:6px}.nav.hamburger .hamburger-nav-button:hover{background:rgba(0,0,0,.3137254902)}.nav.hamburger .hamburger-nav-button.open{background:rgba(255,255,255,.3137254902)}.nav.hamburger .hamburger-nav-title{margin:0;padding:0;font-size:1.6em}.hamburger-target{position:absolute;width:250px;height:calc(100% - 51px);background:#597ea2;left:-250px;transition:left ease-in-out .25s;display:flex;flex-direction:column;border-right:5px solid #2c3e50;z-index:9999}.hamburger-target.open{left:0}.hamburger-target a{height:36px16px;width:calc(100% - 16px);font-weight:700;font-size:18px;color:#2c3e50;text-decoration:none;text-align:left;padding:8px;border-bottom:2px solid #2c3e50}.hamburger-target a.router-link-exact-active{color:#aabed1}.hamburger-target a:first-of-type{border-left:0}.hamburger-target a:after{content:attr(title);font-size:1.2em;padding-left:8px}@media (max-width: 900px){#app .inner-app{margin-left:5px;margin-right:5px;padding-left:5px;padding-right:5px}#app .scrolling-app{margin-left:3px;margin-right:3px}}.collapse:not(.mobile-only){border-radius:20px;border:1px solid #2c3e50;background:#9edcc0;color:#2c3e50}.collapse:not(.mobile-only) .collapse-toggle{position:relative;display:flex;margin-left:20px;margin-right:20px;cursor:pointer}.collapse:not(.mobile-only) .collapse-toggle .toggle-header{text-align:left;min-height:40px;display:block;font-size:20px;line-height:40px;flex:1}.collapse:not(.mobile-only) .collapse-toggle .toggle-icon{width:40px;position:relative;right:0}.collapse:not(.mobile-only) .collapse-toggle .toggle-icon .h,.collapse:not(.mobile-only) .collapse-toggle .toggle-icon .v{position:absolute;display:inline-block;background-color:#2c3e50;width:30px;height:5px;transition:transform .25s ease-out;top:17px}.collapse:not(.mobile-only) .collapse-toggle .toggle-icon .v{transform:rotate(-270deg)}.collapse:not(.mobile-only) .collapse-content{height:auto;max-height:0;overflow:hidden;padding:0;transition:all .3s ease-in-out}.collapse:not(.mobile-only).open .collapse-content{padding:5px;max-height:1000px}.collapse:not(.mobile-only).open .collapse-toggle .v{transform:rotate(0)}@media (max-width: 900px){.collapse{border-radius:20px;border:1px solid #2c3e50;background:#9edcc0;color:#2c3e50}.collapse .collapse-toggle{position:relative;display:flex;margin-left:20px;margin-right:20px;cursor:pointer}.collapse .collapse-toggle .toggle-header{text-align:left;min-height:40px;display:block;font-size:20px;line-height:40px;flex:1}.collapse .collapse-toggle .toggle-icon{width:40px;position:relative;right:0}.collapse .collapse-toggle .toggle-icon .h,.collapse .collapse-toggle .toggle-icon .v{position:absolute;display:inline-block;background-color:#2c3e50;width:30px;height:5px;transition:transform .25s ease-out;top:17px}.collapse .collapse-toggle .toggle-icon .v{transform:rotate(-270deg)}.collapse .collapse-content{height:auto;max-height:0;overflow:hidden;padding:0;transition:all .3s ease-in-out}.collapse.open .collapse-content{padding:5px;max-height:1000px}.collapse.open .collapse-toggle .v{transform:rotate(0)}}.footer{padding-top:5px;height:45px;border-top:5px solid #1a252f;background-color:#2c3e50}.modal{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:20px}.modal .modal-closer{position:absolute;top:0;right:0;width:30px;height:30px;font-size:15px;line-height:30px;border-radius:20px;border:5px solid #2c3e50;background:#42b983;color:#2c3e50}.modal .modal-shade{position:absolute;top:0;bottom:0;left:0;right:0;background-color:#80808044;z-index:2;border-radius:20px}.modal .modal-outer{position:absolute;z-index:3;top:15%;bottom:15%;left:15%;right:15%;border-radius:20px;background:#eeeeee}.modal .modal-outer .modal-inner{height:calc(100% - 10px);width:calc(100% - 10px);background:white;border-radius:20px;margin:5px}.paginator{display:flex;width:100%;background-color:#fff6d6;border:6px solid #ffe797;margin-top:10px;font-size:20px;border-radius:20px;color:#2c3e50}.paginator .page{flex:1;display:block;cursor:pointer;border-left:5px solid #ffe797;border-top-left-radius:20px;border-bottom-left-radius:20px;z-index:2}.paginator .page.current{cursor:unset;border-radius:20px;background-color:#fff9e5;border-left:5px solid #ffe797;border-right:5px solid #ffe797;z-index:3;border-color:#ffe17e}.paginator .page.current~.page{border-radius:0 20px 20px 0;border-left:unset;border-right:5px solid #ffe797}.paginator .page.current~.page.disabled{border-right-color:#333}.paginator .page.current~.page.disabled:after{content:" ";background-color:#afafaf;float:left;width:10px;height:100%;left:-10px;position:relative}.paginator .page.disabled{cursor:unset;background-color:#afafaf;color:#333;z-index:1;position:relative;border-left-color:#333}.paginator .page.disabled:after{content:" ";background-color:#afafaf;float:right;width:10px;height:100%;right:-10px;position:relative}label+.tri-state-toggle{margin-top:2em}.tri-state-toggle{display:flex;position:relative}.tri-state-toggle .label{display:flex;padding-left:5px;padding-right:5px;min-width:75px;max-width:75px;text-align:center;justify-content:center;align-items:center}.tri-state-toggle .none-label{position:absolute;display:block;content:" " attr(data-none-label);top:-2em;height:auto;width:auto;left:41%;font-weight:700}.tri-state-toggle.left .none-label,.tri-state-toggle.right .none-label{font-weight:400}.tri-state-toggle.left .left-label,.tri-state-toggle.right .right-label{font-weight:700}.toggle-container{flex:1;border:5px solid grey;background-color:#d3d3d3;position:relative;height:32px;width:96px;border-radius:20px;overflow:hidden}.toggle-container .state{background-color:gray;position:absolute;width:32px;height:32px;left:calc(50% - 16px);top:0;border-radius:20px;transition:left .25s ease-out}.toggle-container .state.left{left:0}.toggle-container .state.right{left:calc(100% - 32px)}@media (max-width: 900px){.tri-state-toggle .none-label{left:35%}}