.body-template-page-coffee-quiz .shopify-section-header .header-wrapper{background-color:#000}.body-template-page-coffee-quiz .shopify-section-header .header-wrapper .header__menu-link,.body-template-page-coffee-quiz .shopify-section-header .header-wrapper .header__icon-name,.body-template-page-coffee-quiz .shopify-section-header .header-wrapper .disclosure__button .value{color:#ffffffe6}.body-template-page-coffee-quiz .shopify-section-header .header-wrapper .header__heading-link{color:#fff}.coffee-quiz{--cq-bg: rgb(var(--color-background));--cq-card-bg: rgb(var(--color-base-background-2));--cq-border: rgb(var(--color-border));--cq-primary: rgb(var(--color-button));--cq-primary-text: rgb(var(--color-button-text));--cq-foreground: rgb(var(--color-foreground));--cq-muted: rgba(var(--color-foreground), .7);--cq-primary-tint: rgba(var(--color-button), .05);--cq-primary-border-hover: rgba(var(--color-button), .4);min-height:100%;background:var(--cq-bg);font-family:var(--font-body-family),sans-serif}.cq-container{width:100%;max-width:var(--cq-container-max, var(--page-width, 1200px));margin:0 auto;padding-left:1.5rem;padding-right:1.5rem}@media(min-width:750px){.cq-container{padding-left:2rem;padding-right:2rem}}.cq-hero{text-align:center;padding-top:var(--cq-hero-padding-top, 4rem);padding-bottom:var(--cq-hero-padding-bottom, 4rem);background:rgba(var(--color-button),.08);border-radius:1rem;margin-bottom:3rem}.cq-hero__badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;border-radius:9999px;background:rgba(var(--color-button),.1);color:var(--cq-foreground);font-size:var(--cq-hero-badge-size, 14px);font-weight:500;margin-bottom:1rem}.cq-hero__badge-icon{font-size:1em}.cq-hero__title{font-size:var(--cq-hero-title-size, 32px);font-weight:700;margin:0 0 .5rem;color:var(--cq-foreground);font-family:var(--font-heading-family),sans-serif}.cq-hero__subtitle{margin:0 auto;max-width:37.5rem;font-size:var(--cq-hero-subtitle-size, 18px);color:var(--cq-muted);line-height:1.5}.cq-quiz-container{max-width:var(--cq-quiz-container-max, 720px);margin:0 auto;padding:var(--cq-quiz-container-padding-top, 48px) 0 var(--cq-quiz-container-padding-bottom, 64px)}.cq-progress{margin-bottom:.5rem}.cq-progress__row{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:.5rem}.cq-progress__label{font-size:var(--cq-progress-label-size, 14px);color:var(--cq-muted);white-space:nowrap;min-width:0}.cq-progress__percent{font-size:var(--cq-progress-label-size, 14px);color:var(--cq-muted);flex-shrink:0}.cq-progress__bar{height:var(--cq-progress-bar-height, 8px);width:100%;background:var(--cq-border);border-radius:9999px;overflow:hidden;margin-top:.5rem}.cq-progress__fill{height:100%;background:var(--cq-primary);border-radius:9999px;transition:width .3s ease}.cq-questions{position:relative;min-height:280px}.cq-questions.cq-questions--hidden{display:none!important}.cq-question{display:none;animation:cq-fade-in .3s ease}.cq-question--active{display:block}.cq-question--enter{animation:cq-slide-in .35s ease forwards}.cq-question--leave{animation:cq-slide-out .3s ease forwards}@keyframes cq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cq-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes cq-slide-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.cq-question__title{font-size:var(--cq-question-title-size, 24px);font-weight:700;margin:0 0 .5rem;color:var(--cq-foreground);font-family:var(--font-heading-family),sans-serif}.cq-question__subtitle{margin:0 0 var(--cq-question-subtitle-margin, 32px);color:var(--cq-muted);font-size:var(--cq-question-subtitle-size, 16px)}.cq-options{display:grid;grid-template-columns:1fr;gap:var(--cq-options-gap, 16px);margin-bottom:2rem}@media(min-width:640px){.cq-options{grid-template-columns:repeat(2,1fr)}}.cq-option{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:var(--cq-option-padding, 20px);background:var(--cq-card-bg);border:2px solid var(--cq-border);border-radius:var(--cq-option-radius, 12px);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;font-family:inherit;font-size:var(--cq-option-font-size, 16px);color:var(--cq-foreground)}.cq-option:hover{border-color:var(--cq-primary-border-hover);box-shadow:0 4px 12px #00000014}.cq-option:focus{outline:none}.cq-option:focus-visible{outline:2px solid var(--cq-primary);outline-offset:2px}.cq-option[aria-pressed=true],.cq-option.cq-option--selected{border-color:var(--cq-primary);background:var(--cq-primary-tint);box-shadow:0 4px 14px #0000001a}.cq-option__check{position:absolute;top:var(--cq-option-padding, 20px);right:var(--cq-option-padding, 20px);width:24px;height:24px;border-radius:50%;background:var(--cq-primary);color:var(--cq-primary-text);display:none;align-items:center;justify-content:center}.cq-option__check svg{width:14px;height:14px}.cq-option[aria-pressed=true] .cq-option__check,.cq-option.cq-option--selected .cq-option__check{display:flex}.cq-option__emoji{font-size:var(--cq-option-emoji-size, 24px);line-height:1.2;margin-bottom:.25rem}.cq-option__label{font-weight:500}.cq-nav-back{margin-top:-.5rem;margin-bottom:1rem}.cq-nav-back[hidden]{display:none!important}.cq-nav-back__btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 0;background:none;border:none;font-size:var(--cq-nav-back-size, 14px);color:var(--cq-muted);cursor:pointer;font-family:inherit;transition:color .2s}.cq-nav-back__btn:hover{color:var(--cq-foreground)}.cq-nav-back__btn:focus{outline:none}.cq-nav-back__btn:focus-visible{outline:2px solid var(--cq-primary);outline-offset:2px;border-radius:4px}.cq-results{text-align:center;padding:2rem 0}.cq-results[hidden]{display:none!important}.cq-results__celebration{font-size:var(--cq-result-celebration-size, 48px);line-height:1;margin-bottom:1rem}.cq-results__title{font-size:var(--cq-result-title-size, 24px);font-weight:700;margin:0 0 .5rem;color:var(--cq-foreground);font-family:var(--font-heading-family),sans-serif}.cq-results__subtitle{margin:0 auto 2rem;max-width:32rem;color:var(--cq-muted);font-size:var(--cq-result-subtitle-size, 16px)}.cq-results__list{margin-bottom:2rem}.cq-result-card{display:flex;align-items:center;gap:1rem;padding:1rem;text-align:left;background:var(--cq-card-bg);border:2px solid var(--cq-border);border-radius:.75rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.cq-result-card:hover{border-color:var(--cq-primary-border-hover);box-shadow:0 4px 12px #00000014}.cq-result-card--option{display:none!important}.cq-result-card--option.cq-result-card--visible{display:flex!important}.cq-result-card:hover .cq-result-card__name{color:var(--cq-primary)}.cq-result-card__image{flex-shrink:0;width:var(--cq-result-image-size, 80px);height:var(--cq-result-image-size, 80px);border-radius:.5rem;overflow:hidden;background:var(--cq-border)}.cq-result-card__img{width:100%;height:100%;object-fit:cover}.cq-result-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:2rem}.cq-result-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.cq-result-card__brand{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--cq-muted)}.cq-result-card__name{font-weight:600;color:var(--cq-foreground);transition:color .2s}.cq-result-card__notes{font-size:.875rem;color:var(--cq-muted)}.cq-result-card__price{flex-shrink:0;font-weight:600;color:var(--cq-foreground)}.cq-results__ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:center}@media(max-width:480px){.cq-results__ctas{flex-direction:column}}.cq-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:var(--cq-btn-padding, 14px) calc(var(--cq-btn-padding, 14px) * 1.5);font-size:var(--cq-btn-font-size, 16px);font-weight:500;font-family:inherit;border-radius:.5rem;cursor:pointer;text-decoration:none;transition:background .2s,color .2s,border-color .2s;border:2px solid transparent}.cq-btn:focus{outline:none}.cq-btn:focus-visible{outline:2px solid var(--cq-primary);outline-offset:2px}.cq-btn--outline{background:transparent;border-color:var(--cq-border);color:var(--cq-foreground)}.cq-btn--outline:hover{border-color:var(--cq-foreground);color:var(--cq-foreground)}.cq-btn--primary{background:var(--cq-primary);color:var(--cq-primary-text);border-color:var(--cq-primary)}.cq-btn--primary:hover{opacity:.9}.cq-btn__icon--end{margin-left:.25rem}
/*# sourceMappingURL=/cdn/shop/t/8/assets/coffee-quiz.css.map */