.coffee-finder{--finder-scroll-offset: 10rem;--finder-choice-gap: 12px;width:100%;padding-block:var(--sc-space-3) clamp(40px,6vw,72px);color:var(--sc-primary-text);background:var(--sc-background-main);font-family:var(--font-primary--family)}.coffee-finder__shell{width:var(--content-width);margin-inline:auto}.coffee-finder [hidden]{display:none!important}.coffee-finder__view{margin-block-start:var(--sc-space-4);scroll-margin-block-start:var(--finder-scroll-offset)}.coffee-finder__breadcrumb{display:flex;min-width:0;align-items:center;gap:4px;color:var(--sc-body-text);font-size:.6875rem;font-weight:500;line-height:1.25;white-space:nowrap}.coffee-finder__breadcrumb a{position:relative;flex:0 0 auto;color:inherit;text-decoration:none;touch-action:manipulation;transition:color .16s ease}.coffee-finder__breadcrumb a:after{position:absolute;top:50%;right:0;left:0;min-width:44px;height:44px;content:"";transform:translateY(-50%)}.coffee-finder__breadcrumb>span[aria-current=page]{min-width:0;overflow:hidden;color:var(--sc-primary-text);text-overflow:ellipsis}.coffee-finder__breadcrumb .collection-breadcrumbs__icon{width:10px;height:10px;flex:0 0 10px}.coffee-finder__title{margin:0;max-width:24ch;color:var(--sc-primary-text);font:500 clamp(2.25rem,4vw,3.25rem) / 1.08 var(--font-display--family);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:break-word}.coffee-finder[data-finder-state=question] .coffee-finder__title,.coffee-finder[data-finder-state=loading] .coffee-finder__title,.coffee-finder[data-finder-state=error] .coffee-finder__title{max-width:30ch;font-size:clamp(1.5rem,3.4vw,2rem);line-height:1.15;letter-spacing:-.035em}.coffee-finder__copy{margin:0;max-width:62ch;color:var(--sc-body-text);font-size:var(--sc-type-body-small);font-weight:400;letter-spacing:-.5px;line-height:1.5;text-wrap:pretty}.coffee-finder__eyebrow{margin:0;color:var(--sc-body-text);font-size:var(--sc-type-caption);font-weight:500;letter-spacing:.035em;line-height:1.5;text-transform:uppercase}.coffee-finder__intro-header,.coffee-finder__question-header,.coffee-finder__state-header,.coffee-finder__result-header{display:grid;gap:var(--sc-space-3)}.coffee-finder__intro-grid{display:grid;gap:var(--finder-choice-gap);margin-block:var(--sc-space-4)}.coffee-finder__panel{display:grid;align-content:start;gap:var(--sc-space-4);padding:var(--sc-space-4) 20px;text-align:center;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-media);corner-shape:squircle}.coffee-finder__panel ul,.coffee-finder__panel ol{display:grid;gap:var(--sc-space-3);margin:0;padding:0;list-style:none;font:500 1.125rem / 1.35 var(--font-display--family);letter-spacing:-.025em}.coffee-finder__panel ol{counter-reset:finder-steps}.coffee-finder__panel ol li{counter-increment:finder-steps}.coffee-finder__panel ol li:before{content:"0" counter(finder-steps) " \2192  ";font-variant-numeric:tabular-nums}.coffee-finder__panel ul{color:var(--sc-primary-text)}.coffee-finder__button img,.coffee-finder__mode img{width:20px;height:20px;flex:0 0 20px}[data-theme=light] .coffee-finder__button:not(.button--primary) img{filter:brightness(.3)}.coffee-finder__start{display:grid;justify-items:center;gap:var(--sc-space-2)}.coffee-finder__start .coffee-finder__button{width:100%}.coffee-finder__helper{margin:0;color:var(--sc-body-text);font-size:var(--sc-type-caption);font-weight:400;letter-spacing:-.01em;line-height:1.5;text-wrap:pretty}.coffee-finder__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sc-space-3);padding-block-start:var(--sc-space-5);margin-block-start:var(--sc-space-5);border-block-start:1px solid var(--sc-surface-border)}.coffee-finder__progress{display:grid;gap:12px;margin-block-end:var(--sc-space-4);font-variant-numeric:tabular-nums}.coffee-finder__steps{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--sc-space-2);padding:0;margin:0;list-style:none;font-size:var(--sc-type-caption);line-height:1.5}.coffee-finder__steps li{display:grid;gap:var(--sc-space-2);color:var(--sc-body-text)}.coffee-finder__steps li:before{content:"";display:block;height:2px;background:var(--sc-surface-border)}.coffee-finder__steps [data-complete=true]:before,.coffee-finder__steps [aria-current=step]:before{background:var(--sc-sigma-coffee-orange)}.coffee-finder__steps [aria-current=step]{color:var(--sc-primary-text);text-decoration:underline;text-underline-offset:3px}.coffee-finder__fieldset{min-width:0;border:0;padding:0;margin:var(--sc-space-4) 0 0}.coffee-finder__fieldset>.coffee-finder__helper{min-height:3em;margin-block-end:var(--sc-space-2)}.coffee-finder__options{display:grid;gap:var(--finder-choice-gap)}.coffee-finder__option{position:relative;display:flex;min-height:88px;align-items:center;justify-content:center;padding:20px 40px;color:var(--sc-primary-text);text-align:center;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-media);corner-shape:squircle;cursor:pointer}.coffee-finder__option input{position:absolute;inset-inline-end:14px;inset-block-start:14px;width:16px;height:16px;margin:0;accent-color:var(--sc-sigma-coffee-orange);cursor:pointer}.coffee-finder__option-copy{display:grid;gap:var(--sc-space-2)}.coffee-finder__option-title{font:500 1.125rem / 1.3 var(--font-display--family);letter-spacing:-.025em;text-wrap:balance}.coffee-finder__option-detail{color:var(--sc-body-text);font-size:var(--sc-type-body-small);font-weight:400;letter-spacing:-.025em;line-height:1.4;text-wrap:pretty}.coffee-finder__option:has(input:checked){border-color:var(--sc-sigma-coffee-orange);background:var(--sc-button-bg);box-shadow:inset 0 0 0 .5px var(--sc-sigma-coffee-orange)}.coffee-finder__option:has(input:disabled),.coffee-finder__option input:disabled{cursor:default}.coffee-finder__option:has(input:focus-visible),.coffee-finder :is(button,a):focus-visible{outline:2px solid var(--sc-primary-text);outline-offset:4px}.coffee-finder__validation:empty{display:block}.coffee-finder__validation{min-height:1.5em;margin-block-start:12px;color:var(--sc-primary-text);font-size:var(--sc-type-body-small);line-height:1.5}.coffee-finder__actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:var(--sc-space-4)}.coffee-finder__actions--navigation{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-block-start:var(--sc-space-2)}.coffee-finder__saved{display:grid;gap:var(--sc-space-3);padding:var(--sc-space-4);margin-block-start:var(--sc-space-5);background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-media);corner-shape:squircle}.coffee-finder__saved>div:first-child{display:grid;gap:var(--sc-space-2)}.coffee-finder__saved-actions{display:flex;flex-wrap:wrap;gap:12px}.coffee-finder__result-header>.coffee-finder__button{justify-self:start;max-width:100%}.coffee-finder__profile-label{margin:var(--sc-space-2) 0 0;font:500 1.125rem / 1.4 var(--font-display--family);color:var(--sc-primary-text);letter-spacing:-.025em}.coffee-finder__answer-list{display:flex;flex-wrap:wrap;gap:12px}.coffee-finder__answer{justify-content:space-between;gap:12px;max-width:100%;height:auto;text-align:start}.coffee-finder__answer-edit{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.coffee-finder__save-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sc-space-3);margin-block-start:var(--sc-space-4)}.coffee-finder__save-row .coffee-finder__helper{max-width:40ch}.coffee-finder__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sc-space-4);margin-block-start:var(--sc-space-4);margin-block-end:var(--sc-space-4)}.coffee-finder__toolbar>div:first-child,.coffee-finder__group-header{display:grid;gap:var(--sc-space-2)}.coffee-finder__controls{display:flex;justify-content:flex-end;margin-block-end:var(--sc-space-5)}.coffee-finder__result-area{min-width:0}.coffee-finder__results-status,.coffee-finder__empty{min-height:160px;align-content:center}.coffee-finder__results-status{display:grid;place-items:center;margin:0}.coffee-finder__empty{display:grid;justify-items:start;gap:var(--sc-space-3);padding:var(--sc-space-4);background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-media);corner-shape:squircle}.coffee-finder__section-title{margin:0;color:var(--sc-primary-text);font:500 clamp(1.5rem,2.5vw,1.75rem) / 1.15 var(--font-display--family);letter-spacing:-.035em;text-wrap:balance}.coffee-finder__modes{position:relative;isolation:isolate;display:grid;width:min(100%,252px);min-height:44px;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--sc-primary-surface-bg);border:1px solid var(--sc-surface-border);border-radius:999px;corner-shape:round}.coffee-finder__mode-indicator{position:absolute;z-index:0;inset-block:var(--sc-space-1);inset-inline-start:var(--sc-space-1);width:calc((100% - (var(--sc-space-1) * 2)) / 2);background:color-mix(in oklch,var(--sc-primary-surface-bg) 90%,var(--sc-primary-text));border:1px solid var(--sc-surface-border);border-radius:999px;corner-shape:round;box-shadow:0 var(--sc-elevation-low-y) var(--sc-elevation-low-blur) color-mix(in oklch,var(--sc-primary-text) 10%,transparent);transform:translate(0);transition:transform .18s cubic-bezier(.2,0,0,1)}[data-theme=light] .coffee-finder__modes{border-color:var(--sc-button-border)}.coffee-finder__modes[data-finder-mode-switcher=advanced] .coffee-finder__mode-indicator{transform:translate(100%)}.coffee-finder__mode{position:relative;z-index:1;display:inline-flex;min-width:0;min-height:44px;align-items:center;justify-content:center;gap:var(--sc-space-2);padding:10px 12px;font:inherit;font-size:var(--sc-type-body-small);font-weight:500;line-height:1.2;letter-spacing:-.5px;color:var(--sc-body-text);white-space:nowrap;background:transparent;border:0;border-radius:999px;corner-shape:round;cursor:pointer;touch-action:manipulation;transition:color .18s ease}.coffee-finder__mode img{filter:brightness(0) invert(1);opacity:.85}[data-theme=light] .coffee-finder__mode img{filter:brightness(0)}.coffee-finder__mode[aria-pressed=true]{color:var(--sc-primary-text)}.coffee-finder__mode:focus-visible{outline:2px solid var(--sc-primary-text);outline-offset:-3px}.coffee-finder__results{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sc-space-4)}.coffee-finder__result{display:flex;flex-direction:column;min-width:0}.coffee-finder__result>.product-card{height:auto;flex:1 0 auto}.coffee-finder__result-header .coffee-finder__title{font-size:clamp(1.5rem,3vw,2rem);max-width:34ch}.coffee-finder__result-header{gap:12px}.coffee-finder__start{margin-block-start:var(--sc-space-4)}.coffee-finder__option:has(input:disabled) .coffee-finder__option-copy{opacity:.5}.coffee-finder__option:has(input:disabled){border-style:dashed}.coffee-finder__results:has(>:only-child){max-width:360px}.coffee-finder__reason{margin-block-start:var(--sc-space-3);padding-inline:var(--sc-space-1)}.coffee-finder__reason-title{margin:0;color:var(--sc-primary-text);font:500 var(--sc-type-body-small) / 1.4 var(--font-primary--family);letter-spacing:-.025em}.coffee-finder__reason ul{display:grid;gap:var(--sc-space-2);margin:12px 0 0;padding-inline-start:18px;color:var(--sc-body-text);font-size:var(--sc-type-body-small);line-height:1.5;letter-spacing:-.025em}.coffee-finder__group-header{margin-block:48px var(--sc-space-4)}.coffee-finder__loading{container-type:inline-size;display:grid;min-height:180px;align-content:center;justify-items:center;gap:var(--sc-space-3);margin-block:var(--sc-space-4);padding:var(--sc-space-4);text-align:center;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:var(--sc-radius-media);corner-shape:squircle}.coffee-finder__loading-text{display:grid;width:100%;max-width:36ch;margin:0;perspective:900px;text-wrap:pretty}.coffee-finder__loading-phrase,.coffee-finder__loading-measure{grid-area:1 / 1;align-self:center}.coffee-finder__loading-measure{visibility:hidden;pointer-events:none}.coffee-finder__loading-word{display:inline-block}.coffee-finder__loading-character{display:inline-block;transform-origin:50% 55%;white-space:pre}.coffee-finder__wave-loader{--finder-wave-scale: .51;--finder-wave-base: var(--sc-surface-border);--finder-wave-peak: var(--sc-primary-text);position:relative;width:calc(292px * var(--finder-wave-scale));height:calc(192px * var(--finder-wave-scale));flex:none}.coffee-finder__wave-stage{position:absolute;inset:0 auto auto 0;transform:scale(var(--finder-wave-scale));transform-origin:top left;contain:layout style}.coffee-finder__wave-bar{flex:0 0 12px;background:var(--finder-wave-base);corner-shape:round}.coffee-finder__wave-ball{background:var(--finder-wave-peak);box-shadow:0 var(--sc-elevation-low-y) var(--sc-elevation-low-blur) color-mix(in oklch,var(--sc-primary-text) 10%,transparent);corner-shape:round}@media(min-width:640px){.coffee-finder__wave-loader{--finder-wave-scale: .6375}}@media(min-width:768px){.coffee-finder__wave-loader{--finder-wave-scale: .85}}.coffee-finder__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:44rem){.coffee-finder{padding-block-start:var(--sc-space-4)}.coffee-finder__intro-grid,.coffee-finder__options{grid-template-columns:repeat(2,minmax(0,1fr))}.coffee-finder__start{grid-template-columns:minmax(0,280px) auto;justify-content:start;align-items:center;gap:var(--sc-space-3)}.coffee-finder__intro-header>.coffee-finder__copy,.coffee-finder__result-header>.coffee-finder__copy{font-size:var(--sc-type-body)}.coffee-finder__actions--navigation{grid-template-columns:minmax(120px,160px) minmax(160px,220px);justify-content:space-between}.coffee-finder__saved{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media(hover:hover)and (pointer:fine){.coffee-finder__mode:hover,.coffee-finder__breadcrumb a:hover{color:var(--sc-primary-text);transition-duration:0s}.coffee-finder__option:not(:has(input:disabled)):hover{border-color:var(--sc-button-border)}.coffee-finder__option:has(input:checked):hover{border-color:var(--sc-sigma-coffee-orange)}}@media(prefers-reduced-motion:no-preference){.coffee-finder__option{transition:border-color .15s ease,background-color .15s ease}}@media(prefers-reduced-motion:reduce){.coffee-finder__breadcrumb a,.coffee-finder .coffee-finder__button,.coffee-finder .coffee-finder__button:after,.coffee-finder__option,.coffee-finder__mode-indicator,.coffee-finder__mode{transition:none}}@media(min-width:56rem){.coffee-finder__options:has(>:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.coffee-finder__result{width:100%;max-width:440px;justify-self:center}}@media(min-width:750px){.coffee-finder__results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1100px){.coffee-finder__options,.coffee-finder__results{grid-template-columns:repeat(3,minmax(0,1fr))}}.coffee-finder__results:has(>:only-child){grid-template-columns:minmax(0,1fr)}@media(max-width:43.999rem){.coffee-finder__validation{min-height:3em}.coffee-finder__fieldset>.coffee-finder__helper--multiple{min-height:4.5em}}.coffee-finder__more{display:grid;justify-items:center;gap:var(--sc-space-2);margin-block:var(--sc-space-5)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/coffee-finder.css.map */