body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#282c34}body.light{background-color:#e8c1c0}.App{color:#fff;flex-direction:column;align-items:center;font-size:calc(10px + 2vmin);display:flex}.App button.linklike-button{color:#fff}body.light .App,body.light .App button.linklike-button{color:#000c}.AppContent{max-width:800px}.AppContent>div{width:100%;max-width:calc(100vw - 30px)}.App-link{color:#61dafb}button,input[type=submit]{background:#fffe;border-radius:6px;padding:1px 6px;box-shadow:1px -1px 3px 1px #333}body.light button,body.light input[type=submit]{border-color:#666;box-shadow:1px -1px 3px 1px #ccc}button:disabled,input[type=submit]:disabled{background:#fffa}body.light button:disabled,body.light input[type=submit]:disabled{border-color:#999}body.light button.TabButton,button.TabButton{box-shadow:unset;border-color:unset}nav ul{padding-left:0}nav ul li{margin-left:20px;margin-right:20px;display:inline-block}nav ul li a{color:#fff}nav ul li a,nav ul li label{font-size:18px}nav .Search{margin-bottom:20px;margin-left:20px;margin-right:20px}ul li a{color:#fff;font-size:16px}a{color:#fff}body.light a{color:#000c}.RowLike{word-break:break-word;overflow-wrap:break-word}.RowLike:nth-child(odd),tr:nth-child(odd){background:#0003}body.light .RowLike:nth-child(odd),body.light tr:nth-child(odd){background:#0000000d}.RowLike:nth-child(2n),tr:nth-child(2n){background:#0000004d}body.light .RowLike:nth-child(2n),body.light tr:nth-child(2n){background:#0000001a}input[type=text],input[type=password],input[type=datetime-local],select{width:calc(100% - 8px);margin:auto;padding:1px 2px}.content-end{min-width:5px;min-height:5px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:#4095bf}.ChangePasswordForm div{margin-bottom:20px}.FlexRow{width:100%;display:flex}.FlexRow>div:first-child{flex-grow:1}.FlexRow>div:not(first-child){align-items:center;display:flex}.SearchBox{margin:auto;display:flex}.SearchResults{width:80vw;position:absolute;left:10vw;transform:translateY(30px)}.SearchResults>ul>li>button{cursor:pointer;background-color:#0000;border:0;width:100%;font-size:calc(10px + 2vmin)}.SearchBox ul{text-align:center;color:#000;background:#fff;border:1px solid #000;border-radius:10px;margin-top:0;margin-bottom:10px;padding:0;list-style-type:none}.SearchBox li{margin-top:10px;margin-bottom:10px;display:block}.SearchBox li button{box-shadow:none}.SearchInfo{padding-top:10px;padding-bottom:10px;font-style:italic}.SearchInfoContainer .SearchInfo{padding-top:0;padding-bottom:10px}.SearchInfoContainer{opacity:0;max-height:0}.SearchInfoContainer hr{margin-block:0}.SearchInfoContainer.shown{opacity:1;max-height:50px;transition:max-height .5s ease-in-out .3s,opacity .5s ease-in-out .6s}.SearchInfoContainer.shown hr{margin-block:10px}.SelectedItem{width:70%;margin-bottom:10px;margin-left:auto;margin-right:auto;display:flex}.SelectedItem div{flex-grow:1}.AddBrewery{margin-top:20px}.ButtonContainer button{margin-right:30px}.NameContainer{width:100%;display:flex}.SelectStyle{margin-top:15px;margin-bottom:15px}.SelectStyle .SelectStyleContent{width:100%;display:flex}.SelectStyleContent div,.SelectStyle .SearchBox,.SelectStyle input[type=text]{flex-grow:1}.AddStyle{margin-top:20px}.Section{margin-bottom:20px}.Section>div>div{margin-left:15px}.SelectBeer{margin-bottom:15px}.ReviewContent{margin-bottom:15px;margin-left:15px;margin-right:15px}.RatingNumber{text-align:center}.RatingSlider{width:100%;height:40px}.ReviewArea{width:100%;min-height:20vh}.EditActions button{margin-right:30px}.Review{cursor:pointer;padding-bottom:20px}.Review-primary-info-row,.Review-secondary-info-row,.Review-additional-row{flex-direction:row;justify-content:space-between;margin-left:5px;margin-right:5px;display:flex}.Review-secondary-info-row{text-align:center;margin-top:5px}.Review-primary-info-row,.Review-additional-row{padding-top:15px}.Review-heading div,.Review-heading button,.Review-primary-info-row div{flex-grow:1;padding-left:5px;padding-right:5px}.Review-secondary-info-row div{width:50%}.Review-secondary-info-row div,.Review-additional-row div{padding-left:5px;padding-right:5px}.Review-additional{flex-grow:1;margin-left:auto;margin-right:auto}.Review-sensory-row{border-top:1px solid #666;border-bottom:1px solid #666;flex-direction:row;margin-top:5px;margin-left:10px;margin-right:10px;display:flex}.Review-heading div,.Review-heading button,.Review-primary-info-row div{flex-basis:11.11%}.Review-sensory-row div{flex-basis:50%;padding:10px 15px}.Review-sensory-row div:first-child{border-right:1px solid #666}.Review-rating-heading{min-width:55px;max-width:55px}.Review-rating{text-align:center;color:#000;border-radius:10px;justify-content:center;align-items:center;width:55px;min-width:55px;max-width:55px;min-height:55px;max-height:55px;font-size:16px;display:flex}.Review-time,.Review-time-heading{min-width:55px;max-width:55px}.Review-rating-4{background-color:#bb8181}.Review-rating-5{background-color:#b48a74}.Review-rating-6{background-color:#ad9867}.Review-rating-7{background-color:#a2a659}.Review-rating-8{background-color:#7c9852}.Review-rating-9{background-color:#5b8b4b}.Review-rating-10{background-color:#447e4a}button.TabButton{color:#fff;text-transform:uppercase;cursor:pointer;background-color:#0000;border:2px solid #4095bf0d;border-radius:0;outline:0;margin-right:20px;padding:6px;font-weight:600;box-shadow:2px 2px 4px #0000001a}button.TabButton.Compact{text-transform:unset;width:100%;margin-right:0;padding:0;font-size:12px;font-weight:400}body.light button.TabButton{color:#000c}button.TabButton.Selected,body.light button.TabButton.Selected{color:#4095bf;border-bottom:2px solid #4095bf}.Review-heading{flex-direction:row;margin-bottom:15px;margin-left:5px;margin-right:5px;display:flex}.Review-heading>div{padding-top:3px}.Review-content{flex-direction:column;font-size:12px;display:flex}button.linklike-button{cursor:pointer;text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.StorageHeading{flex-direction:row;font-size:12px;display:flex}.StorageRow{font-size:12px}.StorageHeading{margin-top:20px;margin-bottom:15px}.StorageHeading>div{overflow-wrap:break-word;padding-left:5px;padding-right:5px}.StorageHeading .BeerName,.StorageRow .BeerName,.StorageHeading .BeerBreweries,.StorageRow .BeerBreweries{width:27%}.StorageHeading .BestStyles,.StorageRow .BestStyles{width:20%}.StorageHeading .BestBefore,.StorageRow .BestBefore{width:10%}.StorageHeading .Actions,.StorageRow .Actions{width:16%}.Actions button{font-size:12px}.Actions div{margin:0}.StorageItem-primary-row,.StorageItem-secondary-row{flex-direction:row;display:flex}.StorageItem-primary-row{padding-top:10px;padding-bottom:10px}.StorageItem-secondary-row{padding-bottom:10px}.StorageItem-primary-row div{overflow-wrap:break-word;margin:0;padding-left:5px;padding-right:5px}.StorageItem-secondary-row div{text-align:center;overflow-wrap:break-word;width:100%;margin:0;padding-left:5px;padding-right:5px}.Beer .Review-content{margin-top:20px}.BeerInfo,.BeerInfo div{margin-left:20px}.BeerHeading,.BeerRow{flex-direction:row;display:flex}.BeerHeading{margin-top:20px;margin-bottom:15px;font-size:12px}.BeerHeading div,.BeerRow div{padding:5px}.BeerName,.BeerBreweries{width:40%}.BeerStyles{width:20%}table.StatsTable{width:100%;margin-top:10px}table.StatsTable td,table.StatsTable th{padding:5px}th.StatsNameColumn,td.StatsNameColumn{width:60%;min-width:125px}th.StatsNumColumn,th.StatsNumColumn{width:20%;min-width:100px}th.StatsNameColumn,th.StatsNumColumn button.TabButton{margin:0}table.SortableStats thead tr{background-color:#0000}@keyframes fade{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}tr.row{background:0 0}td.cell{background:#0000004d;animation:2s infinite fade}.Toggle{width:100px}.FilterControls{margin-left:40px;margin-right:40px}input.StepFilterSlider{width:100%;height:40px}label.StepFilterSliderLabel{font-size:12px}.StatsModeContainer{flex-wrap:wrap;display:flex}.StatsModeContainer button{margin-bottom:5px}.CreateStorageForm>div{margin-bottom:20px}label.bestBefore{unicode-bidi:isolate;margin-block:1.67em;margin-inline:0;font-size:.83em;font-weight:700;display:block}.Style .Review-content{margin-top:20px}.StyleInfo,.StyleInfo div{margin-left:20px}.CreateUserForm div{margin-bottom:20px}