img{margin-bottom:1.5rem}img:hover{filter:drop-shadow(0 0 2em #673ab8aa)}.home section{margin-top:5rem;display:grid;grid-template-columns:repeat(3,1fr);column-gap:1.5rem}.resource{padding:.75rem 1.5rem;border-radius:.5rem;text-align:left;text-decoration:none;color:#222;background-color:#f1f1f1;border:1px solid transparent}.resource:hover{border:1px solid #000;box-shadow:0 25px 50px -12px #673ab888}@media (max-width: 639px){.home section{margin-top:5rem;grid-template-columns:1fr;row-gap:1rem}}@media (prefers-color-scheme: dark){.resource{color:#ccc;background-color:#161616}.resource:hover{border:1px solid #bbb}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#222;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0}#app{display:flex;flex-direction:column;min-height:100vh}header{display:flex;justify-content:flex-end;background-color:#673ab8}header nav{display:flex}header a{color:#fff;padding:.75rem;text-decoration:none}header a.active{background-color:#0005}header a:hover{background-color:#0008}footer{width:100%;background:#673ab8;font-family:Helvetica Neue,arial,sans-serif;text-align:center;align-self:flex-end;padding-top:12px;padding-bottom:12px}footer>h4{font-weight:400;margin-top:0;margin-bottom:0}main{flex:auto;display:flex;align-items:center;max-width:1280px;margin:0 auto;text-align:center}@media (max-width: 639px){main{margin:2rem}}@media (prefers-color-scheme: dark){:root{color:#ccc;background-color:#1a1a1a}}a.logo{position:absolute;left:0;top:0;display:flex;padding:.5rem 1rem}.logo h1{padding-left:.5rem;margin:0;font-size:1.5rem;line-height:2rem;font-weight:400}a.logo>img{margin-bottom:0}.ProgressRoot{margin:.3rem;position:relative;overflow:hidden;background:#696969;border-radius:99999px;width:7rem;height:.5rem;transform:translateZ(0)}.ProgressIndicator{background-color:#fff;width:100%;height:100%;transition:transform .66s cubic-bezier(.65,0,.35,1)}.home{padding:1rem;width:100%}.home>a{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;margin-bottom:1rem}.home>h2{margin-top:0}.home button{padding:.5rem 1rem;border:1px solid #673ab8;background:transparent;color:inherit;border-radius:4px}.home select{padding:.5rem;border:1px solid #673ab8;background:transparent;color:inherit;border-radius:4px}@media (max-width: 640px){.home{padding:.5rem}.home>a{font-size:.875rem}.home>h2{font-size:1.25rem}.home button,.home select{width:100%;margin:.25rem 0;padding:.75rem}.DetailedKegCard>section{grid-template-columns:1fr!important;gap:.5rem}.KegCard{flex-direction:column;gap:.5rem;text-align:center}.KegCardTitle{width:100%}}.home>section{margin-top:2rem}.KegFullnessGauge{display:flex;justify-content:center;align-items:center;padding:.5rem 0}@media (max-width: 640px){.KegFullnessGauge{flex-direction:column;gap:.5rem}.KegFullnessGauge>div{display:flex;flex-direction:column;align-items:center;gap:.5rem}.ProgressRoot{width:100%!important;height:8px!important}}.KegCard{display:flex;justify-content:space-between;align-items:center}.KegCardTitle{width:50%;min-width:10rem;text-align:center}.KegCardTitle>h3,p{margin:0}.KegCard>p{margin:.1rem}.spacer{padding:.5rem}.spacer2{padding:1.7rem}.DetailedKegCard>section{margin-top:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.KegDetailsCard>h3{margin-bottom:0}.KegDetailsCard:first-child>h3{margin-top:0}