.wbc-compare{padding-top:var(--wbc-compare-section-pt, 24px);padding-bottom:var(--wbc-compare-section-pb, 24px)}.wbc-compare *{box-sizing:border-box}.wbc-compare .wbc-compare__inner{width:100%;max-width:var(--wbc-compare-max-width, 980px);margin:0 auto;padding:0 24px}.wbc-compare .wbc-compare__heading{margin:0;padding-top:var(--wbc-compare-heading-pt, 0px);padding-bottom:var(--wbc-compare-heading-pb, 12px);text-align:var(--wbc-compare-heading-align, left);font-size:var(--wbc-compare-heading-size, 32px);font-weight:var(--wbc-compare-heading-weight, 500);line-height:1.1;letter-spacing:-.02em;color:#1f1f1f}.wbc-compare .wbc-compare__subheading{margin:0;text-align:var(--wbc-compare-subheading-align, left);font-size:var(--wbc-compare-subheading-size, 16px);font-weight:var(--wbc-compare-subheading-weight, 400);line-height:1.5;color:#6f6f6f}.wbc-compare .wbc-compare__toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;flex-wrap:wrap}.wbc-compare .wbc-compare__toggle-label{margin:0;font-size:var(--wbc-compare-toggle-label-size, 13px);font-weight:var(--wbc-compare-toggle-label-weight, 600);letter-spacing:.1em;text-transform:uppercase;color:#6f6f6f}.wbc-compare .wbc-compare__toggle-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #f7f3f0;border-radius:999px;padding:10px 18px;background:#f7f3f0;color:#1f1f1f;font-size:var(--wbc-compare-button-size, 13px);font-weight:var(--wbc-compare-button-weight, 600);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.wbc-compare .wbc-compare__toggle-button:hover{background-color:#242424;border-color:#242424;color:#f7f3f0}.wbc-compare .wbc-compare__toggle-button:focus-visible{outline:2px solid #242424;outline-offset:2px;color:#f7f3f0}.wbc-compare .wbc-compare__toggle-icon{width:18px;height:18px;border:1px solid #242424;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.wbc-compare .wbc-compare__toggle-icon svg{transition:transform .2s ease}.wbc-compare .wbc-compare__toggle-button[aria-expanded=true] .wbc-compare__toggle-icon svg{transform:rotate(180deg)}.wbc-compare .wbc-compare__panel{margin-top:0;opacity:0;max-height:0;overflow:hidden;transition:opacity .24s ease,max-height .34s ease,margin-top .24s ease}.wbc-compare .wbc-compare__panel.is-open{margin-top:24px;opacity:1;max-height:2200px}.wbc-compare .wbc-compare__slider-wrap{overflow:hidden}.wbc-compare .wbc-compare__track{display:grid;gap:var(--wbc-compare-card-gap, 16px);grid-template-columns:repeat(3,minmax(0,1fr))}.wbc-compare .wbc-compare__track.is-slider{display:flex;grid-template-columns:none;cursor:grab;-webkit-user-select:none;user-select:none}.wbc-compare .wbc-compare__track.is-slider .wbc-compare__card{flex:0 0 var(--wbc-compare-slide-width, 100%)}.wbc-compare .wbc-compare__track.is-slider:active{cursor:grabbing}.wbc-compare .wbc-compare__track--count-1{grid-template-columns:minmax(0,1fr)}.wbc-compare .wbc-compare__track--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.wbc-compare .wbc-compare__track--count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.wbc-compare .wbc-compare__card{background:#fffdfc;border:1px solid #d9d9d9;border-radius:16px;padding-top:var(--wbc-compare-card-pt, 28px);padding-right:var(--wbc-compare-card-pr, 22px);padding-bottom:var(--wbc-compare-card-pb, 22px);padding-left:var(--wbc-compare-card-pl, 22px);position:relative;display:flex;flex-direction:column;gap:16px;min-height:100%;transition:border-color .2s ease,box-shadow .2s ease}.wbc-compare .wbc-compare__card[hidden]{display:none!important}.wbc-compare .wbc-compare__card:hover{border-color:#a8a4a0}.wbc-compare .wbc-compare__card.is-selected{border-color:#d9d9d9;box-shadow:0 0 0 1pxrgb (168,164,160)}.wbc-compare .wbc-compare__card:focus-visible{outline:2px solid #d9d9d9;outline-offset:2px}.wbc-compare .wbc-compare__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 10px;border-radius:999px;background:#242424;color:#fff;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.wbc-compare [data-wbc-compare-card] [data-wbc-compare-badge]{display:none!important}.wbc-compare [data-wbc-compare-card][data-wbc-current-card=true] [data-wbc-compare-badge]{display:inline-flex!important}.wbc-compare .wbc-compare__header{padding-top:22px}.wbc-compare .wbc-compare__title{margin:0;color:#1f1f1f;font-size:var(--wbc-compare-card-title-size, 20px);font-weight:var(--wbc-compare-card-title-weight, 600);line-height:1.2}.wbc-compare .wbc-compare__meta{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:#6f6f6f;font-size:var(--wbc-compare-meta-size, 12px);font-weight:var(--wbc-compare-meta-weight, 500)}.wbc-compare .wbc-compare__meta-item{display:inline-flex;align-items:center;gap:8px}.wbc-compare .wbc-compare__meta-item+.wbc-compare__meta-item:before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#d9d9d9}.wbc-compare .wbc-compare__scores{display:grid;gap:10px}.wbc-compare .wbc-compare__score-row{display:grid;grid-template-columns:minmax(74px,auto) 1fr;align-items:center;gap:10px}.wbc-compare .wbc-compare__score-label{color:#6f6f6f;font-size:var(--wbc-compare-score-label-size, 12px);font-weight:var(--wbc-compare-score-label-weight, 500)}.wbc-compare .wbc-compare__score-dots{display:inline-flex;gap:6px;align-items:center}.wbc-compare .wbc-compare__score-dot{width:9px;height:9px;border-radius:50%;background:#d9d9d9}.wbc-compare .wbc-compare__score-dot.is-filled{background:#242424}.wbc-compare .wbc-compare__tags{display:flex;flex-wrap:wrap;gap:8px}.wbc-compare .wbc-compare__tag{display:inline-flex;align-items:center;justify-content:center;min-height:28px;border-radius:999px;background:#f7f3f0;color:#242424;padding:5px 12px;font-size:var(--wbc-compare-tag-size, 12px);font-weight:300;line-height:1.2;white-space:nowrap}.wbc-compare .wbc-compare__footer{margin-top:auto;display:grid;gap:10px}.wbc-compare .wbc-compare__btn{-webkit-appearance:none;appearance:none;border:1px solid #d9d9d9;border-radius:999px;min-height:42px;padding:10px 16px;background:#fffdfc;color:#1f1f1f;text-decoration:none;text-align:center;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:var(--wbc-compare-button-size, 13px);font-weight:var(--wbc-compare-button-weight, 600);line-height:1.2;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.wbc-compare .wbc-compare__btn:hover{border-color:#242424}.wbc-compare .wbc-compare__btn:focus-visible{outline:2px solid #242424;outline-offset:2px}.wbc-compare .wbc-compare__btn--primary{border-color:#242424;background:#242424;color:#fff}.wbc-compare .wbc-compare__btn--primary:hover{opacity:.88}.wbc-compare .wbc-compare__btn--ghost{background:transparent}.wbc-compare .wbc-compare__why-toggle{border:0;background:transparent;padding:0;color:#6f6f6f;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer;font-size:var(--wbc-compare-body-size, 13px);font-weight:var(--wbc-compare-body-weight, 400)}.wbc-compare .wbc-compare__why-toggle:hover{color:#1f1f1f}.wbc-compare .wbc-compare__why-panel{margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .24s ease,opacity .2s ease,margin-top .2s ease}.wbc-compare .wbc-compare__why-panel.is-open{margin-top:2px;max-height:180px;opacity:1}.wbc-compare .wbc-compare__why-inner{background:#f7f3f0;border:1px solid #d9d9d9;border-radius:12px;padding:10px 12px;color:#6f6f6f;font-size:var(--wbc-compare-body-size, 13px);font-weight:var(--wbc-compare-body-weight, 400);line-height:1.5}.wbc-compare .wbc-compare__dots{margin-top:20px;display:none;gap:8px;justify-content:center}.wbc-compare .wbc-compare__dot{width:6px;height:6px;border-radius:999px;border:0;background:#d9d9d9;cursor:pointer;transition:width .25s ease,background-color .25s ease}.wbc-compare .wbc-compare__dot.is-active{width:20px;background:#242424}.wbc-compare .wbc-compare__toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#242424;color:#fff;border-radius:999px;padding:10px 18px;font-size:12px;font-weight:600;letter-spacing:.02em;transition:transform .2s ease,opacity .2s ease;z-index:99999;white-space:nowrap}.wbc-compare .wbc-compare__toast.is-visible{opacity:1;transform:translate(-50%)}@media screen and (max-width:989px){.wbc-compare .wbc-compare__track{grid-template-columns:repeat(2,minmax(0,1fr))}.wbc-compare .wbc-compare__track--count-1{grid-template-columns:minmax(0,1fr)}}@media screen and (max-width:749px){.wbc-compare .wbc-compare__inner{padding:0 16px}.wbc-compare .wbc-compare__track{display:flex;gap:12px;transition:transform .35s cubic-bezier(.4,0,.2,1);will-change:transform}.wbc-compare .wbc-compare__card{flex:0 0 100%}.wbc-compare .wbc-compare__header{padding-top:18px}.wbc-compare .wbc-compare__dots{display:flex}.wbc-compare .wbc-compare__toggle-row{align-items:stretch}.wbc-compare .wbc-compare__toggle-button{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/wbc-coffee-comparator.css.map */