.cocosi-menu{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:50vh;width:100%;padding:40px 20px;margin:0 auto}.cocosi-menu .menu-step{display:none;flex-direction:column;justify-content:center;align-items:center;padding:0;margin:0;width:100%}.cocosi-menu .menu-step.show{display:flex}.cocosi-menu .menu-step h2{font-size:54px;line-height:42px;text-align:center;padding:0 0 40px;margin:0 auto;max-width:70vw}.cocosi-menu .menu-step .menu-question{flex:1;width:100%;display:grid;grid-template-columns:20% 60% 20%}.cocosi-menu .menu-step .menu-question.reverse{flex-direction:row-reverse}.cocosi-menu .menu-step .menu-question .menu-image{text-align:center;margin:0;padding:20px}.cocosi-menu .menu-step .menu-question .menu-image img{height:35vh;margin-top:10vh}.cocosi-menu .menu-step .menu-question .menu-input{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px}.cocosi-menu .menu-step .menu-question .menu-input h3{font-family:Poppins,sans-serif!important;font-size:18px;text-align:center;padding:0;margin:0 auto;font-weight:300}.cocosi-menu .menu-step .menu-question .menu-input h3 b,.cocosi-menu .menu-step .menu-question .menu-input h3 i{background:linear-gradient(#ffd000,#ffd000) no-repeat;background-size:100%;background-position:0 90%;font-weight:500}.cocosi-menu .menu-step .menu-question .menu-input .button-group{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.cocosi-menu .menu-step .menu-question .menu-input .button-group .message{display:none;color:red;font-family:Poppins,sans-serif;font-size:14px}.cocosi-menu .menu-step .menu-question .menu-input .button-group .button-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.cocosi-menu .menu-step .menu-question .menu-input .button-group .button-actions a{font-family:WickedAwesome,sans-serif!important;font-size:32px;color:#000;text-decoration:none;text-align:center;padding:0;margin-top:20px;border:none;cursor:pointer}.cocosi-menu .menu-step .menu-question .menu-input .button-group .button-actions button{font-family:WickedAwesome,sans-serif!important;font-size:32px;background:#db72a9;color:#000;padding:0 48px;margin-top:20px;border:none;cursor:pointer}.cocosi-menu .menu-step .menu-question .menu-input .button-group .button-actions button[disabled]{cursor:not-allowed}.cocosi-menu .menu-step .menu-question .menu-input .button-group .button-actions button.checkout{background:#00cea9}.cocosi-menu .menu-step .menu-question .menu-input .group-input{width:100%;text-align:center;display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:stretch}.cocosi-menu .menu-step .menu-question .menu-input .group-input label{font-family:Poppins,sans-serif;font-weight:500}.cocosi-menu .menu-step .menu-question .menu-input .group-input label input[type=text]{font-size:16px;font-weight:200;width:50vw;padding:15px;border-radius:25px;border:0;background:#fdeaf4;text-align:center;text-transform:uppercase}.cocosi-menu .menu-step .menu-question .menu-input .group-input label input[type=text]::placeholder{color:#e3cad9;text-transform:none}.cocosi-menu .menu-step .menu-question .menu-input .group-input label input[type=text]:focus,.cocosi-menu .menu-step .menu-question .menu-input .group-input label input[type=text]:focus-visible{outline:none;border:1px solid #DB72A9;box-shadow:none}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill{cursor:pointer;background:#fdeaf4;border-radius:25px;padding:10px 25px;text-transform:uppercase;font-size:18px;text-align:center;width:100%;white-space:nowrap}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill input[type=radio]{display:none;height:0;width:0;border:0;outline:0}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill input[type=range]{width:100%}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill:hover{box-shadow:0 0 1px 1px #db72a9}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill:has(>input[type=radio]:checked){background:#db72a9}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill p,.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill .pet-weight,.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill .recommendation{display:block;padding:0;margin:0;font-family:Poppins,sans-serif;font-size:14px;font-weight:200}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill .pet-weight{font-weight:700}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill .recommendation{font-size:12px;text-transform:none;font-weight:100}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector{flex:1;display:flex;flex-direction:column;padding:20px 40px;width:30vw;align-items:center;justify-content:space-between;gap:10px}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector span.h4{font-family:WickedAwesome,sans-serif!important;font-size:60px;line-height:40px;padding:0;margin:0;white-space:nowrap}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector small{font-family:Poppins,sans-serif;font-weight:200;width:100%;font-size:16px;line-height:16px;padding:0;margin:0;display:inline-block;white-space:pre-wrap}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector span.price{font-family:WickedAwesome,sans-serif!important;font-size:40px;line-height:20px;padding:0;margin:0;white-space:nowrap;color:#000}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector span.price sup{font-family:Poppins,sans-serif;font-size:10px;font-weight:100}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector span.price i{text-decoration:none}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors{display:none;gap:0}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors.show{display:flex!important}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors{flex-direction:column}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors .options{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:stretch}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors h4{padding:0;margin:0 0 10px}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label{padding:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label.pork{background:#e69635}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label.chicken{background:#ffd000}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label.fish{background:#76c0ec}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label img{flex:0 0 30%;max-height:45px}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label span{flex:1 1 60%;text-align:center}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label span small{display:block;font-size:10px}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label:hover{box-shadow:0 0 1px 1px #db72a9}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors label:has(>span>input[type=radio]:checked){border:2px solid #DB72A9;box-shadow:0 0 3px 3px #db72a9}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;margin:0;gap:10px}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure{display:flex;flex-direction:column;padding:0;margin:0}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure img{height:auto;max-width:20vw;margin:0 auto;text-align:center}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure legend{font-size:14px;line-height:16px}.cocosi-menu .menu-step.error label{border:1px solid red;border-radius:25px}.cocosi-menu .menu-step.error .message{display:flex!important}.cocosi-menu .menu-step.summary .menu-question .menu-input h3{font-size:16px;font-weight:200}.cocosi-menu .menu-step.summary .menu-question .menu-input .group-input{flex-direction:column;align-items:center}.cocosi-menu .menu-step.summary .menu-question .menu-input .group-input img{max-height:30vh;width:auto}.cocosi-menu .menu-step.summary .menu-question .menu-input .group-input p{font-size:16px;line-height:16px;padding:0;margin:0}@media (max-width: 767px){.cocosi-menu{padding:20px;justify-content:flex-start}.cocosi-menu .menu-step h2{font-size:40px;line-height:24px;margin:0;padding:0 0 20px}.cocosi-menu .menu-step .menu-question{display:flex;flex-direction:column}.cocosi-menu .menu-step .menu-question .menu-image{text-align:center;margin:0;padding:20px}.cocosi-menu .menu-step .menu-question .menu-image img{height:25vh;margin-top:0}.cocosi-menu .menu-step .menu-question .menu-input h3{font-size:20px;font-weight:200;margin:0}.cocosi-menu .menu-step .menu-question .menu-input .group-input{flex-direction:column}.cocosi-menu .menu-step .menu-question .menu-input .group-input label input[type=text]{width:calc(100vw - 40px)}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill .recommendation{white-space:break-spaces}.cocosi-menu .menu-step .menu-question .menu-input .group-input label.pill.selector{width:calc(100vw - 40px)}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors .options{display:flex;flex-direction:column}.cocosi-menu .menu-step .menu-question .menu-input .group-input#flavors .options img{max-width:50px;margin-left:15vw}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images{flex-direction:column;gap:10px}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure{display:flex;flex-direction:column;align-items:center;padding:0;margin:0}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure img{width:80vw;max-height:none;max-width:none}.cocosi-menu .menu-step .menu-question .menu-input .group-input .summary-images figure legend{font-size:14px;line-height:16px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cocosi-wizard.css.map */