h1[data-v-555d04f1]{text-align:center;padding-top:2rem}.coffeeType[data-v-555d04f1]{display:grid;align-items:center;min-width:clamp(20rem,90vw,25rem);border-radius:5px;padding:10px 20px;border-bottom:solid 1px rgba(255,255,255,.1);transition:.5s}@media (min-width: 40em){.coffeeType[data-v-555d04f1]{grid-template-columns:1fr 1fr 2fr;min-width:30rem}}.coffeeType[data-v-555d04f1]:hover{background-color:#ffffff0d}.coffeeType .num[data-v-555d04f1]{font-size:60px;font-weight:700;margin-right:30px;padding-top:5px}@media (max-width: 40em){.coffeeType .num[data-v-555d04f1]{font-size:2.4rem;grid-row:1/2;margin:0 auto}}@media (max-width: 40em){.coffeeType .cupContainer[data-v-555d04f1]{grid-row:2/3}}.coffeeType .control[data-v-555d04f1]{padding-left:2.4rem;display:grid;gap:.5rem}@media (max-width: 40em){.coffeeType .control[data-v-555d04f1]{justify-content:center;text-align:center;padding-left:0}}.coffeeType .control select[data-v-555d04f1]{width:81%}@media (max-width: 40em){.coffeeType .control select[data-v-555d04f1]{margin:0 auto 1rem}}.coffeeType .control div[data-v-555d04f1]{display:flex;justify-content:space-between}@media (max-width: 40em){.coffeeType .control div[data-v-555d04f1]{width:18rem;width:clamp(14rem,60vw,18rem)}}.coffeeType .cup[data-v-555d04f1]{border:solid 4px #fff;width:70px;height:50px;border-top:none;border-radius:0 0 50px 50px;margin:10px auto;position:relative}.coffeeType .cup[data-v-555d04f1]:before{content:"";display:block;border:4px solid #fff;border-left:none;width:1rem;height:24px;border-radius:0 50px 50px 0;position:absolute;left:100%;top:40%;transform:translateY(-50%)}.coffeeType .cup .ingradients[data-v-555d04f1]{width:100%;height:100%;border-radius:0 0 50px 50px;overflow:hidden;display:flex;flex-direction:column-reverse;padding-top:2.4px}.coffeeType .cup .ingradients .coffee[data-v-555d04f1]{background-color:#916050}.coffeeType .cup .ingradients .milk[data-v-555d04f1]{background-color:#fff}.coffeeType .cup .ingradients .water[data-v-555d04f1]{background-color:#9ecfff}.coffeeType .cup .ingradients .bubble[data-v-555d04f1]{background-image:url(https://media.istockphoto.com/photos/closeup-abstract-caramel-shapes-picture-id1212894836?k=20&m=1212894836&s=612x612&w=0&h=PyQJyOsHZTbgRKwGz1K870t6g0vVKJDQnRzrmOHXKuw=);background-size:cover}.coffeeType .cup.small[data-v-555d04f1]{width:50px;height:40px}.coffeeType .cup.large[data-v-555d04f1]{width:81px;height:50px}.coffeeType .cup.mock[data-v-555d04f1]{width:60px;height:90px;border-radius:0}.coffeeType .cup.mock .ingradients[data-v-555d04f1]{border-radius:0}.coffeeType.favorite[data-v-555d04f1]:before{content:"BEST";color:#ff5e5e;border:4px solid;padding:5px 3px;line-height:.81;font-size:30px;border-width:5px;position:absolute;transform:translateY(-8rem) rotate(-24deg)}@media (min-width: 40em){.coffeeType.favorite[data-v-555d04f1]:before{transform:translate(-70px) rotate(-24deg)}}.coffeeType.showMode label[data-v-555d04f1],.coffeeType.showMode input[data-v-555d04f1],.coffeeType.showMode select[data-v-555d04f1]{display:none}.coffeeType.showMode h2[data-v-555d04f1]{margin-bottom:-1rem}.coffeeType.showMode.favorite[data-v-555d04f1]:before{transform:translateY(-3.4rem) rotate(-24deg)}@media (min-width: 40em){.coffeeType.showMode.favorite[data-v-555d04f1]:before{transform:translate(-2.4rem) translateY(-1.4rem) rotate(-24deg)}}.editorButton[data-v-555d04f1]{position:fixed;left:.8rem;top:.8rem;display:grid;gap:.5rem}.editorButton .editor-control[data-v-555d04f1]{display:flex;align-items:center;font-size:max(1.6vw,1.2rem)}.editorButton .editor-control label[data-v-555d04f1]{margin-right:.5rem}*,*:before,*:after{box-sizing:border-box}html,body{background-color:#282f38;color:#fff;display:flex;justify-content:center}