.custom-coffee-quiz__header p{margin:.8rem 0 0;color:rgba(var(--color-foreground),.72)}.custom-coffee-quiz__progress{height:.6rem;border-radius:999px;background:rgba(var(--color-foreground),.12);margin:1.6rem 0 1.2rem;overflow:hidden}.custom-coffee-quiz__progress-fill{height:100%;width:0;background:rgba(var(--color-button),1);transition:width .25s ease}.custom-coffee-quiz__step-label{margin:0 0 .8rem;color:rgba(var(--color-foreground),.72)}.custom-coffee-quiz__question{margin:0 0 1.2rem}.custom-coffee-quiz__answers{display:grid;gap:.8rem}.custom-coffee-quiz__answer{border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.8rem;padding:1rem 1.2rem;background:transparent;text-align:left;cursor:pointer}.custom-coffee-quiz__answer:hover{border-color:rgba(var(--color-button),.7)}.custom-coffee-quiz__answer.is-selected{border-color:rgba(var(--color-button),1);background:rgba(var(--color-button),.08)}.custom-coffee-quiz__actions{margin-top:1.4rem;display:flex;gap:.8rem}.custom-coffee-quiz__actions--link-out{justify-content:center;flex-wrap:wrap}.custom-coffee-quiz--link-only{position:relative;border-radius:2.8rem;padding:clamp(2.4rem,4vw,4.8rem);background:rgba(var(--color-background),1);border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 2.4rem 6rem -2.4rem #1a100738}.custom-coffee-quiz__brandline{display:inline-flex;align-items:center;gap:1rem;margin:0 0 2rem;font-size:1.2rem;letter-spacing:.18rem;text-transform:uppercase;color:rgba(var(--color-foreground),.86)}.custom-coffee-quiz__brandline-icon{width:1rem;height:1.4rem;border-radius:50%;background:rgba(var(--color-foreground),.95);position:relative;transform:rotate(-18deg)}.custom-coffee-quiz__brandline-icon:after{content:"";position:absolute;top:.2rem;right:.35rem;bottom:.2rem;left:.35rem;border-left:.1rem solid rgba(var(--color-background),1);border-radius:999px}.custom-coffee-quiz__intro{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:center}.custom-coffee-quiz__copy{min-width:0}.custom-coffee-quiz__display{margin:0;line-height:.9;letter-spacing:-.02em}.custom-coffee-quiz__display em{color:rgba(var(--color-button),1);font-style:italic}.custom-coffee-quiz__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:2.8rem 0 0;padding:2rem 0 0;border-top:.1rem solid rgba(var(--color-foreground),.12);list-style:none}.custom-coffee-quiz__stat{text-align:center}.custom-coffee-quiz__cta{display:inline-flex;align-items:center;border-radius:999px;padding:1.5rem 2rem 1.5rem 2.8rem;min-width:25rem;justify-content:space-between;gap:1.6rem;text-transform:uppercase;letter-spacing:.14rem;font-weight:700}@media screen and (max-width:749px){.custom-coffee-quiz__intro{grid-template-columns:1fr}.custom-coffee-quiz__brandline{justify-content:center;width:100%;text-align:center}.custom-coffee-quiz__copy,.custom-coffee-quiz--link-only .custom-coffee-quiz__header{text-align:center}.custom-coffee-quiz__hero-media{order:-1}.custom-coffee-quiz__hero-media img{min-height:18rem}.custom-coffee-quiz__stats{grid-template-columns:1fr;gap:.8rem}.custom-coffee-quiz__cta{width:100%;min-width:0}}.custom-coffee-quiz__error{margin:1rem 0 0;color:#b42424}.custom-coffee-quiz--redesign .custom-coffee-quiz__ribbon{position:absolute;top:0;left:0;right:0;height:.6rem;background:linear-gradient(90deg,#d7a84a,#e5b94f 40%,#d7a84a 60%,#b88a35)}.custom-coffee-quiz--redesign .custom-coffee-quiz__bean{position:absolute;width:1.6rem;height:2.2rem;background:#3a1e10;border-radius:50%;opacity:.1}.custom-coffee-quiz--redesign .custom-coffee-quiz__bean:after{content:"";position:absolute;top:.3rem;right:.6rem;bottom:.3rem;left:.6rem;border-left:.1rem solid #f8efd5;border-radius:50%}.custom-coffee-quiz--redesign .custom-coffee-quiz__bean--1{top:9rem;right:2.4rem;transform:rotate(30deg);opacity:.08}.custom-coffee-quiz--redesign .custom-coffee-quiz__bean--2{bottom:2.4rem;left:2.4rem;transform:rotate(-20deg);width:1.3rem;height:1.8rem;opacity:.11}.custom-coffee-quiz--redesign .custom-coffee-quiz__head{margin-bottom:3rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__eyebrow:before{content:"";width:2.4rem;height:.15rem;background:#b0342e}.custom-coffee-quiz--redesign .custom-coffee-quiz__progress-wrap{margin:3.2rem 0 2.6rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__progress-bar{height:.8rem;background:#dfcb9e;border-radius:999px;overflow:hidden;box-shadow:inset 0 1px 2px #3a1e1026}.custom-coffee-quiz--redesign .custom-coffee-quiz__progress-fill{width:0;transform:none;transition:width .55s cubic-bezier(.2,.7,.2,1);background:linear-gradient(90deg,#b0342e,#8c231e);box-shadow:inset 0 1px #fff3,0 0 12px #b0342e4d;display:block}.custom-coffee-quiz--redesign .custom-coffee-quiz__progress-meta{display:flex;justify-content:space-between;align-items:baseline;margin-top:1.2rem;gap:1.2rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__step-label{letter-spacing:.04em;text-transform:uppercase;color:#4e2c1a}.custom-coffee-quiz--redesign .custom-coffee-quiz__step-label .num{color:#b0342e;font-weight:700}.custom-coffee-quiz--redesign .custom-coffee-quiz__step-hint{color:#6b3e2a;opacity:.85;font-style:italic}.custom-coffee-quiz--redesign .custom-coffee-quiz__answers{gap:1rem;margin-bottom:2.4rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer{position:relative;display:flex;align-items:center;gap:1.2rem;color:var(--black);padding:1.6rem 5.6rem 1.6rem 1.6rem;background:#f2e5c1;border:.15rem solid rgba(58,30,16,.12);border-radius:1.4rem;transition:border-color .22s ease,background .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer:after{content:"";position:absolute;top:50%;right:1.8rem;width:2.2rem;height:2.2rem;border-radius:50%;border:.15rem solid rgba(58,30,16,.22);transform:translateY(-50%)}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer:hover{border-color:#8e5a36;background:#f8efd5;transform:translateY(-1px)}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer.is-selected{border-color:#b0342e;background:#f8efd5;box-shadow:inset 0 0 0 1px #b0342e,0 8px 20px -10px #b0342e59}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer.is-selected:after{background:#b0342e;border-color:#b0342e}.custom-coffee-quiz--redesign .custom-coffee-quiz__actions{padding-top:2rem;border-top:.1rem solid rgba(58,30,16,.1);justify-content:space-between}@media(max-width:520px){.custom-coffee-quiz.custom-coffee-quiz--redesign{padding:2.4rem 2rem;border-radius:1.8rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__answer{padding:1.4rem 4.8rem 1.4rem 1.4rem}.custom-coffee-quiz--redesign .custom-coffee-quiz__actions{flex-direction:row}}.coffee-quiz-results.collection>.h2{text-align:center}.coffee-quiz-results__subheading{margin:.6rem 0 1.6rem;color:rgba(var(--color-foreground),.72);text-align:center}.coffee-quiz-results__grid-wrap{margin-top:.4rem}.coffee-quiz-results .product-grid{margin-bottom:2.4rem}.coffee-quiz-results .product-grid{justify-content:center}.coffee-quiz-results__actions{margin-top:1.6rem;display:flex;gap:.8rem;flex-wrap:wrap;justify-content:center}.custom-coffee-quiz--link-only{position:relative;border-radius:2.8rem;padding:clamp(2.4rem,4vw,4.8rem);background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.35),transparent 30%),radial-gradient(circle at 85% 90%,rgba(var(--color-button),.08),transparent 40%),rgba(var(--color-background),1);border:.1rem solid rgba(var(--color-foreground),.1);box-shadow:0 2.4rem 6rem -2.4rem #1a100738;overflow:hidden}.custom-coffee-quiz__ring{position:absolute;border-radius:50%;border:1rem solid rgba(var(--color-foreground),.06);pointer-events:none}.custom-coffee-quiz__ring--1{width:20rem;height:20rem;top:-8rem;right:-6rem}.custom-coffee-quiz__ring--2{width:12rem;height:12rem;bottom:-5rem;left:-4rem;border-width:.7rem}.custom-coffee-quiz__ring--3{width:5rem;height:5rem;right:10%;top:42%;border-width:.4rem}.custom-coffee-quiz__bean-deco{position:absolute;width:1.4rem;height:2rem;border-radius:999px;background:rgba(var(--color-foreground),.18);transform:rotate(-18deg);pointer-events:none}.custom-coffee-quiz__bean-deco:after{content:"";position:absolute;top:.3rem;right:.55rem;bottom:.3rem;left:.55rem;border-left:.1rem solid rgba(var(--color-background),.9);border-radius:999px}.custom-coffee-quiz__bean-deco--1{left:9%;top:17%}.custom-coffee-quiz__bean-deco--2{right:12%;bottom:28%;opacity:.14}.custom-coffee-quiz__intro{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:center;position:relative;z-index:1}.custom-coffee-quiz__eyebrow{display:inline-flex;align-items:center;gap:.9rem}.custom-coffee-quiz__eyebrow-dot{width:.6rem;height:.6rem;border-radius:50%;background:rgba(var(--color-button),1)}.custom-coffee-quiz__display{margin:0;line-height:.88;letter-spacing:-.03em;font-size:clamp(4.4rem,9vw,10.2rem);max-width:9ch}.custom-coffee-quiz__display p{margin:0}.custom-coffee-quiz__display em{color:rgba(var(--color-button),1);font-style:italic;font-weight:500}.custom-coffee-quiz--link-only .custom-coffee-quiz__header p{margin-top:2.4rem;font-size:clamp(1.6rem,1.4vw,1.9rem);line-height:1.55;color:rgba(var(--color-foreground),.82);max-width:42ch}.custom-coffee-quiz__hero-media{border-radius:2rem;overflow:hidden;box-shadow:0 2rem 4rem -2.2rem #1a1007b3}.custom-coffee-quiz__hero-media img{width:100%;height:100%;min-height:25rem;object-fit:cover;display:block}.custom-coffee-quiz__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;margin:3.2rem 0 0;padding:2.2rem 0 0;border-top:.1rem solid rgba(var(--color-foreground),.12);list-style:none}.custom-coffee-quiz__stat{text-align:left}.custom-coffee-quiz__stat strong{display:block;font-size:clamp(2.6rem,3vw,3.4rem);line-height:1}.custom-coffee-quiz__stat span{display:block;margin-top:.6rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.15rem}.custom-coffee-quiz__actions--link-out{justify-content:flex-start;flex-wrap:wrap;margin-top:2.6rem}.custom-coffee-quiz__cta{display:inline-flex;align-items:center;border-radius:999px;padding:1.5rem 2rem 1.5rem 2.8rem;min-width:25rem;justify-content:space-between;gap:1.6rem;text-transform:uppercase;letter-spacing:.14rem;font-weight:700;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 1rem 2.2rem -1rem rgba(var(--color-button),.6)}.custom-coffee-quiz__cta:hover{transform:translateY(-.2rem);box-shadow:0 1.4rem 2.8rem -1rem rgba(var(--color-button),.68)}.custom-coffee-quiz__cta-icon{width:3.2rem;height:3.2rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(var(--color-background),1);color:rgba(var(--color-button),1);font-size:1.6rem;line-height:1}@media screen and (max-width:749px){.custom-coffee-quiz__intro{grid-template-columns:1fr}.custom-coffee-quiz__ring,.custom-coffee-quiz__bean-deco{display:none}.custom-coffee-quiz__brandline{justify-content:center;width:100%;text-align:center}.custom-coffee-quiz__copy,.custom-coffee-quiz--link-only .custom-coffee-quiz__header{text-align:center}.custom-coffee-quiz__display{max-width:none}.custom-coffee-quiz__hero-media{order:-1}.custom-coffee-quiz__hero-media img{min-height:18rem}.custom-coffee-quiz__stats{grid-template-columns:1fr;gap:.8rem}.custom-coffee-quiz__stat{text-align:center}.custom-coffee-quiz__actions--link-out{justify-content:center}.custom-coffee-quiz__cta{width:100%;min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/132/assets/custom-coffee-quiz.css.map */