#root{font-family:Poppins,sans-serif;margin:10px auto;max-width:600px;padding:0 20px;width:calc(100% - 40px)}.logo{text-align:center}.logo img{max-width:300px}@media only screen and (max-width:350px){.logo img{max-width:100%}}.intro-text{font-weight:700;margin-bottom:20px;text-align:center}.drinks-wrapper{grid-gap:20px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:30px}@media only screen and (max-width:520px){.drinks-wrapper{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:400px){.drinks-wrapper{grid-gap:10px}}.drink-element{border-radius:20px;-webkit-box-shadow:0 0 15px -2px rgba(0,0,0,.18);box-shadow:0 0 15px -2px rgba(0,0,0,.18);padding:20px;text-align:center}@media only screen and (max-width:350px){.drink-element{padding:10px}}.drink-element span{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:10px}@media only screen and (max-width:350px){.drink-element span{font-size:1rem}}.drink-actions{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.drink-min,.drink-plus{background-color:#f5f5f5;border-radius:10px;cursor:pointer;padding:15px}@media only screen and (max-width:300px){.drink-min,.drink-plus{padding:10px}}.drink-count{font-size:1.2rem;padding:0 10px}.button-container{margin:0 0 20px;text-align:center}.button-container .button{margin:0 10px}.button{border-radius:10px;cursor:pointer;display:inline-block;font-weight:700;padding:15px 20px;text-align:center}.sum-button{background-color:#b71540;color:#fff}.reset-button{background-color:#f4f4f4}.popup-container{background-color:rgba(0,0,0,.7);height:100vh;left:0;position:fixed;top:0;width:100%;z-index:10}.popup-content{background-color:#fff;font-family:Poppins,sans-serif;left:50%;margin-left:-200px;padding:20px;position:absolute;top:40px;width:400px}@media only screen and (max-width:550px){.popup-content{margin-left:-150px;width:300px}}@media only screen and (max-width:450px){.popup-content{left:0;margin-left:10px;width:calc(100% - 60px)}}.popup-content i{color:#fff;cursor:pointer;font-size:1.5rem;padding:10px;position:absolute;right:-40px;top:-30px}@media only screen and (max-width:450px){.popup-content i{right:calc(50% - 15px);top:-40px}}.popup-content .empty-message{color:#333;font-size:1rem;font-weight:700;padding:20px 0;text-align:center}.popup-content .popup-title{border-bottom:1px solid #e4e4e4;color:#333;font-size:1.1rem;margin-bottom:10px;margin-top:0;padding-bottom:10px}.popup-content .drink-item{border-bottom:1px dashed #e4e4e4;display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px 0}.popup-content .drink-item .drink-number{color:#b71540;font-weight:700;margin-right:10px;width:30px}.popup-content .drink-item:last-child{border-bottom:0}.footer{color:#333;font-family:sans-serif;font-size:.85rem;margin:10px 0;text-align:center}.footer a{color:#333;text-decoration:none}