.brewer-quiz__intro{margin-bottom:4rem}.brewer-quiz__lede,.brewer-quiz__intro .rte{max-width:60rem;margin-inline:auto}.brewer-quiz__progress{max-width:72rem;margin:0 auto 3rem}.brewer-quiz__progress-track{height:.8rem;border-radius:.4rem;overflow:hidden;background:rgba(var(--color-foreground),.12)}.brewer-quiz__progress-fill{display:block;height:100%;width:0;background:currentColor;transition:width .3s ease}.brewer-quiz__options{display:flex;flex-direction:column;gap:1.2rem;max-width:72rem;margin:3rem auto 0}.brewer-quiz__option{display:block;text-align:left;height:auto;padding-top:1.6rem;padding-bottom:1.6rem}.brewer-quiz__option-note{display:block;margin-top:.4rem;opacity:.8}.brewer-quiz__why{max-width:72rem;margin:0 auto 2rem;text-align:left}.brewer-quiz__why summary{cursor:pointer;opacity:.7}.brewer-quiz__why p{margin:.8rem 0 0;opacity:.85}.brewer-quiz__recommends{max-width:72rem;margin:2.4rem auto 0;padding:1.6rem 2rem;text-align:left}.brewer-quiz__recommends p:last-child{margin:0}.brewer-quiz__skip{margin-top:2.4rem}.brewer-quiz__cover{max-width:68rem;margin:0 auto;padding:2rem 0 3rem}.brewer-quiz__cover--image{background-size:cover;background-position:center;position:relative;padding:6rem 2rem;max-width:none}.brewer-quiz__cover--image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background),.72)}.brewer-quiz__cover-inner{position:relative;max-width:68rem;margin:0 auto}.brewer-quiz__sub{position:fixed;left:0;right:0;bottom:0;z-index:3;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.6rem 2.4rem;padding:1.6rem 5.6rem 1.6rem 2.4rem;box-shadow:0 -.2rem 1.2rem rgba(var(--color-shadow),.15)}body.brewer-quiz-has-bar .brewer-quiz__results{padding-bottom:14rem}.brewer-quiz__sub-close{position:absolute;top:50%;right:1.6rem;transform:translateY(-50%);width:3.2rem;height:3.2rem;padding:0;background:none;border:0;color:inherit;font-size:2.4rem;line-height:1;cursor:pointer;opacity:.7}.brewer-quiz__sub-close:hover{opacity:1}.brewer-quiz__results-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.2rem}.brewer-quiz__retake{flex:0 0 auto}.brewer-quiz__sub-copy{flex:0 1 62rem}@media screen and (max-width:749px){.brewer-quiz__sub{padding:1.2rem 4.4rem 1.2rem 1.6rem;gap:1rem 1.6rem}.brewer-quiz__sub-copy .rte{display:none}body.brewer-quiz-has-bar .brewer-quiz__results{padding-bottom:18rem}}.brewer-quiz__sub-copy h3{margin:0 0 .8rem}.brewer-quiz__sub-copy .rte p:last-child{margin-bottom:0}.brewer-quiz__sub-offer{margin:.8rem 0 0;font-weight:600}.brewer-quiz__cover-actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:2.4rem}.brewer-quiz__cover-note{margin:1.2rem 0 0;opacity:.7}.brewer-quiz__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-top:3rem}.brewer-quiz__nav[hidden],.brewer-quiz__cover-actions[hidden]{display:none}.brewer-quiz__nav{display:flex;justify-content:space-between;gap:1.2rem;max-width:72rem;margin:3rem auto 0}.brewer-quiz__eyebrow{margin:0 0 .8rem;opacity:.7}.brewer-quiz__hero{display:grid;gap:2.4rem;padding:2.4rem;margin-bottom:4.8rem}.brewer-quiz__alts{margin-bottom:4.8rem;align-items:stretch}.brewer-quiz__alt{display:flex;flex-direction:column;padding:2.4rem}.brewer-quiz__alt-footer{margin-top:auto}.brewer-quiz__alt .brewer-quiz__media{width:50%}.brewer-quiz__tradeoff{margin:0 0 1.6rem}.brewer-quiz__list{margin:0 0 2rem;padding-left:1.8rem}.brewer-quiz__list li{margin-bottom:.4rem}.brewer-quiz__note{margin:0 0 1.6rem;opacity:.75}.brewer-quiz__buttons{display:flex;flex-wrap:wrap;gap:1rem}.brewer-quiz__compare-link{display:block;margin-top:1.2rem}.brewer-quiz__media{display:block;position:relative}.brewer-quiz__media-fill{height:100%;min-height:26rem}.brewer-quiz__badge{position:absolute;left:.8rem;bottom:.8rem;margin:0}.brewer-quiz__thumb{display:block;width:12rem;margin-bottom:.8rem}.brewer-quiz__compare{margin-bottom:4.8rem}.brewer-quiz__scroll{overflow-x:auto}.brewer-quiz__table{width:100%;min-width:52rem;border-collapse:collapse}.brewer-quiz__table th,.brewer-quiz__table td{padding:1rem 1.2rem;text-align:left;vertical-align:top;border-bottom:.1rem solid rgba(var(--color-foreground),.12)}.brewer-quiz__table tbody th{white-space:nowrap;font-weight:400;opacity:.7}.brewer-quiz__coffee{margin:0}.brewer-quiz__status{opacity:.7}@media screen and (min-width:750px){.brewer-quiz__hero{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:stretch;padding:3rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-brewer-quiz.css.map */