.how-it-works-container{margin:auto;width:100%;max-width:1920px}.how-it-works-container .mobile-image{display:none}.how-it-works-container .mobile-image img,.how-it-works-container .desktop-image img{width:100%}@media screen and (max-width: 430px){.how-it-works-container .desktop-image{display:none}.how-it-works-container .mobile-image{display:block}}@media screen and (min-width: 1920px){.how-it-works-container .desktop-image{border-radius:40px 40px 0 0;overflow:hidden}}.how-it-works-container .curve{position:relative;margin:0 auto;max-width:100%;height:232px;overflow:hidden;top:32px}.how-it-works-container .curve svg{position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%);z-index:0}.how-it-works-container .curve .mobile-curve{display:none}@media screen and (max-width: 430px){.how-it-works-container .curve{height:149px}.how-it-works-container .curve .desktop-curve{display:none}.how-it-works-container .curve .mobile-curve{display:block;top:62px}}.how-it-works-container .second-curve{position:relative;margin:0 auto;max-width:100%;height:164px;bottom:-32px;overflow:hidden;background-color:#eff9f9;display:none}@media screen and (max-width: 1024px){.how-it-works-container .second-curve{display:block}}.how-it-works-container .second-curve .mobile-curve{position:absolute;bottom:calc(3.7vw + 49px);width:calc(194vw - 338px)}.ppq-wrapper.wrapper select{background-image:url(https://cdn.shopify.com/s/files/1/0803/8367/2611/files/chevron_right.svg?v=1724874591);background-position:right 32px center;background-size:unset;padding-right:56px;border-radius:300px;text-align-last:center}.grid.ppq-grid{border-radius:40px 40px 0 0;margin-left:0;transition:.2s all;padding-top:64px}.grid.ppq-grid:has(.form-step:not(.d-none)#step-1){background:linear-gradient(#fef7eb,#fff)}.grid.ppq-grid:has(.form-step:not(.d-none)#step-2){background:linear-gradient(#fee4e1,#fff)}.grid.ppq-grid:has(.form-step:not(.d-none)#step-3){background:linear-gradient(#ddcee1,#fff)}.grid.ppq-grid:has(.form-step:not(.d-none)#step-4){background:linear-gradient(#e7f1f2,#fff)}.grid.ppq-grid:has(.form-step:not(.d-none)#step-5){background:linear-gradient(#ffeeb0,#fff)}.grid.ppq-grid:has(.form-step:not(.d-none)#step-6){background:linear-gradient(#ebf5a9,#fff)}.wrapper.ppq-wrapper{padding:64px 32px;margin-bottom:0}.d-none{display:none}ul.form-stepper{counter-reset:div;max-width:306px;margin:0 auto 60px;padding:0}ul.form-stepper .form-stepper-circle{position:relative}ul.form-stepper .form-stepper-circle span{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);font-weight:700}.form-stepper-horizontal{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}ul.form-stepper>li:not(:last-of-type){-webkit-transition:margin-bottom .4s;-o-transition:margin-bottom .4s;transition:margin-bottom .4s}.form-stepper-horizontal>li:not(:last-of-type){margin-bottom:0}.form-stepper-horizontal li{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-transition:.5s;transition:.5s}.form-stepper-horizontal li:not(:last-child):after{position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;content:"";top:15px}.form-stepper-horizontal li:after{background-color:#060f0c}.form-stepper-horizontal li.form-stepper-completed:after{background-color:#060f0c}.form-stepper-horizontal li:last-child{flex:unset}ul.form-stepper li a .form-stepper-circle{display:flex;align-items:center;justify-content:center;width:31px;height:31px;margin-right:0;line-height:1.7rem;text-align:center;background:#00000061;border-radius:50%}.form-stepper .form-stepper-active span.form-stepper-circle{background-color:#060f0c;color:#fff}.form-stepper .form-stepper-active .form-stepper-circle svg{display:none}.form-stepper .form-stepper-unfinished .form-stepper-circle{background-color:#fff;border:2px solid #060F0C}.form-stepper .form-stepper-unfinished .form-stepper-circle svg{display:none}.form-stepper .form-stepper-completed span.form-stepper-circle{background-color:#060f0c;color:#fff}.form-stepper .form-stepper-completed .form-stepper-circle span{display:none}.form-step .step-title{font-size:38px;max-width:584px;margin:auto;line-height:44px;color:#060f0c}.form-step .step-description{margin:4px auto 80px;max-width:584px;color:var(--primary-obsidian, #060F0C);font-family:BrownStd;font-size:20px;font-style:normal;font-weight:300;line-height:160%}button.next-step:disabled{cursor:not-allowed}button.next-step{width:116px;height:64px;padding:0;box-shadow:0 2px 6px #0003;font-size:24px;border-radius:200px;margin:0}*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button.prev-step{width:116px;height:64px;padding:0;rotate:180deg;box-shadow:0 2px 6px #0003;border-radius:200px;margin:0}.form-step .mt-3{display:flex;justify-content:center;gap:16px}.form-stepper .label{font-size:1rem;margin-top:.5rem}.form-stepper a{cursor:default}span>#winc-quote-img{display:inline-block;width:35px;height:auto}#wine-value-img{width:432px;height:auto;margin-bottom:70px}#wine-value-select{margin:0 auto 16px;border:4px solid #060F0C;height:64px;width:370px;font-size:20px;box-shadow:0 2px 6px #0003;border-radius:200px}.wine label[for=wine-value-select]{cursor:revert}@media only screen and (max-width: 767px){.grid.ppq-grid{border-radius:0;margin-left:0}.wrapper.ppq-wrapper{padding:0;margin-bottom:64px}.form-step .step-title{font-size:26px;line-height:32px;max-width:338px}.form-step .step-description{line-height:25.6px;max-width:338px;margin:10px auto 64px}#wine-value-img{width:calc(100vw - 90px)}#wine-value-select{height:56px;width:279px;font-size:16px}button.next-step,button.prev-step{width:116px;height:56px;padding:0}}@media only screen and (max-width: 414px){#wine-value-img{width:324px}}@media only screen and (max-width: 479px){.wrapper.ppq-wrapper{margin-bottom:64px}}.card-select{outline:1px solid #060F0C;cursor:pointer;border-radius:32px;background:#fff;padding:20px;transition:.2s all;width:150px;height:150px;position:relative}.card-select:hover{outline:4px solid #4D4F4E}@media only screen and (max-width: 767px){.card-select:hover{outline:1px solid #060F0C}}.card-select:has(input:checked){background-color:#ffd7d2;outline:4px solid #060F0C}.card-select h4{font-weight:700;font-family:BrownStd;font-size:16px;line-height:16px;height:41px;display:flex;justify-content:center;align-items:center;color:#060f0c}.card-select .card-label{background-color:#060f0c;width:28px;height:28px;margin:auto;border-radius:100px;position:absolute;left:calc(50% - 14px);bottom:-14px;transition:.2s all}.card-select .card-label svg{vertical-align:middle;position:absolute;top:8px;left:6px}.card-select .card-label svg.heart-full{opacity:0%;transition:.2s all}.card-select:has(input:checked) .card-label svg.heart-full{opacity:100%}.card-select:hover .card-label{background-color:#4d4f4e}@media only screen and (max-width: 767px){.card-select:hover .card-label{background-color:#060f0c}}.card-select:has(input:checked):hover .card-label{background-color:#060f0c}@media only screen and (max-width: 767px){#step-1 .step-description,#step-1 .step-title{max-width:212px}}#flavors-wrapper{padding:2px 16px}#flavors-wrapper input[type=checkbox]{display:none}#flavors-wrapper input[type=checkbox]{-webkit-appearance:none;appearance:none}.slides{max-width:700px;margin:auto auto 80px;display:flex;flex-wrap:wrap;justify-content:center;gap:48px 32px}@media only screen and (max-width: 414px){.slides{gap:40px 16px}#step-2 .step-description{max-width:310px}}#step-3 .step-description{max-width:656px}#candies-value-select{margin:72px auto 16px;border:4px solid #060F0C;border-radius:200px;height:64px;width:100%;max-width:453px;font-size:20px;box-shadow:0 2px 6px #0003}#sweetness-value-img{width:282px;height:auto}@media only screen and (max-width: 767px){#candies-value-select{height:56px;width:100%;max-width:339px;font-size:16px}#step-3 .step-description{max-width:333px}}@media only screen and (max-width: 414px){#candies-value-select{max-width:calc(100vw - 32px)}#candies-value-select:has(option[value=both_candies]:checked){font-size:12px}}#sweetness-value-img:hover{transition:all .2s ease-in-out;transform:scale(1.1)}#step-4 .step-title{max-width:500px}#step-4 .step-description{max-width:unset}@media only screen and (max-width: 767px){#step-4 .step-title{max-width:312px}#step-4 .step-description{max-width:295px}#step-4 .step-description br{display:none}}.regions.slides{max-width:600px}.region-select:has(input:checked){background-color:#e8f6f7}.food-select:has(input:checked){background-color:#ffe895}#step-5 a .next-step{width:257px}.food-select{padding:0}.food-select .food-image{height:94px;background:transparent no-repeat center;background-size:cover;border-radius:32px 32px 0 0}@media only screen and (max-width: 767px){#step-5 .step-title,#step-5 .step-description{max-width:305px}#step-5 .step-description br{display:none}}@media only screen and (max-width: 414px){.form-step#step-5 .mt-3{gap:8px}#step-5 a .prev-step{width:96px}#step-5 a .next-step{width:224px}}#step-6 .step-title,#step-6 .step-description{max-width:732px}#step-6 .step-description{font-size:24px;line-height:38.4px}#submit-btn{height:64px;width:444px;font-size:24px;margin-top:16px}.email input{height:64px;width:444px;line-height:38.4px;font-size:24px;font-weight:400;text-align:center;border:4px solid #060F0C;margin:0}.email input::placeholder{color:#aaa}.email input::-webkit-input-placeholder,.email input::-moz-placeholder,.email input:-ms-input-placeholder,.email input:-moz-placeholder{color:#aaa}#step-6{margin-bottom:84px}@media only screen and (max-width: 767px){#submit-btn,.email input{width:100%;max-width:340px;height:56px}#step-6 .step-title{max-width:340px}#step-6 .step-description{font-size:16px;line-height:25.6px;max-width:271px}#step-6{margin-bottom:55px}.email input::placeholder{font-size:16px;transform:translateY(-3px)}}@media only screen and (max-width: 414px){#step-6 .step-title{max-width:328px}#step-6 .step-description{max-width:223px}#submit-btn,.email input{max-width:calc(100vw - 32px)}}html{scroll-behavior:smooth}@keyframes popout{0%{transform:scale(0)}80%{transform:scale(1.2)}to{transform:scale(1)}}@-webkit-keyframes popout{0%{-webkit-transform:scale(0)}80%{-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}.why_join_container{height:562px;overflow:hidden;background-color:#fff3f1;margin:auto;max-width:1920px}@media screen and (min-width: 1025px){.why_join_img img{position:absolute;height:562px}}.why_join_curve{position:absolute;right:0}@media screen and (max-width: 1024px){.why_join_container{height:675px;overflow:hidden;background-color:#fff3f1;margin:unset;position:relative}.why_join_img{min-width:430px}.why_join_curve{display:none;position:relative;right:unset}.why_join_right{background-color:#fff3f1;width:100%;position:absolute;bottom:0}}.mobile-curve{display:none}@media screen and (max-width: 1024px){.mobile-curve{display:block;position:absolute;top:-100px;width:100%}.mobile-curve img{max-height:532px;width:100%}}@media screen and (min-width: 1921px){.why_join_container img{border-radius:40px 0 0}.why_join_container{border-radius:40px 40px 0 0}}@media screen and (min-width: 2561px){.why_join_container{max-width:2560px}}@media screen and (min-width: 1601px){.why_join_curve{right:unset;left:665px}.why_join_right{position:relative;display:flex;justify-content:space-evenly}}.why_join_right_text{position:absolute;right:32px;display:flex;flex-direction:column;align-items:center;padding-top:75px}@media screen and (max-width: 1024px){.why_join_right_text{position:relative;right:unset;padding-top:revert}}.why_join_inner{max-width:550px;text-align:center}.why_join_heading{font-family:NoeDisplay;font-size:38px;font-weight:700;margin-bottom:15px}.why_join_sub{font-family:BrownStd;font-size:20px;font-weight:300;max-width:520px}@media screen and (max-width: 1024px){.why_join_heading{font-size:26px;line-height:32px}.why_join_sub{font-size:16px;max-width:300px}.why_join_bullets_container{margin-bottom:60px}}@media screen and (min-width: 1025px){.why_join_right_text{min-width:57%}}
/*# sourceMappingURL=/cdn/shop/t/90/compiled_assets/styles.css.map?34333= */