body{font-family:forma-djr-display,sans-serif;color:gray;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale}.containertest{outline:2px solid red}.card{width:45%;margin-bottom:10px}.card__heading{color:#000;text-align:center;font-size:14px}.card__image{display:flex;justify-content:center;padding-top:15px}.card__input{opacity:0;position:absolute}.card label{position:relative}.card__label-inner{background-color:#fff;transition:.3s;border:2px solid #dad6cd;border-radius:20px;padding:5px;cursor:pointer}.card__label-inner:hover{border-color:#00b9a4}.card__input:checked~.card__label .card__label-inner,.card__input:focus~.card__label .card__label-inner{border-color:#06b5a1}@media screen and (min-width:630px){.card{width:25%}}@media screen and (min-width:1024px){.card{width:160px}}.drink-ribbon{margin-bottom:40px}.drink-ribbon__content{flex-wrap:wrap;display:flex;margin:auto;gap:10%;width:100%}@media screen and (min-width:630px){.drink-ribbon__content{gap:12.5%}}@media screen and (min-width:1024px){.drink-ribbon__content{flex-direction:row;justify-content:center;gap:10px;max-width:1000px}}.addition-card{width:100%;max-width:250px}.addition-card__input{opacity:0;position:absolute}.addition-card__inner{border:2px solid #dad6cd;border-radius:20px;text-align:center;transition:.3s;color:#000;background-color:#fff;cursor:pointer}.addition-card__inner:hover{border-color:#00b9a4}.addition-card__input:checked+.addition-card__label .addition-card__inner,.addition-card__input:focus+.addition-card__label .addition-card__inner{border-color:#06b5a1}@media screen and (min-width:1024px){.addition-card{width:100%}}.addition-ribbon{flex-direction:column;justify-content:center;text-align:center}.addition-ribbon__buttons{display:flex;gap:15px;justify-content:center;margin-bottom:5%}.addition-ribbon__heading{margin:0 auto 1%}@media screen and (min-width:1024px){.addition-ribbon{display:grid;grid-template-columns:50px 200px 70px 200px;align-items:center;grid-gap:1px 20px;gap:1px 20px}}.name-input{text-align:center;margin-bottom:42px;margin-top:60px}.name-input__box{text-align:center;font-size:1rem;width:331px;height:60px;border-radius:20px;border:2px solid #dad6cd;color:gray;margin:auto;max-width:45%}.order-button{width:100%;display:flex;justify-content:center;margin-top:50px;margin-bottom:50px}.order-button__button{cursor:pointer;font-size:20px;width:200px;height:60px;background-color:#06b5a1;color:#fff;border:none;z-index:1;box-shadow:0 7px 0 0 #029987;border-radius:20px;transition:.25s}.order-button__button:hover{box-shadow:none;transform:translateY(7px);color:#000}.order-button__errormessage{position:absolute;transform:translateY(60px)}.milk-card{width:45%;margin-bottom:10px}.milk-card p{text-align:center;margin:10px 0 0}.milk-card__input{opacity:0;position:absolute}.milk-card__inner{border-radius:20px;position:relative;padding:15px;background-color:#fff;color:#000;border:2px solid #d8d8d8;cursor:pointer;transition:.3s}.milk-card__image{max-height:30px}.milk-card__inner:hover{border-color:#00b9a4}.milk-card__image{display:flex;justify-content:center}.milk-card__input:checked~.milk-card__label .milk-card__inner{border-color:#06b5a1}@media screen and (min-width:630px){.milk-card{width:25%}}@media screen and (min-width:1024px){.milk-card{max-width:100px}}.milk-ribbon{flex-wrap:wrap;display:flex;margin:auto;gap:10%}@media screen and (min-width:630px){.milk-ribbon{gap:12.5%}}@media screen and (min-width:1024px){.milk-ribbon{flex-direction:row;justify-content:center;gap:10px;max-width:1000px}}.order-bar{height:700px;bottom:0;right:0;transition:.5s;width:300px;background-color:#fff;border-radius:20px;border:2px solid #d8d8d8;position:absolute;z-index:1;overflow:hidden;position:fixed}.order-bar__orderwrapper{position:relative}.order-bar__orderwrapper button{border:none;text-align:center}.order-bar__orderwrapper--close{cursor:pointer;font-size:2rem;background-color:#f4f4f4;font-weight:700;width:100%;font-family:forma-djr-display,sans-serif;margin-bottom:10px;margin-top:10px}.order-bar__orderwrapper--delete{bottom:0;color:#fff;font-size:20px;background-color:#ff5757;transition:.25s;padding:20px;border-radius:20px;box-shadow:0 7px 0 0 #ff1919;border:none;z-index:1;width:50%;margin-left:25%;margin-bottom:10%;margin-top:10%}.order-bar__orderwrapper--delete :enabled{cursor:pointer}.order-bar__orderwrapper--delete:hover:enabled{box-shadow:none;transform:translateY(7px);color:#000}#barclosed{transform:translateY(92%);width:50%;max-width:300px}#baropen{transform:translateX(0);max-width:300px;height:50%;overflow:scroll;overflow-x:hidden}.order-card{text-align:center;border:2px solid #dad6cd;border-radius:20px;width:99%;transition:2s;cursor:pointer;margin-bottom:10px}.order-card h1{font-size:1.2rem}.order-card__tab{display:flex;align-items:center;justify-content:space-around}.order-card__tab--chevron{transition:.2s;transform:scale(1.5)}.order-card__status{display:flex;justify-content:center;align-items:center;height:40px;padding:20px}.order-card #loader{display:inline-block}.order-card #loader:after{display:block;content:"";width:30px;height:30px;border-radius:50%;border-color:#000 transparent #e7e7e7;border-style:solid;border-width:3px;-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#tick{transform:scale(2)}#card-closed{transition:2s;height:50px;overflow:hidden}#card-open{transition:2s;max-height:300px}#card-open .order-card__tab--chevron{transform:rotate(180deg) scale(1.5)}.ordersaved-page__wrapper{text-align:center}.ordersaved-page__wrapper-heading{margin-top:304px;font-size:40px}body{background-color:#faebd7}h1{text-align:center}