body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#282c34}body.light{background-color:#e8c1c0}.App{display:flex;flex-direction:column;font-size:calc(10px + 2vmin);color:#fff;align-items:center}.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;box-shadow:1px -1px 3px 1px #333;border-radius:6px;padding:1px 6px}body.light button,body.light input[type=submit]{box-shadow:1px -1px 3px 1px #ccc;border-color:#666}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{display:inline-block;margin-left:20px;margin-right:20px}nav ul li a{color:#fff}nav ul li a,nav ul li label{font-size:18px}nav .Search{margin-left:20px;margin-right:20px;margin-bottom: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{padding:1px 2px;width:calc(100% - 8px);margin:auto}.content-end{min-width:5px;min-height:5px}input[type=checkbox],input[type=radio],input[type=range]{accent-color:hsl(200,50%,50%)}.ChangePasswordForm div{margin-bottom:20px}.FlexRow{display:flex;width:100%}.FlexRow>div:first-child{flex-grow:1}.FlexRow>div:not(first-child){display:flex;align-items:center}.SearchBox{display:flex;margin:auto}.SearchResults{position:absolute;left:10vw;width:80vw;transform:translateY(30px)}.SearchResults>ul>li>button{width:100%;border:0;background-color:transparent;cursor:pointer;font-size:calc(10px + 2vmin)}.SearchBox ul{margin-top:0;margin-bottom:10px;padding:0;border:1px solid black;border-radius:10px;text-align:center;background:#fff;color:#000;list-style-type:none}.SearchBox li{display:block;margin-top:10px;margin-bottom:10px}.SearchBox li button{box-shadow:none}.SearchInfo{font-style:italic;padding-top:10px;padding-bottom:10px}.SearchInfoContainer .SearchInfo{padding-top:0;padding-bottom:10px}.SearchInfoContainer{max-height:0;opacity:0}.SearchInfoContainer hr{margin-block-start:0;margin-block-end:0}.SearchInfoContainer.shown{max-height:50px;opacity:1;transition:max-height .5s ease-in-out .3s,opacity .5s ease-in-out .6s}.SearchInfoContainer.shown hr{margin-block-start:10px;margin-block-end:10px}.SelectedItem{display:flex;width:70%;margin-left:auto;margin-right:auto;margin-bottom:10px}.SelectedItem div{flex-grow:1}.AddBrewery{margin-top:20px}.ButtonContainer button{margin-right:30px}.NameContainer{display:flex;width:100%}.SelectStyle{margin-top:15px;margin-bottom:15px}.SelectStyle .SelectStyleContent{display:flex;width:100%}.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-left:15px;margin-right:15px;margin-bottom:15px}.RatingNumber{text-align:center}.RatingSlider{width:100%;height:40px}.ReviewArea{width:100%;min-height:20vh}.EditActions button{margin-right:30px}.Review{padding-bottom:20px;cursor:pointer}.Review-primary-info-row,.Review-secondary-info-row,.Review-additional-row{display:flex;flex-direction:row;justify-content:space-between;margin-left:5px;margin-right:5px}.Review-secondary-info-row{margin-top:5px;text-align:center}.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{display:flex;flex-direction:row;border-top:1px solid #666;border-bottom:1px solid #666;margin-top:5px;margin-left:10px;margin-right:10px}.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{max-width:55px;min-width:55px}.Review-rating{display:flex;align-items:center;text-align:center;justify-content:center;border-radius:10px;color:#000;font-size:16px;width:55px;max-width:55px;min-width:55px;max-height:55px;min-height:55px}.Review-time,.Review-time-heading{max-width:55px;min-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{margin-right:20px;padding:6px;outline:0;border:2px solid hsl(200,50%,50%,.05);border-radius:0;background-color:transparent;box-shadow:2px 2px 4px #0000001a;color:#fff;font-weight:600;text-transform:uppercase;cursor:pointer}button.TabButton.Compact{margin-right:0;padding:0;font-size:12px;font-weight:400;text-transform:unset;width:100%}body.light button.TabButton{color:#000c}button.TabButton.Selected,body.light button.TabButton.Selected{border-bottom:2px solid hsl(200,50%,50%);color:#4095bf}.Review-heading{display:flex;flex-direction:row;margin-left:5px;margin-right:5px;margin-bottom:15px}.Review-heading>div{padding-top:3px}.Review-content{font-size:12px;display:flex;flex-direction:column}button.linklike-button{padding:0;background:transparent;border:none;text-decoration:underline;cursor:pointer;text-align:left}.StorageHeading{display:flex;flex-direction:row;font-size:12px}.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{display:flex;flex-direction:row}.StorageItem-primary-row{padding-top:10px;padding-bottom:10px}.StorageItem-secondary-row{padding-bottom:10px}.StorageItem-primary-row div{margin:0;padding-left:5px;padding-right:5px;overflow-wrap:break-word}.StorageItem-secondary-row div{text-align:center;width:100%;margin:0;padding-left:5px;padding-right:5px;overflow-wrap:break-word}.Beer .Review-content{margin-top:20px}.BeerInfo,.BeerInfo div{margin-left:20px}.BeerHeading,.BeerRow{display:flex;flex-direction:row}.BeerHeading{font-size:12px;margin-top:20px;margin-bottom:15px}.BeerHeading div,.BeerRow div{padding:5px}.BeerName,.BeerBreweries{width:40%}.BeerStyles{width:20%}table.StatsTable{margin-top:10px;width:100%}table.StatsTable td,table.StatsTable th{padding:5px}th.StatsNameColumn,td.StatsNameColumn{width:60%;min-width:125px}th.StatsNumColumn{width:20%;min-width:100px}th.StatsNameColumn,th.StatsNumColumn button.TabButton{margin:0}table.SortableStats thead tr{background-color:transparent}input.StepFilterSlider{width:100%;height:40px}div.StepFilterSliderLabel{font-size:12px}.Toggle{width:100px}.FilterControls{margin-left:40px;margin-right:40px}.StatsModeContainer{display:flex;flex-wrap:wrap}.StatsModeContainer button{margin-bottom:5px}.CreateStorageForm>div{margin-bottom:20px}label.bestBefore{display:block;font-size:.83em;margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}.Style .Review-content{margin-top:20px}.StyleInfo,.StyleInfo div{margin-left:20px}.CreateUserForm div{margin-bottom:20px}