.quiz-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(28rem,3fr);min-height:100vh;min-height:100dvh;align-items:start;background:radial-gradient(circle at top left,rgba(var(--color-button),.08),transparent 38%),rgb(var(--color-background));color:rgb(var(--color-foreground))}.quiz-media{position:relative;overflow:hidden;background:rgb(var(--color-background));min-height:0;align-self:start;aspect-ratio:920 / 770}.quiz-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#00000005,#0000002e);pointer-events:none}.quiz-media img{width:100%;height:100%;display:block;object-fit:cover}.quiz-panel{display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;min-height:100dvh;padding:clamp(3.2rem,5vw,2.6rem) clamp(2rem,5vw,5.6rem);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.quiz-steps{margin-bottom:2.8rem}.quiz-progress-meta{display:flex;justify-content:space-between;align-items:center;gap:1.2rem;margin-bottom:1.2rem;font-size:1.1rem;letter-spacing:.14rem;text-transform:uppercase}.quiz-progress-nav{display:flex;align-items:center;flex:0 0 auto}.quiz-progress-label{display:flex;justify-content:flex-end;flex:1 1 auto;min-width:0}.quiz-step-label{color:rgba(var(--color-foreground),.55);text-align:right}.quiz-progress-track{display:grid;grid-template-columns:repeat(var(--quiz-progress-count, 1),minmax(0,1fr));gap:.8rem}.quiz-progress-segment{height:.4rem;overflow:hidden;border-radius:999px;background:rgba(var(--color-foreground),.1)}.quiz-progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:rgb(var(--color-button));transition:width .22s ease}.quiz-progress-segment.is-complete .quiz-progress-fill{width:100%}.quiz-progress-segment.is-active .quiz-progress-fill{width:58%}#coffee-quiz-form{display:flex;flex-direction:column;flex:1 1 auto;gap:1.6rem;max-width:52rem}.quiz-intro{display:flex;flex-direction:column;gap:2rem;max-width:54rem}.quiz-intro-benefits{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:2.5rem}.quiz-intro-benefit{display:flex;align-items:flex-start;gap:2rem}.quiz-intro-benefit-icon{flex-shrink:0;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;color:currentColor}.quiz-intro-benefit-content{display:flex;flex-direction:column;gap:.5rem}.quiz-intro-benefit-icon img,.quiz-intro-benefit-icon svg{width:100%;height:100%;object-fit:contain}.quiz-intro-benefit-title{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground));line-height:1.2}.quiz-intro-benefit-copy{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground))}.quiz-intro .banner__buttons{width:100%;margin-top:.4rem}.quiz-intro .banner__buttons .button{width:100%}.subscription-builder-cover__benefits{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.subscription-builder-cover__benefit{position:relative;padding-left:2.2rem;font-size:1.4rem;line-height:1.55;color:rgba(var(--color-foreground),.82)}.subscription-builder-cover__benefit:before{content:"";position:absolute;top:.7rem;left:0;width:.7rem;height:.7rem;border-radius:50%;background:rgb(var(--color-button))}.quiz-question{display:flex;flex-direction:column;flex:1 1 auto;gap:1.6rem;min-height:100%}.quiz-masterpiece-schedule{display:flex;flex-direction:column;gap:1.6rem;margin-top:.4rem}.quiz-masterpiece-schedule-item{display:flex;flex-direction:column;gap:.8rem}.quiz-masterpiece-schedule-question{margin:0;font-size:1.6rem;font-weight:700;line-height:1.2;color:rgb(var(--color-foreground))}.quiz-masterpiece-schedule-answer{margin:0;font-size:1.5rem;line-height:1.5;color:rgba(var(--color-foreground),.82)}.quiz-eyebrow{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;color:rgb(var(--color-foreground))}.quiz-title{margin:0;font-family:Chalet Comprime;letter-spacing:1px;font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.8rem,3.4vw,calc(var(--font-heading-scale) * 3.8rem));line-height:1.08;color:rgb(var(--color-foreground))}.quiz-helper{margin:-.4rem 0 0;font-size:1.5rem;line-height:1.5;color:rgb(var(--color-foreground))}.quiz-options{display:grid;gap:1.2rem}.quiz-option{position:relative;display:flex;flex-direction:column;gap:.4rem;width:100%;padding:1.8rem 2rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:1rem;background:rgba(var(--color-foreground),.04);color:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.quiz-option:hover{border-color:rgba(var(--color-button),.48)}.quiz-option:active{transform:scale(.992)}.quiz-option:focus-visible,.quiz-button:focus-visible,.quiz-back-btn:focus-visible,.quiz-summary-edit:focus-visible,.quiz-qty-button:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:3px}.quiz-option.is-selected{border-color:rgb(var(--color-button));background:rgba(var(--color-foreground),.08)}.quiz-option-copy{display:flex;flex-direction:column;gap:.45rem;padding-right:3.6rem}.quiz-option--with-badge{padding-top:2.6rem}.quiz-option--with-badge .quiz-option-copy{padding-right:10.6rem}.quiz-option-title{font-size:1.6rem;font-weight:700;line-height:1.35;color:rgb(var(--color-foreground))}.quiz-option-desc{font-size:1.35rem;line-height:1.55;color:rgba(var(--color-foreground),.66)}.quiz-option-meta{font-size:1rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-button),.88)}.quiz-option-badge{right:1.6rem}.quiz-option-check{position:absolute;top:1.4rem;right:1.6rem;width:2.4rem;height:2.4rem;border:1px solid rgba(var(--color-foreground),.18);border-radius:50%;background:rgba(var(--color-foreground),.04);transition:border-color .15s ease,background-color .15s ease}.quiz-option.is-selected .quiz-option-check{border-color:rgb(var(--color-button));background:radial-gradient(circle at center,rgb(var(--color-button)) 0 44%,transparent 46%)}.quiz-option--with-badge .quiz-option-check{top:2.4rem}.quiz-button{display:inline-flex;align-items:center;justify-content:center;width:100%;gap:.8rem;min-height:5.6rem;padding:1.6rem 2rem;border:1px solid rgb(var(--color-button));border-radius:1rem;background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.4rem;font-weight:700;text-align:center;cursor:pointer;transition:transform .15s ease,filter .15s ease}.quiz-sticky-action{position:sticky;bottom:max(1.2rem,env(safe-area-inset-bottom));z-index:2;margin-top:auto;padding-top:1.6rem;padding-bottom:calc(env(safe-area-inset-bottom) + .4rem);background:linear-gradient(180deg,rgba(var(--color-background),0),rgba(var(--color-background),.88) 24%,rgba(var(--color-background),.98));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quiz-sticky-action .quiz-button{width:100%}.quiz-button:hover{filter:brightness(1.05)}.quiz-button:active{transform:scale(.992)}.quiz-button:disabled{opacity:.48;cursor:not-allowed;filter:none;transform:none}.quiz-summary-card{padding:2.2rem;border:1px solid rgba(var(--color-foreground),.12);border-radius:2rem;background:linear-gradient(180deg,rgba(var(--color-foreground),.03),rgba(var(--color-background),.98));box-shadow:0 1.8rem 4rem #0000000d}.quiz-summary{display:flex;flex-direction:column;margin-top:.4rem}.quiz-summary-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding:.2rem 0;border-bottom:1px solid rgba(var(--color-foreground),.1)}.quiz-summary-row:last-child{border-bottom:0}.quiz-summary-copy{display:flex;flex-direction:column;gap:.35rem}.quiz-summary-label{font-size:1.2rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.5)}.quiz-summary-value{font-size:1.5rem;line-height:1.5;color:rgb(var(--color-foreground))}.quiz-summary-edit{align-self:center;padding:0;border:0;background:transparent;color:rgba(var(--color-button),.9);font-size:1.2rem;font-weight:700;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer}.quiz-qty-stepper{display:inline-flex;align-items:center;gap:1.2rem}.quiz-qty-button{width:4.4rem;height:4.4rem;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--color-foreground),.22);border-radius:50%;background:rgba(var(--color-foreground),.02);color:rgb(var(--color-foreground));font-size:2rem;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.quiz-qty-button:hover:not(:disabled){border-color:rgb(var(--color-button));color:rgb(var(--color-button));background:rgba(var(--color-button),.05)}.quiz-qty-button:disabled{opacity:.35;cursor:not-allowed}.quiz-qty-value{min-width:3rem;font-size:1.8rem;font-weight:700;text-align:center}.quiz-employee-panel{display:flex;flex-direction:column;gap:1.6rem;align-items:flex-start}.quiz-qty-stepper--employees{gap:1.6rem}.quiz-employee-value{min-width:5rem;font-size:3.2rem;font-weight:700;line-height:1;text-align:center}.quiz-employee-note{margin:0;font-size:1.35rem;line-height:1.5;color:rgba(var(--color-foreground),.68)}.quiz-subtotal-row{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;margin-top:1.2rem}.quiz-subtotal-label{font-size:1.25rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:rgba(var(--color-foreground),.52)}.quiz-subtotal-value{font-size:2.2rem;font-weight:700;color:rgb(var(--color-foreground))}.quiz-subtotal-copy{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.quiz-subtotal-note{font-size:1.25rem;line-height:1.45;color:rgba(var(--color-foreground),.66)}.quiz-summary-note{margin:0 0 1.2rem;font-size:1.35rem;line-height:1.55;color:rgba(var(--color-foreground),.68)}.quiz-inline-error{margin:0 0 .6rem;font-size:1.3rem;line-height:1.5;color:rgb(var(--color-foreground))}.quiz-back-btn{min-height:4rem;padding:0;border:0;display:inline-flex;align-items:center;gap:.6rem;flex:0 0 auto;appearance:none;-webkit-appearance:none;background:transparent;color:rgba(var(--color-foreground),.62);font-family:var(--font-body-family);font-size:1.35rem;font-weight:700;letter-spacing:.02rem;cursor:pointer}.quiz-back-btn:hover{color:rgb(var(--color-foreground))}.quiz-back-icon{font-size:1.7rem;line-height:1}.quiz-back-label{line-height:1}@media screen and (max-width:989px){.quiz-layout{grid-template-columns:1fr}.quiz-media{width:100%;height:clamp(18rem,34vh,24rem);min-height:0;aspect-ratio:auto}}@media screen and (max-width:749px){.quiz-layout{background:radial-gradient(circle at top left,rgba(var(--color-button),.08),transparent 32%),rgb(var(--color-background))}.quiz-layout.is-started .quiz-media{display:none}.quiz-media{display:block;height:clamp(16rem,28vh,21rem);min-height:0;max-height:none}.quiz-media:after{background:linear-gradient(180deg,#0000000a,#00000042)}.quiz-media img{object-position:center center}.quiz-panel{justify-content:flex-start;margin-top:-2rem;padding:2.4rem 1.6rem 2.8rem;border-radius:2.4rem 2.4rem 0 0;background:rgb(var(--color-background));position:relative;z-index:1}.quiz-layout.is-started .quiz-panel{margin-top:0;padding-top:2rem;border-radius:0}.quiz-intro{gap:1.6rem}.quiz-eyebrow,.quiz-progress-meta,.quiz-summary-label,.quiz-subtotal-label,.quiz-summary-edit,.quiz-back-btn{letter-spacing:.12rem}.quiz-helper{font-size:1.4rem}.quiz-intro-benefit{gap:1.6rem}.quiz-intro-benefits{gap:2rem}.subscription-builder-cover__benefits{gap:1rem}.quiz-intro-benefit-icon{width:2.6rem;height:2.6rem}.quiz-progress-meta{margin-bottom:1rem}.quiz-progress-label{min-width:0}.quiz-steps{margin-bottom:2rem}.quiz-option{padding:1.6rem;border-radius:1.6rem}.quiz-intro .banner__buttons{max-width:none}.quiz-summary-card{padding:1.8rem;border-radius:1.6rem}.quiz-summary-row{flex-wrap:wrap;padding:1.2rem 0}.quiz-summary-edit{align-self:flex-start}.quiz-subtotal-value{font-size:2rem}.quiz-sticky-action{bottom:calc(env(safe-area-inset-bottom) + 5.6rem);padding-top:1.4rem}}@media(prefers-reduced-motion:reduce){.quiz-progress-fill,.quiz-option,.quiz-button,.quiz-qty-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/357/assets/coffee-quiz.css.map */