@import"https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap";.chip__container{display:inline-block;padding:.25rem .5rem;background-color:#d3d3d3;border-radius:.3rem;box-shadow:1px 2px 4px #0000004d}.chip__title{font-weight:700;font-size:24px}.chip__content{font-weight:400;font-size:24px}@media screen and (min-width: 768px){.chip__title,.chip__content{font-size:18px}}.beer-card{display:flex;transition:background .35s ease-in,.15s ease-out;background-color:#e9e9e9;box-sizing:border-box;box-shadow:2px 4px 8px #0000004d;cursor:pointer;flex-direction:column;padding:16px;gap:16px;-webkit-user-select:none;user-select:none}.beer-card:not(.selected):hover{background-color:#d9d9d9}.beer-card__image__container{width:100%;height:350px;display:flex;justify-content:center;align-items:center;pointer-events:none;background-color:#fff;border-radius:12px;-webkit-user-select:none;user-select:none}.beer-card__image{height:90%}.beer-card__content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:6px;text-align:justify;pointer-events:none}.beer-card__name{margin:0;font-weight:700;font-size:32px;text-align:center;color:#000}.beer-card__description{margin:0;color:#333;font-weight:300;font-size:22px;line-height:26px;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:4;overflow:hidden;text-overflow:ellipsis}.beer-card__details{display:flex;justify-content:space-between;flex-direction:column;margin-top:20px;gap:18px}.beer-details__stats{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.beer-details__date{position:relative;text-align:center}.selected{background-color:#d6ebf6}@media screen and (min-width: 440px){.beer-card{border-radius:16px}.beer-details__stats{flex-direction:row;justify-content:space-between}}@media screen and (min-width: 768px){.beer-card{height:240px;flex-direction:row;padding:18px;gap:12px}.beer-card__image__container{width:180px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:12px}.beer-card__image{height:90%}.beer-card__content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:6px}.beer-card__name{font-size:24px}.beer-card__description{font-size:16px;line-height:24px}.beer-card__details{display:flex;flex-direction:row;justify-content:space-between;margin-top:auto}.beer-details__stats{position:relative;display:flex;gap:12px}.beer-details__date{position:relative}}.card-skeleton{display:flex;background-color:#e9e9e9;box-sizing:border-box;box-shadow:2px 4px 8px #0000004d;cursor:pointer;flex-direction:column;padding:16px;gap:16px;pointer-events:none;-webkit-user-select:none;user-select:none}.card-skeleton__item{--base-color: hsl(200, 10%, 82%);--highlight-color: hsl(200, 10%, 87%);position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;z-index:1;border-radius:8px;background-color:var(--base-color)}.card-skeleton__item:after{content:" ";display:block;position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:skeleton-loading;animation-direction:normal;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes skeleton-loading{to{transform:translate(100%)}}.card-skeleton__image{width:100%;height:350px;border-radius:12px}.card-skeleton__content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:6px}.card-skeleton__name{width:100%;height:32px}.card-skeleton__description{display:flex;flex-direction:column;gap:5px}.card-skeleton__text{width:100%;height:22px}.card-skeleton__text:last-child{width:80%}.card-skeleton__details{display:flex;justify-content:space-between;flex-direction:column;margin-top:20px;gap:18px}.skeleton-details__stats{display:flex;flex-direction:column;align-items:center;gap:8px}.card-skeleton__stat{width:60%;height:32px}.skeleton-details__date{display:flex;flex-direction:column;align-items:center;height:28px}.card-skeleton__date{width:70%;height:100%}@media screen and (min-width: 440px){.card-skeleton{border-radius:16px}.skeleton-details__stats{flex-direction:row;justify-content:space-between}.card-skeleton__date{width:50%}}@media screen and (min-width: 768px){.card-skeleton{height:240px;flex-direction:row;padding:18px;gap:12px}.card-skeleton__image{width:180px;height:100%;display:flex;justify-content:center;align-items:center;border-radius:12px}.card-skeleton__content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:12px;padding:6px}.card-skeleton__text{height:16px}.card-skeleton__details{display:flex;height:30px;flex-direction:row;justify-content:space-between;margin-top:auto}.skeleton-details__stats{width:50%;height:100%;position:relative;display:flex;justify-content:space-between;gap:12px}.card-skeleton__stat{height:100%}.skeleton-details__date{position:relative;width:30%;height:100%;justify-content:center}.card-skeleton__date{width:100%;height:85%}}.beer-catalog__item{margin-top:16px}@media screen and (min-width: 440px){.beer-catalog__item{margin-left:16px;margin-right:16px}}.beer-catalog__button{position:fixed;left:50%;transform:translate(-50%);width:60px;height:60px;background-color:#f0282c;color:#fff;border:none;transition:.25s ease-in,.1s ease-out;border-radius:50%;cursor:pointer;box-shadow:2px 4px 8px #0000004d;bottom:30px;z-index:2}.beer-catalog__button:hover{background-color:#d80e11}.beer-catalog__button:disabled{opacity:0;transform:translate(-50%,100%)}.beer-catalog{max-width:1170px;margin:0 auto 10px}.chips__content{display:flex;flex-direction:row;flex-wrap:wrap}.chips__content>.chip__container{margin-bottom:.4rem}.chips__content>div:not(:last-child){margin-right:.4rem}.chips__title{font-size:20px}@media screen and (min-width: 768px){.chips__title{font-size:16px}}.titled-list__content{padding-left:1.75rem;list-style-type:disc}.titled-list__title,.titled-list__item{font-size:20px}@media screen and (min-width: 768px){.titled-list__title,.titled-list__item{font-size:16px}}.info-card__container{display:flex;flex-direction:row;align-items:center;margin-top:1rem}.info-card__text{flex:1;margin-left:.5rem;padding:1rem;background-color:#f0f0f0;border-radius:1rem;box-shadow:1px 2px 4px #0000004d;font-size:20px}@media screen and (min-width: 768px){.info-card__text{font-size:16px}}.temperature-card__title{font-size:24px}@media screen and (min-width: 768px){.temperature-card__title{font-size:20px}}.method__container{margin-top:4rem}.method__temperature{margin-top:2rem}.amount__name{font-weight:700}.amount__name,.amount__value{font-size:20px}@media screen and (min-width: 768px){.amount__name,.amount__value{font-size:16px}}.malt__ingredient{display:flex;align-items:center}.malt__ingredient span,.malt__ingredient h4{display:inline-block;margin:0;margin-left:.4rem}.malt__ingredient:not(:first-child){margin-top:2rem}.malt__information{margin-left:1rem}.malt__ingredients{margin-left:2rem}.malt__title{font-size:24px}@media screen and (min-width: 768px){.malt__title{font-size:20px}}.hop__ingredient{display:flex;align-items:center}.hop__ingredient span,.hop__ingredient h4{display:inline-block;margin:0;margin-left:.4rem}.hop__ingredient:not(:first-child){margin-top:2rem}.hop__information{margin-left:1rem;display:flex;flex-direction:column}.hop__purpose{margin-top:.4rem}.hops__category__name{margin-left:1rem;font-size:20px}.hops__ingredients{margin-left:2rem}@media screen and (min-width: 768px){.hops__category__name{font-size:16px}}.hops__categories{display:flex;flex-direction:column;justify-content:center;gap:1rem}.hops__title{font-size:24px}@media screen and (min-width: 768px){.hops__title{font-size:20px}}.yeast__title{font-size:24px}.yeast__content{font-size:20px}@media screen and (min-width: 768px){.yeast__title{font-size:20px}.yeast__content{font-size:16px}}.ingredients__container{margin-top:4rem}.ingredients__section:not(:first-child){margin-top:2rem}.not-found__container{width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center}.not-found__text{font-size:5.9vw;font-weight:700}.contributor__container{display:inline-block;margin:0;border:1px solid #e0e0e0;background-color:#fff;padding:.3rem .8rem;border-radius:.8rem;box-shadow:1px 2px 4px #0000004d;font-size:20px}@media screen and (min-width: 768px){.contributor__container{font-size:16px}}.beer-details{max-width:1170px;margin:0 auto 10px}.beer-details__header{display:flex;flex-direction:column}.beer-details__image__container{height:30rem;display:flex;background-color:#fff;justify-content:center;align-items:center;align-self:center}.beer-details__image{height:90%}.beer-info__name{font-weight:700;font-size:32px;text-align:center}.beer-info__tagline{font-size:24px;text-align:center}.beer-info__description{font-weight:300;font-size:22px;line-height:26px;text-align:justify}.beer-details__header,.beer-details__tips,.method__container,.ingredients__container{margin-left:16px;margin-right:16px}.beer-details__tips{margin-top:2rem}@media screen and (min-width: 768px){.beer-details__header{flex-direction:row}.beer-details__image__container{border-radius:12px;margin-left:38px}.beer-details__info{margin-left:3.5rem}.beer-info__name{text-align:inherit}.beer-info__tagline{font-size:20px;text-align:inherit}.beer-info__description{font-size:16px;line-height:24px}}*{box-sizing:border-box;font-family:Oxygen,sans-serif}body{margin:0;padding:0;background-color:#fdfdfd}