.overflow-off{overflow:hidden}.overflow-auto{overflow:auto}.center{border:5px solid #b0413e;border-radius:10px;margin:auto;max-width:800px;text-align:center;width:50%}.drink-wrapper{background-color:#bc8f8f;border:5px solid #b0413e;display:grid}.drink-container{grid-column-gap:2rem;align-content:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,200px));justify-content:center;padding-top:1em}.drink{border-radius:5px;display:grid;padding:8px 16px;width:200px}.drink:hover{background-clip:padding-box;background-color:#b0413e;cursor:pointer}.drink .img{height:200px;width:200px}.drink-name{text-align:center}.ingredient-popup{background-color:#fff;border:1px solid #b0413e;border-radius:10px;height:100%;left:50%;max-width:80%;position:fixed;top:50%;transform:translate(-50%,-50%) scale(0);transition:.2s ease-in-out;width:1300px;z-index:10}.ingredient-popup.active{transform:translate(-50%,-50%) scale(1)}.popup-header{align-items:center;border-bottom:1px solid #000;display:flex;justify-content:space-between;padding:10px 15px}.popup-header .title{font-size:1.25rem;font-weight:700;padding:10px 15px}.popup-header .close-button{background:none;border:none;cursor:pointer;font-size:1.25rem;font-weight:700;outline:none}.popup-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,150px));height:100%;justify-content:center;overflow:scroll}.ingredient-name{text-align:center}.ingredient-card{border-radius:5px;margin:auto;padding:5px 0}.ingredient-card.active,.ingredient-card:hover{background-clip:padding-box;background-color:#ddd;cursor:pointer}.ingredient-button{border-radius:4px;margin:10px;padding:5px 0}.ingredient-button:hover{cursor:pointer}#overlay{background-color:rgba(0,0,0,.5);bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:.2s ease-in-out}#overlay.active{opacity:1;pointer-events:all}.pagination{display:inline-block;margin-bottom:4px;margin-top:10px}.pagination a{border-radius:5px;color:#000;float:left;padding:8px 16px;text-decoration:none;transition:background-color .3s}.pagination a.active{background-color:#b0413e;border-radius:5px;color:#fff}.pagination a:hover:not(.active){background-color:#ddd}.ingredient-small-card{align-content:center;border-radius:5px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,150px));justify-content:center;padding:5px 10px;width:100px}.ingredient-wrapper{border:5px solid #b0413e;float:left;width:min-content}.ingredient-small-card:hover{background-clip:padding-box;background-color:#ddd;cursor:pointer}.ingredient-small-card .ingredient-small-name{text-align:center}.drink-detail-ingredient-wrapper{grid-column-gap:2rem;align-content:center;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,200px));justify-content:center;padding-bottom:10px;padding-top:1em}.drink-detail-ingredient-name{text-align:center}.drink-detail-ingredient-card{align-content:center;background-color:#b0413e;border-radius:10px;margin-bottom:150px;padding:5px 10px;width:100px}.drink-detail-nadpis{text-align:center}.drink-detail-wrapper{background-color:#bc8f8f;border:2px solid #d2691e;border-radius:10px;height:fit-content;width:100%}.drink-detail-image-wrapper{align-content:center;float:left;height:100%;justify-content:center;padding-left:20px;padding-top:20px;width:300px}.drink-detail-image{height:100%;object-fit:contain;width:100%}.drink-detail-description-wrapper{padding-left:20px;width:100%}