p.product-recommendation-product-title{min-height:40px}h3.question{font-size:16px;font-weight:700}.page-width{position:relative;width:100%;max-width:var(--ghw);margin-left:auto;margin-right:auto}div#suggestion-container,.page-width{max-width:1000px;margin-left:auto;margin-right:auto}.p20{padding:20px}.mt20{margin-top:20px}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.flex{display:-ms-flexbox;display:flex}.progress-bar.done[data-v-24a001ba]{background:#b6f875}.progress-bar.active[data-v-24a001ba]{background:-webkit-gradient(linear,left top,right top,from(rgb(182,248,117)),color-stop(80%,rgb(182,248,117)),to(#cbd0d4));background:-webkit-linear-gradient(left,rgb(182,248,117) 0,rgb(182,248,117) 80%,#cbd0d4 100%);background:-o-linear-gradient(left,rgb(182,248,117) 0,rgb(182,248,117) 80%,#cbd0d4 100%);background:linear-gradient(90deg,#b6f875 0 80%,#cbd0d4)}@media only screen and (min-width: 1025px){.progress-bar[data-v-24a001ba]{width:15%}}.progress-bar[data-v-24a001ba]{width:25%;height:2px;background:#cbd0d4;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.progress-bar.done .step-node[data-v-24a001ba]{background:#b6f875}.progress-bar .step-node[data-v-24a001ba]{height:16px;width:16px;border-radius:50%;background:#cbd0d4}.coffeefinder-wrapper .selectcontainer-wrapper{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;margin-top:0rem}.mt25{margin-top:25px}@media only screen and (min-device-width: 1025px){.coffeefinder-wrapper .selectcontainer{-webkit-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}}.coffeefinder-wrapper .selectcontainer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:1px solid #ededed;border-radius:4px;min-height:80px;padding:15px;color:#fff;position:relative;background-size:100%;background-position:center;transition:background-size .5s ease}@media only screen and (min-device-width: 1025px){.coffeefinder-wrapper .selectcontainer:hover{background-size:110%}}.selectcontainer.option-25,.selectcontainer.option-33,.selectcontainer.option-50,.selectcontainer.option-100{width:100%}@media only screen and (min-device-width: 1025px){.selectcontainer.option-25{width:calc(25% - 8px)}.selectcontainer.option-33{width:calc(33.33% - 8px)}.selectcontainer.option-50{width:calc(50% - 8px)}.selectcontainer.option-100{width:100%}}.selectcontainer[data-v-8d93eea2]{margin:5px 2px}.coffeefinder-wrapper input[type=radio]{opacity:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;cursor:pointer;position:absolute;width:100%;height:100%;left:0;top:0;z-index:2}.coffeefinder-wrapper .selectcontainer label{font-weight:700;line-height:1.2;text-align:center;width:100%;position:absolute;height:100%;font-size:16px!important}.selectcontainer:has(:checked){border:1px solid #000;box-shadow:0 0 0 1px #000}h2.question{margin-top:.5rem;margin-bottom:.5rem}.selectcontainer label{cursor:pointer}.selectcontainer label:after{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#0006;z-index:0}.selectcontainer span.title{z-index:1;position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;display:flex;justify-content:center;align-items:center;font-style:var(--main_fs_h);font-family:var(--main_ff_h);line-height:var(--main_lh_h);text-transform:var(--main_tt_h);letter-spacing:var(--main_ls_h);font-weight:700;font-size:1em!important}button.ButtonHover{text-align:center;padding:10px 0;color:#fff;background:#02615d;width:100%;border:0px solid rgb(255,255,255);border-radius:6px;cursor:pointer}.result-loading-icon{width:100%;display:flex;justify-content:center}.result-loading{width:100%;display:flex;justify-content:center;flex-direction:column;min-height:22rem}.result-loading-text{width:100%;display:flex;justify-content:center}div#suggestion-container *{margin:0}.row{display:flex;flex-wrap:wrap;column-gap:10px;justify-content:flex-start}.mb-3,.my-3{margin-bottom:1rem!important}.col-6{flex:0 0 50%;max-width:calc(50% - 10px)}@media (min-width: 576px){.col-sm-4{flex:0 0 25%;max-width:calc(25% - 10px)}}.live.question-section{display:none}.question-section.active{display:block}.toolbar-wrapper{display:flex;gap:10px;justify-content:flex-end;margin-right:2px;margin-bottom:10px;margin-top:1rem}.toolbar-wrapper button{background:#fc9d00;color:#fff;border:0px;padding:1rem 2rem;cursor:pointer;font-weight:600;border-radius:3px;margin-top:0;margin-right:0}.card.shadow-sm.d-flex.flex-column.h-100.mx-auto.position-relative{background-color:#f8f8fa;border-radius:6px;border:0px solid;text-align:center;padding:5px;-webkit-box-shadow:0 0 8px 0 rgba(26,27,27,.1);box-shadow:0 0 8px #1a1b1b1a}div#suggestion-container{padding:0rem;border-radius:1rem}.product-recommendation-product-title{color:inherit;opacity:1;font-weight:var(--main_fw_h);font-style:normal;text-decoration:unset;font-size:1em;text-align:center;line-height:var(--main_lh_l);font-family:var(--main_ff);letter-spacing:var(--main_ls)}.product-recommendation-product-price{margin-top:2px;color:var(--price_color);line-height:1.5;font-weight:var(--price_fw);font-size:var(--price_fz);font-family:var(--price_ff);font-style:var(--price_fs);letter-spacing:var(--price_ls);text-align:center}.progress-bar-wrapper{padding-left:0rem;padding-right:0rem;margin-bottom:1rem}button.ButtonHover,.previous-button,.reset-button{margin-top:.5rem!important;min-height:2.5rem;color:#fff!important}button.ButtonHover:before,.previous-button:before,.reset-button:before{background:#02615d;color:#fff;min-height:2.5rem}button.ButtonHover:hover:before,.previous-button:hover:before,.reset-button:hover:before{background:#fc9d00!important;color:#fff}div#suggestion-container:empty{display:none}button.ButtonHover:before{background:#b6f875}button.ButtonHover{color:#005652!important}button.ButtonHover:hover:before{background:#9cf644!important}.selectcontainer label.no-overlay:after{opacity:0}.make-button{background:#a6e874!important;color:#005652!important}.selectcontainer.make-button:has(:checked){border:none!important;box-shadow:none!important}.question-section p{margin-bottom:.6rem}main#content:has(.question-section.question-1.live.active) .toolbar-wrapper{display:none}
/*# sourceMappingURL=/cdn/shop/t/45/assets/product-quiz.css.map */