.set-builder{color:var(--sc-primary-text);font-family:var(--font-primary--family);-webkit-font-smoothing:antialiased}.set-builder [hidden]{display:none!important}.set-builder__app,.set-builder__unavailable{display:block;width:100%;max-width:1520px;margin-inline:auto;padding:40px 60px 60px}.set-builder__unavailable{min-height:55vh;align-content:center}.set-builder__hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;margin-block-end:60px}.set-builder__hero-copy{display:grid;gap:12px;justify-items:start}.set-builder__hero-icon{width:40px;height:40px;margin-block-end:0}.set-builder__title{margin:0;color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:3rem;font-weight:500;line-height:1.1;letter-spacing:-.5px;text-wrap:balance}.set-builder__intro{max-width:44ch;margin:0;color:var(--sc-body-text);font-size:.875rem;line-height:1.25;letter-spacing:-.5px;text-wrap:pretty}.set-builder__visual{--set-preview-media-size: 100px;display:flex;max-width:720px;align-items:start;justify-content:start;gap:8px;overflow-x:auto;padding-block:4px}.set-builder__visual-item{display:grid;width:100px;flex:0 0 100px;gap:8px;justify-items:center}.set-builder__visual-media{display:grid;width:100px;height:100px;overflow:hidden;place-items:center;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:10px;corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow)}.set-builder__visual-media img{width:75px;height:75px;object-fit:contain;border-radius:4px;corner-shape:squircle;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.set-builder__visual-item>span:last-child{width:100%;color:var(--sc-body-text);font-size:.75rem;line-height:1.25;letter-spacing:-.5px;text-align:center;overflow-wrap:break-word}.set-builder__visual-plus{margin-block-start:calc((var(--set-preview-media-size) - 16px) / 2);display:grid;width:16px;height:16px;place-items:center;color:var(--sc-body-text);font-size:1rem;line-height:1}.set-builder__visual-plus img{width:16px;height:16px}.set-builder__layout{display:grid;grid-template-columns:minmax(0,936px) 360px;justify-content:space-between;align-items:start;gap:48px}.set-builder__form,.set-builder__steps{min-width:0}.set-builder__steps{display:grid;gap:12px;position:relative}.set-builder__step:not(:has([data-step-completed]:not([hidden]))):not(:last-child){margin-block-end:28px}.set-builder__step:has([data-step-completed]:not([hidden]))>legend{display:none}.set-builder fieldset{min-width:0;margin:0;padding:0;border:0}.set-builder legend{width:100%;padding:0;margin-block-end:16px}.set-builder legend>span{display:grid;gap:var(--sc-space-2)}.set-builder legend strong{color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.25rem;font-weight:500;line-height:1.1;letter-spacing:-.5px}.set-builder legend small{max-width:64ch;color:var(--sc-body-text);font-size:.875rem;font-weight:400;line-height:1.25;letter-spacing:-.5px;text-wrap:pretty}.set-builder__products,.set-builder__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.set-builder__product-group{display:contents}.set-builder__collection-warning{grid-column:1 / -1;margin:0;padding:16px;color:var(--sc-primary-text);font-size:.875rem;line-height:1.5;background:var(--sc-button-bg);border:1px solid var(--sc-button-border);border-radius:5px}.set-builder__product{display:grid;width:100%;min-width:0;min-height:80px;grid-template-columns:20px 65px minmax(0,1fr);align-items:center;gap:12px;padding:7px 12px;color:var(--sc-primary-text);font:inherit;text-align:start;background:color-mix(in oklch,var(--sc-card-surface) 88%,var(--sc-background-main));border:1px solid var(--sc-surface-border);border-radius:5px;corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow);cursor:pointer;touch-action:manipulation;transition-property:background-color,border-color,scale,opacity;transition-duration:.14s;transition-timing-function:cubic-bezier(.2,0,0,1)}@media(hover:hover)and (pointer:fine){.set-builder__product:hover:not(:disabled){background:color-mix(in oklch,var(--sc-card-surface) 82%,var(--sc-primary-text))}}.set-builder__product:disabled{opacity:.5;cursor:not-allowed}.set-builder__product:active:not(:disabled){scale:.96}.set-builder__product:focus-visible,.set-builder__back:focus-visible,.set-builder__edit:focus-visible{outline:2px solid var(--sc-primary-text);outline-offset:3px}.set-builder__product-marker,.set-builder__product-indicator{justify-self:center}.set-builder__product-marker{display:grid;place-items:center}.set-builder__product-caret{display:none;width:16px;height:16px;justify-self:center;color:var(--sc-body-text);transform:rotate(0);transition:transform .18s cubic-bezier(.2,0,0,1)}.set-builder__product-caret svg{display:block;width:100%;height:100%}.set-builder__product[data-has-variants=true] .set-builder__product-marker{display:none}.set-builder__product[data-has-variants=true] .set-builder__product-caret{display:block}.set-builder__product[data-has-variants=true][aria-expanded=true] .set-builder__product-caret{transform:rotate(90deg)}.set-builder__product[data-selected=true],.set-builder__product[aria-expanded=true]{background:color-mix(in oklch,var(--sc-card-surface) 96%,var(--sc-primary-text));border-color:color-mix(in oklch,var(--sc-surface-border) 72%,var(--sc-primary-text))}.set-builder__product[data-selected=true] .sigma-checkbox,.set-builder__product[aria-pressed=true] .sigma-checkbox,.set-builder .coffee-product__bundle-component:has(input[type=radio]:checked) .sigma-checkbox{background:var(--sc-sigma-coffee-orange);border-color:var(--sc-sigma-coffee-orange);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--sc-orange-button-text) 20%,transparent)}.set-builder__product[data-selected=true] .sigma-checkbox__icon,.set-builder__product[aria-pressed=true] .sigma-checkbox__icon,.set-builder .coffee-product__bundle-component:has(input[type=radio]:checked) .sigma-checkbox__icon{opacity:1;scale:1}.set-builder__product[data-sigma-checkbox-mounted][data-selected=true] .sigma-checkbox__check,.set-builder__product[data-sigma-checkbox-mounted][aria-pressed=true] .sigma-checkbox__check,.set-builder .coffee-product__bundle-component-select[data-sigma-checkbox-mounted]:has(input[type=radio]:checked) .sigma-checkbox__check{stroke-dashoffset:0}.set-builder__product[data-sigma-checkbox-mounted] .sigma-checkbox__check,.set-builder .coffee-product__bundle-component-select[data-sigma-checkbox-mounted]:has(input[type=radio]) .sigma-checkbox__check{transition:stroke-dashoffset .2s cubic-bezier(.2,0,0,1) 40ms}.set-builder .coffee-product__bundle-component-control:has(>input[type=radio]){position:relative}.set-builder .coffee-product__bundle-component-control>input[type=radio]{position:absolute;width:44px;height:44px;margin:-14px;opacity:0}.set-builder__product-media,.set-builder__completed-media{display:grid;width:65px;height:65px;overflow:hidden;place-items:center;background:var(--sc-card-surface);border-radius:4px;corner-shape:squircle}.set-builder__product-image,.set-builder__completed-media img{width:100%;height:100%;object-fit:contain;border-radius:inherit;corner-shape:inherit;outline:1px solid oklch(0 0 0 / .1);outline-offset:-1px}.set-builder__product-copy,.set-builder__completed-copy{display:grid;min-width:0;gap:var(--sc-space-1)}.set-builder__product-copy strong,.set-builder__completed-copy strong{color:var(--sc-primary-text);font-size:.875rem;font-weight:500;line-height:1.25;letter-spacing:-.5px;overflow-wrap:break-word}.set-builder__product-copy span,.set-builder__completed-copy span{color:var(--sc-body-text);font-size:.75rem;line-height:1.25;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.set-builder__product--skip{grid-template-columns:20px minmax(0,1fr)}.set-builder__variant-stage{display:grid;grid-column:1 / -1;gap:16px;padding-block-start:4px}.set-builder__back{width:fit-content;min-height:44px;padding:0;color:var(--sc-body-text);font:inherit;text-decoration:underline;text-decoration-thickness:from-font;text-underline-position:from-font;background:transparent;border:0;cursor:pointer}.set-builder__variant-panel{display:grid;gap:12px}.set-builder__variant-panel h3{margin:0;color:var(--sc-primary-text);font-size:.875rem;font-weight:600;line-height:1.4}.set-builder .coffee-product__bundle-component{--bundle-component-card-height: 80px;border-radius:5px}.set-builder .coffee-product__bundle-component-heading{padding-inline-end:0}.set-builder .coffee-product__bundle-component-image{object-fit:contain}.set-builder__option--incompatible{opacity:.58}.set-builder__completed{display:grid;min-height:60px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 12px;background:var(--sc-savings-background);border:1px solid var(--sc-savings-border);border-radius:5px;corner-shape:squircle}.set-builder__completed-check{display:grid;width:20px;height:20px;place-items:center;color:var(--sc-savings-text)}.set-builder__completed-check svg{width:16px;height:16px;color:var(--sc-savings-text)}.set-builder__completed-check svg *{stroke:currentColor}.set-builder__edit{position:relative;min-width:64px;background:transparent;min-height:30px;height:30px;padding:6px 8px;gap:5px;justify-content:center;cursor:pointer;color:var(--sc-savings-text)}.set-builder__extras-help{margin:12px 0 0;color:var(--sc-body-text);font-size:.75rem;line-height:1.35;letter-spacing:-.5px}.set-builder__visual-item[data-visual-bounce]{animation:set-builder-visual-bounce .26s cubic-bezier(.2,0,0,1);transform-origin:center 72%}@keyframes set-builder-visual-bounce{0%{opacity:0;transform:translateY(3px) scale(.94)}62%{opacity:1;transform:translateY(-1px) scale(1.025)}to{opacity:1;transform:translateY(0) scale(1)}}.set-builder__summary{top:calc(var(--sc-space-4) + 5rem);min-width:0;overflow:hidden;background:var(--sc-card-surface);border:1px solid var(--sc-surface-border);border-radius:10px;corner-shape:squircle;box-shadow:var(--sc-elevated-surface-shadow)}.set-builder__summary[data-sticky-fit]{position:sticky}.set-builder__summary-inner{display:grid;gap:20px;padding:24px}.set-builder__summary h2{margin:0;color:var(--sc-primary-text);font-size:1.125rem;font-weight:500;line-height:1.25;letter-spacing:-.5px}.set-builder__discount-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none}.set-builder__discount-tier{display:grid;min-width:0;min-height:70px;align-content:center;justify-items:center;gap:6px;padding:8px 4px;color:var(--sc-body-text);font-size:.75rem;line-height:1.15;text-align:center;background:var(--sc-button-bg);border:1px solid var(--sc-button-border);border-radius:5px}.set-builder__discount-tier span,.set-builder__discount-tier b{min-width:0;font:inherit}.set-builder__discount-tier strong{font:inherit;font-weight:600}.set-builder__discount-tier>b{font-family:var(--font-display--family);font-size:1.125rem;font-weight:500;line-height:1.1;letter-spacing:-.5px;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--sc-primary-text)}.set-builder__discount-tier.is-unlocked>b{color:inherit}.set-builder__discount-tier [data-tier-label]{font-size:.6875rem;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums}.set-builder__discount-tier{position:relative;isolation:isolate}.set-builder__discount-tier:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(var(--sc-savings-background),var(--sc-savings-background)),var(--sc-card-surface);border:1px solid var(--sc-savings-border);opacity:0;pointer-events:none}.set-builder__discount-tier.is-unlocked{color:var(--sc-savings-text)}.set-builder__discount-tier.is-unlocked:before{opacity:1}.set-builder__tier-icon>[data-tier-locked],.set-builder__tier-icon>[data-tier-unlocked]{grid-area:1 / 1;width:20px;height:20px}.set-builder__tier-icon [data-tier-unlocked] svg{display:block;width:20px;height:20px;color:var(--sc-savings-text)}.set-builder__tier-icon [data-tier-unlocked]{opacity:0;transform:translateY(2px) scale(.9)}.set-builder__discount-tier.is-unlocked [data-tier-locked]{opacity:0;transform:translateY(-2px) scale(.9)}.set-builder__discount-tier.is-unlocked [data-tier-unlocked]{opacity:1;transform:translateY(0) scale(1)}.set-builder__discount-tier[data-tier-motion]:before,.set-builder__discount-tier[data-tier-motion] .set-builder__tier-icon>*{transition:opacity .26s cubic-bezier(.2,0,0,1),transform .26s cubic-bezier(.2,0,0,1)}@media(prefers-reduced-motion:reduce){.set-builder__discount-tier[data-tier-motion]:before,.set-builder__discount-tier[data-tier-motion] .set-builder__tier-icon>*{transition:none}}.set-builder__tier-icon{display:grid;width:20px;height:20px;place-items:center}.set-builder__tier-icon img{width:20px;height:20px}.set-builder__tier-next,.set-builder__summary-count,.set-builder__summary-note,.set-builder__summary-empty,.set-builder__status{margin:0;color:var(--sc-body-text);font-size:.875rem;line-height:1.35;letter-spacing:-.5px;text-wrap:pretty}.set-builder__summary-count{color:var(--sc-primary-text);font-weight:500}.set-builder__summary-divider{height:1px;background:var(--sc-surface-border)}.set-builder__summary-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.set-builder__summary-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;color:var(--sc-primary-text);font-size:.875rem;line-height:1.25;letter-spacing:-.5px}.set-builder__summary-item span:first-child{overflow-wrap:break-word}.set-builder__summary-item span:last-child{color:var(--sc-body-text);font-variant-numeric:tabular-nums;white-space:nowrap}.set-builder__discount-preview{display:flex;align-items:end;justify-content:space-between;gap:16px}.set-builder__price-stack{display:grid;gap:6px;font-variant-numeric:tabular-nums}.set-builder__price-stack span,.set-builder__price-stack s{color:var(--sc-body-text);font-size:.75rem;line-height:1.2}.set-builder__price-stack strong{color:var(--sc-primary-text);font-family:var(--font-display--family);font-size:1.5rem;font-weight:500;line-height:1.1;letter-spacing:-1px}.set-builder__save{flex:0 0 auto}.set-builder__status:empty{display:none}.set-builder__status[data-state=error]{color:var(--sc-destructive-action)}.set-builder__add,.set-builder__share{width:100%;min-height:45px}.set-builder .button:active:not(:disabled){scale:.96}.set-builder__cart-link{min-height:44px;align-content:center;color:var(--sc-primary-text);text-align:center;text-decoration-thickness:from-font;text-underline-position:from-font}.set-builder__fallback-links{display:grid;gap:8px;margin:0;padding-inline-start:20px}.set-builder__tier-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:74rem){.set-builder__app,.set-builder__unavailable{padding-inline:32px}.set-builder__hero{align-items:start}.set-builder__visual{--set-preview-media-size: 82px;max-width:48vw;overflow-x:auto;justify-content:start;padding-block-end:4px}.set-builder__visual-item{width:82px;flex-basis:82px}.set-builder__visual-media{width:82px;height:82px}.set-builder__layout{grid-template-columns:1fr;gap:48px}.set-builder__summary{width:min(100%,640px)}.set-builder__summary[data-sticky-fit]{position:static}}@media(max-width:48rem){.set-builder__hero{grid-template-columns:1fr;margin-block-end:48px}.set-builder__visual{max-width:100%;order:2}.set-builder__products,.set-builder__options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:31rem){.set-builder__app,.set-builder__unavailable{padding:32px 16px 48px}.set-builder__title{font-size:clamp(2rem,9.2vw,2.5rem);letter-spacing:-.5px}.set-builder__products,.set-builder__options{grid-template-columns:1fr}.set-builder__completed{grid-template-columns:16px minmax(0,1fr) auto;gap:8px}.set-builder__summary-inner{padding:20px}}@media(prefers-reduced-motion:reduce){.set-builder__product,.set-builder .button{transition:none}.set-builder__product:active:not(:disabled),.set-builder .button:active:not(:disabled){scale:1}.set-builder__visual-item[data-visual-bounce]{animation:none}.set-builder__product-caret{transition:none}.set-builder .coffee-product__bundle-component:has(input[type=radio]) .sigma-checkbox,.set-builder .coffee-product__bundle-component:has(input[type=radio]) .sigma-checkbox__icon,.set-builder .coffee-product__bundle-component:has(input[type=radio]) .sigma-checkbox__check{transition:none!important}}@media(forced-colors:active){.set-builder__product[data-selected=true] .sigma-checkbox,.set-builder__product[aria-pressed=true] .sigma-checkbox,.set-builder .coffee-product__bundle-component:has(input[type=radio]:checked) .sigma-checkbox{color:HighlightText;background:Highlight;border-color:Highlight}}.set-builder__completed-copy{gap:4px}.set-builder__completed-copy strong{font-size:var(--sc-type-body-small)}.set-builder__completed-copy span{color:var(--sc-primary-text);line-height:1.4;overflow-wrap:anywhere}.set-builder__edit:after{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.set-builder__edit-icon{display:inline-flex;width:16px;height:16px;flex:0 0 16px}.set-builder__edit-icon svg{width:16px;height:16px;color:var(--sc-savings-text)}.set-builder__edit-icon svg path{stroke:currentColor}.set-builder__products:has([data-product-trigger][aria-expanded=true]) .set-builder__product:not([aria-expanded=true]){opacity:.55}.set-builder__products:has([data-product-trigger][aria-expanded=true]) .set-builder__product:focus-visible{opacity:1}@media(hover:hover){.set-builder__products:has([data-product-trigger][aria-expanded=true]) .set-builder__product:hover{opacity:1}}.set-builder [data-summary-total],.set-builder [data-preview-subtotal],.set-builder [data-preview-total],.set-builder [data-preview-saving]{font-variant-numeric:tabular-nums}.set-builder__summary-inner{container-type:inline-size}@container (max-width: 17.5rem){.set-builder__discount-tiers{grid-template-columns:1fr}.set-builder__discount-tier{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;min-height:44px;padding:8px 12px;gap:8px}.set-builder__discount-tier>.set-builder__tier-icon{grid-column:1;grid-row:1}.set-builder__discount-tier>b{grid-column:3;grid-row:1}.set-builder__discount-tier>[data-tier-label]{grid-column:2;grid-row:1;justify-self:start;font-size:.75rem}}.set-builder__hero-icon svg{display:block;width:100%;height:100%;color:var(--sc-primary-text)}.set-builder__visual-plus{flex:0 0 16px}.set-builder__visual-item>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media(max-width:74rem){.set-builder__title{font-size:2.5rem}}@media(max-width:48rem){.set-builder__hero{gap:var(--sc-space-4);margin-block-end:var(--sc-space-5)}}@media(max-width:31rem){.set-builder__hero-icon{width:32px;height:32px}.set-builder__title{font-size:clamp(2rem,9.2vw,2.5rem)}}@media(min-width:74.001rem){.set-builder__hero{grid-template-columns:minmax(0,1fr) minmax(538px,720px);align-items:start;min-block-size:264px}.set-builder__visual{--set-preview-media-size: 82px;display:grid;grid-template-columns:repeat(5,82px);justify-content:end;gap:16px 32px;width:100%;max-width:none;overflow:visible}.set-builder__visual-plus{display:none}.set-builder__visual-item{position:relative;width:82px}.set-builder__visual-media{width:82px;height:82px}.set-builder__visual-media img{width:75%;height:75%}.set-builder__visual-item:not(:nth-of-type(5n+1)):before{content:"";position:absolute;inset-inline-start:-24px;inset-block-start:33px;width:16px;height:16px;background:url(set-builder-icon-plus.svg) center / contain no-repeat}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/set-builder.css.map */