.bottle-quiz-wrapper{text-align:center}.bottle-quiz__header{margin-bottom:3.2rem}.bottle-quiz-wrapper:not(:has(.bottle-quiz__header)) .bottle-quiz-browse{border-top:none;margin-top:0;padding-top:0}.bottle-quiz__subheading{margin-top:.8rem;color:rgba(var(--color-foreground),.7)}.bottle-quiz__progress{height:4px;background:rgba(var(--color-foreground),.1);border-radius:2px;margin-bottom:3.2rem;overflow:hidden}.bottle-quiz__progress-bar{height:100%;background:rgb(var(--color-foreground));border-radius:2px;transition:width .4s ease}.bottle-quiz__step{animation:quizFadeIn .3s ease;min-height:28rem}@keyframes quizFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottle-quiz__question{margin-bottom:.4rem;text-align:center}.bottle-quiz__help-text{color:rgba(var(--color-foreground),.6);margin-bottom:2.4rem;text-align:center}.bottle-quiz__options{display:grid;gap:1.2rem;max-width:56rem;margin:0 auto;min-height:24rem}@media screen and (min-width:750px){.bottle-quiz__options{grid-template-columns:repeat(2,1fr)}.bottle-quiz__options>.bottle-quiz__card:last-child:nth-child(odd){grid-column:1 / -1}}.bottle-quiz__card{display:flex;align-items:flex-start;gap:1.6rem;padding:2rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--text-boxes-radius, .8rem);cursor:pointer;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;font-family:inherit;font-size:inherit;color:inherit;width:100%}.bottle-quiz__card:hover{border-color:rgba(var(--color-foreground),.4);box-shadow:0 2px 8px rgba(var(--color-foreground),.08);transform:translateY(-1px)}.bottle-quiz__card:focus-visible{outline:var(--focused-base-outline);outline-offset:var(--focused-base-outline-offset);box-shadow:var(--focused-base-box-shadow)}.bottle-quiz__card:active{transform:translateY(0)}.bottle-quiz__card-icon{flex-shrink:0;width:4.8rem;height:4.8rem;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground));opacity:.7}.bottle-quiz__card-icon svg{width:100%;height:100%}.bottle-quiz__card-content{display:flex;flex-direction:column;gap:.2rem}.bottle-quiz__card-label{font-weight:600}.bottle-quiz__card-desc{color:rgba(var(--color-foreground),.65);line-height:1.4}.bottle-quiz__card-brands{color:rgba(var(--color-foreground),.5);font-style:italic;margin-top:.4rem}.bottle-quiz__card--silhouette{flex-direction:column;align-items:center;text-align:center}.bottle-quiz__silhouette{margin-bottom:1.2rem}.bottle-quiz__silhouette svg{width:8rem;height:16rem;opacity:.75}.bottle-quiz__card--silhouette .bottle-quiz__card-content{align-items:center}.bottle-quiz__measurement-expected{margin-bottom:2rem;padding:1.6rem;background:rgba(var(--color-foreground),.04);border-radius:var(--text-boxes-radius, .8rem);text-align:center}.bottle-quiz__nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem;max-width:56rem;margin-left:auto;margin-right:auto}.bottle-quiz__back{display:inline-flex;align-items:center;gap:.4rem;font-size:inherit}.bottle-quiz__back:disabled{opacity:.3;cursor:default}.bottle-quiz__back svg{width:1.6rem;height:1.6rem}.bottle-quiz__help-link{color:rgba(var(--color-link),var(--alpha-link));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;cursor:pointer;background:none;border:none;font-family:inherit;font-size:inherit;transition:text-decoration-thickness ease .1s}.bottle-quiz__help-link:hover{color:rgb(var(--color-link));text-decoration-thickness:.2rem}.bottle-quiz__candidates{max-width:56rem;margin:2.4rem auto 0;text-align:left}.bottle-quiz__candidates-title{font-weight:600;margin-bottom:1.6rem;text-align:center;color:rgba(var(--color-foreground),.7)}.bottle-quiz__candidate-group{margin-bottom:1.6rem;transition:opacity .3s ease}.bottle-quiz__candidate--low{opacity:.45}.bottle-quiz__candidate-header{display:flex;align-items:center;gap:1.2rem;margin-bottom:1rem}.bottle-quiz__candidate-name{font-weight:600;white-space:nowrap}.bottle-quiz__candidate-score{display:flex;align-items:center;gap:.8rem;width:100%;margin-top:.4rem}.bottle-quiz__confidence-bar{position:relative;width:100%;height:8px!important;min-height:8px!important;background-color:#4a4340!important;border-radius:4px;overflow:hidden;display:block!important;flex-shrink:0}.bottle-quiz__confidence-fill{display:block!important;height:8px!important;min-height:8px!important;border-radius:4px;background:#e8a945!important;background-image:none!important;transition:width .4s ease;min-width:4px}.bottle-quiz__confidence-label{font-weight:600;font-size:1.3rem;color:#f5efe6;white-space:nowrap;min-width:3.2rem;text-align:right}.bottle-quiz__candidate-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.bottle-quiz-browse__card--compact{font-size:.9em}.bottle-quiz__candidate-score-top{display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem .6rem}.bottle-quiz__candidate-card{cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.bottle-quiz__candidate-card:hover{box-shadow:0 4px 16px #2a25202e;transform:translateY(-2px)}.bottle-quiz-browse__card--compact .bottle-quiz-browse__card-img-wrap{padding:1rem;min-height:10rem}.bottle-quiz-browse__card--compact .bottle-quiz-browse__card-body{padding:1rem 1.2rem}.bottle-quiz__result-img{display:block;margin:0 auto 1.6rem;max-width:20rem;height:auto;border-radius:var(--text-boxes-radius, .8rem)}.bottle-quiz__result-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.6rem}.bottle-quiz__result-nav .bottle-quiz__back{color:#c4b8a6}.bottle-quiz__result-nav .bottle-quiz__help-link{color:#c4b8a6;font-size:inherit}.bottle-quiz__result-inner{max-width:50rem;margin:0 auto;text-align:center;animation:quizFadeIn .3s ease;background:#2a2520;color:#f5efe6;border-radius:var(--text-boxes-radius, .8rem);padding:3.2rem 2.4rem}.bottle-quiz__result-badge{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.6rem;border-radius:2rem;font-weight:600;margin-bottom:1.6rem}.bottle-quiz__result-badge svg{width:2rem;height:2rem}.bottle-quiz__result-badge--match{background:#2e7d32;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:.02em;padding:1.2rem 2.4rem;box-shadow:0 2px 12px #2e7d3266}.bottle-quiz__result-badge--partial{background:#e8a9454d;color:#f5efe6;font-size:1.5rem}.bottle-quiz__result-badge--none{background:#ffffff1a;color:#c4b8a6}.bottle-quiz__result-title{margin-bottom:.8rem}.bottle-quiz__result-desc{color:#d4c9b8;margin-bottom:1.6rem;line-height:1.6}.bottle-quiz__result-brands{color:#c4b8a6;margin-bottom:1.2rem}.bottle-quiz__result-brands-label{font-weight:600}.bottle-quiz__result-specs{display:flex;justify-content:center;gap:2rem;color:#c4b8a6;margin-bottom:2.4rem}.bottle-quiz__result-cta{display:inline-flex;margin-bottom:1.6rem}.bottle-quiz__result-caveat{color:#c4b8a6;margin-bottom:1.6rem;line-height:1.5}.bottle-quiz__result-caveat a,.bottle-quiz__result-caveat button.link{color:#e8d5b5;text-decoration-thickness:.1rem;transition:text-decoration-thickness ease .1s}.bottle-quiz__result-caveat a:hover,.bottle-quiz__result-caveat button.link:hover{color:#f5efe6;text-decoration-thickness:.2rem}.bottle-quiz__result-crossref{margin-top:2.4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.15);text-align:center}.bottle-quiz__result-crossref-title{margin-bottom:1.2rem;font-weight:600;font-size:1.4rem;color:#c4b8a6}.bottle-quiz__result-crossref-cards{display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:750px){.bottle-quiz__result-crossref-cards{grid-template-columns:repeat(2,1fr)}}.bottle-quiz__result-alt-card.bottle-quiz-browse__card{background:#3a3430}.bottle-quiz__restart{display:inline-block;margin-top:2rem;cursor:pointer;font-family:inherit;font-size:1.4rem;font-size:inherit;color:rgba(var(--color-link),var(--alpha-link));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness ease .1s}.bottle-quiz__restart.button--secondary{color:#2a2520;background:#c4b8a6;border-color:#c4b8a6;padding:1rem 2.4rem;font-family:var(--font-heading-family, inherit);text-decoration:none}.bottle-quiz__restart.button--secondary:hover{background:#d4c9b8;border-color:#d4c9b8;color:#2a2520;text-decoration:none}.bottle-quiz__loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0;color:rgba(var(--color-foreground),.5)}.bottle-quiz__error{text-align:center;color:rgba(var(--color-foreground),.6);padding:4rem 0}.bottle-quiz-browse{margin-top:4.8rem;padding-top:3.2rem;border-top:1px solid rgba(var(--color-foreground),.1)}.bottle-quiz-browse__header{text-align:center;margin-bottom:2.4rem}.bottle-quiz-browse__title{margin-bottom:1.6rem}.bottle-quiz-browse__search-wrap{position:relative;max-width:40rem;margin:0 auto}.bottle-quiz-browse__search-icon{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:rgba(var(--color-foreground),.4);pointer-events:none;z-index:1}.bottle-quiz-browse__search{width:100%;padding-left:4rem!important}.bottle-quiz-browse__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(26rem,1fr))}.bottle-quiz-browse__card{display:flex;flex-direction:column;background:#2a2520;color:#f5efe6;border-radius:var(--text-boxes-radius, .8rem);overflow:hidden;transition:box-shadow .2s ease}.bottle-quiz-browse__card:hover{box-shadow:0 4px 16px #2a252059}.bottle-quiz-browse__card-img-wrap{position:relative;background:#3a3430;padding:0;display:flex;align-items:center;justify-content:center;min-height:16rem;cursor:pointer}.bottle-quiz-browse__card-img{width:100%;height:auto;object-fit:contain}.bottle-quiz-browse__zoom-icon{position:absolute;bottom:.8rem;right:.8rem;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#2a2520;transition:color .2s ease,background .2s ease;cursor:pointer}.bottle-quiz-browse__card-img-wrap:hover .bottle-quiz-browse__zoom-icon{color:#000;background:#fff}.bottle-quiz-browse__arrow{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffd9;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:rgba(var(--color-foreground),.5);opacity:0;transition:opacity .2s ease,color .2s ease;z-index:2;padding:0}.bottle-quiz-browse__card-img-wrap:hover .bottle-quiz-browse__arrow{opacity:1}.bottle-quiz-browse__arrow:hover{color:rgb(var(--color-foreground));background:rgba(var(--color-background),.95)}.bottle-quiz-browse__arrow--prev{left:.6rem}.bottle-quiz-browse__arrow--next{right:.6rem}.bottle-quiz-browse__img-label{position:absolute;bottom:.6rem;left:50%;transform:translate(-50%);background:rgba(var(--color-foreground),.7);color:rgb(var(--color-background));padding:.2rem .8rem;border-radius:1rem;font-size:.85em;white-space:nowrap;opacity:0;transition:opacity .2s ease;z-index:2}.bottle-quiz-browse__card-img-wrap:hover .bottle-quiz-browse__img-label{opacity:1}.bottle-quiz-browse__card-body{padding:1.6rem;flex:1;display:flex;flex-direction:column}.bottle-quiz-browse__card-name{font-weight:600;margin-bottom:.4rem}.bottle-quiz-browse__card-brands{color:#c4b8a6;margin-bottom:.8rem}.bottle-quiz-browse__card-specs{color:#c4b8a6;line-height:1.5;margin-bottom:.8rem}.bottle-quiz-browse__card-holder{color:#d4c9b8;margin-top:auto;padding-top:1rem;margin-bottom:1rem}.bottle-quiz-browse__card-source{display:inline-flex;align-items:center;gap:.4rem;margin-left:1.2rem;color:#a09080;text-decoration:none;transition:color .2s ease}.bottle-quiz-browse__card-source:hover{color:#d4c9b8}.bottle-quiz-browse__card-source svg{flex-shrink:0}.bottle-quiz-browse__no-results{text-align:center;color:rgba(var(--color-foreground),.5);padding:3.2rem 0}.bq-modal{border:none;padding:0;max-width:50rem;width:calc(100% - 3.2rem);background:transparent;overflow:visible;border-radius:var(--text-boxes-radius, .8rem)}.bq-modal::backdrop{background:#0000008c}.bq-modal__inner{position:relative;background:rgb(var(--color-background));border-radius:var(--text-boxes-radius, .8rem);padding:3.2rem;text-align:left;animation:quizFadeIn .2s ease}.bq-modal__inner h3{margin-bottom:1.2rem}.bq-modal__inner p{color:rgba(var(--color-foreground),.7);margin-bottom:.8rem}.bq-modal__inner ul{margin:0 0 2rem 1.6rem;color:rgba(var(--color-foreground),.7);line-height:1.6}.bq-modal__close{position:absolute;top:1.2rem;right:1.2rem;width:3.6rem;height:3.6rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.15);border-radius:50%;cursor:pointer;color:rgba(var(--color-foreground),.6);padding:0;z-index:10;box-shadow:0 2px 8px #0000001a}.bq-modal__close:hover{color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.3)}.bq-modal__actions{display:flex;gap:1.2rem;flex-wrap:wrap}.bq-modal__chat,.bq-modal__email{display:inline-flex;align-items:center;gap:.8rem;flex:1 1 auto;justify-content:center;min-width:16rem;text-decoration:none}.bq-modal__chat svg,.bq-modal__email svg{flex-shrink:0}.bq-modal--lightbox{max-width:90rem;width:calc(100% - 3.2rem);max-height:calc(100vh - 3.2rem)}.bq-modal__inner--lightbox{padding:0;overflow:hidden;display:flex;flex-direction:row;max-height:calc(100vh - 4.8rem)}.bq-modal__inner--lightbox .bq-modal__close{top:.8rem;right:.8rem;z-index:20}.bq-modal__lb-media{position:relative;flex:1 1 60%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2a2520;user-select:none;-webkit-user-select:none}.bq-modal__lb-title{width:100%;padding:1.4rem 4rem 0;font-weight:600;font-size:1.6rem;text-align:center;color:#fff}.bq-modal__lb-title:empty{display:none}.bq-modal__img{display:block;max-width:100%;max-height:calc(100vh - 10rem);object-fit:contain;padding:1.6rem 2rem 2rem;pointer-events:none}.bq-modal__lb-info{flex:0 0 34%;min-width:26rem;max-height:calc(100vh - 4.8rem);overflow-y:auto;border-left:1px solid rgba(var(--color-foreground),.08)}.bq-modal__nav{position:absolute;top:50%;transform:translateY(-50%);width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;color:rgb(var(--color-foreground));box-shadow:0 2px 8px #0000001f;z-index:10;padding:0}.bq-modal__nav:hover{background:rgb(var(--color-background))}.bq-modal__nav--prev{left:1rem}.bq-modal__nav--next{right:1rem}.bq-modal__nav[hidden]{display:none}.bq-modal__caption{text-align:left;padding:2rem 2rem 1.6rem;color:rgb(var(--color-foreground));display:flex;flex-direction:column;gap:.3rem}.bq-modal__caption-holder{color:rgba(var(--color-foreground),.6)}.bq-modal__caption-link{color:rgba(var(--color-link),var(--alpha-link));text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.1rem;transition:text-decoration-thickness ease .1s}.bq-modal__caption-link:hover{text-decoration-thickness:.2rem}.bq-modal__apps{padding:1.2rem 2rem 2rem;border-top:1px solid rgba(var(--color-foreground),.08)}.bq-modal__apps:empty{display:none}.bq-modal__apps-preview{display:flex;justify-content:center;padding:0 2rem 1.2rem;min-height:10rem}.bq-modal__apps-preview-img{max-width:100%;max-height:16rem;object-fit:contain;transition:opacity .2s ease}.bq-modal__apps-title{font-weight:600;text-align:center;margin-bottom:1.2rem;color:rgb(var(--color-foreground))}.bq-modal__apps-grid{display:grid;gap:.8rem;grid-template-columns:1fr}.bq-modal__app-card{display:flex;flex-direction:column;gap:.3rem;padding:1.2rem 1.4rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--text-boxes-radius, .8rem);text-decoration:none;color:rgb(var(--color-foreground));transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer;text-align:left;font-family:inherit;font-size:inherit}.bq-modal__app-card:hover{border-color:rgba(var(--color-foreground),.4);box-shadow:0 2px 8px rgba(var(--color-foreground),.08);transform:translateY(-1px)}.bq-modal__app-card:active{transform:translateY(0)}.bq-modal__app-card--soon{opacity:.5;cursor:default;pointer-events:none;flex-direction:row;align-items:center;gap:.8rem;padding:.8rem 1.2rem}.bq-modal__app-card--soon:hover{border-color:rgba(var(--color-foreground),.12);box-shadow:none;transform:none}.bq-modal__app-card--unavailable{opacity:.5;cursor:default;pointer-events:none}.bq-modal__app-card--unavailable:hover{border-color:rgba(var(--color-foreground),.12);box-shadow:none;transform:none}.bq-modal__app-card-name{font-weight:600}.bq-modal__app-card-desc{color:rgba(var(--color-foreground),.6);font-size:.9em;line-height:1.4}.bq-modal__app-card-badge{display:inline-block;margin-top:0;margin-left:auto;padding:.15rem .6rem;background:rgba(var(--color-foreground),.06);border-radius:1rem;font-size:.8em;color:rgba(var(--color-foreground),.5);white-space:nowrap;flex-shrink:0}.bq-modal__app-card-note{font-size:.8em;color:#c8961ee6;margin-top:.2rem}.bq-modal__app-card-note--info{color:rgba(var(--color-foreground),.5)}@media screen and (max-width:749px){.bottle-quiz__options{grid-template-columns:1fr}.bottle-quiz__card{padding:1.6rem}.bottle-quiz__card-icon{width:3.6rem;height:3.6rem}.bottle-quiz__result-specs{flex-direction:column;gap:.4rem}.bottle-quiz__nav{flex-direction:row;gap:1rem;align-items:center}.bottle-quiz__candidate-img{width:4.8rem;height:4.8rem}.bottle-quiz-browse__grid{grid-template-columns:1fr}.bottle-quiz-browse__arrow,.bottle-quiz-browse__img-label{opacity:1}.bq-modal--lightbox{max-height:calc(100vh - 2rem)}.bq-modal__inner--lightbox{flex-direction:column;max-height:calc(100vh - 3.2rem);overflow-y:auto;-webkit-overflow-scrolling:touch}.bq-modal__lb-media{flex:0 0 auto}.bq-modal__lb-info{flex:0 0 auto;max-width:none;min-width:auto;overflow-y:visible;border-left:none;border-top:1px solid rgba(var(--color-foreground),.08)}.bq-modal__lb-title{font-size:1.4rem;padding:1.2rem 2rem 0}.bq-modal__img{max-height:50vh}.bq-modal__nav--prev{left:.5rem}.bq-modal__nav--next{right:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-bottle-quiz.css.map */