.builder-experience{display:block;position:relative;isolation:isolate;background:linear-gradient(var(--builder-sky) 0 240px,var(--builder-water) 1100px);overflow:clip}.builder-backdrop{position:absolute;z-index:-1;inset:160px 0 auto;height:clamp(850px,90vw,1400px);pointer-events:none}.builder-art{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.builder-backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--builder-sky),transparent 22%,transparent 78%,var(--builder-water));pointer-events:none}.builder-hero.taffy-hero{height:auto;min-height:0;padding-bottom:0;background:transparent;isolation:auto;overflow:visible}.builder-hero .hero-copy{padding-top:40px;pointer-events:auto}.builder-hero .hero-copy .eyebrow{margin-bottom:18px}.builder-hero .hero-copy h1{font-size:clamp(48px,6.5vw,88px);max-width:1120px;margin-bottom:22px;line-height:1.06;text-wrap:balance}.builder-hero .hero-copy h1 span{display:block;margin-top:6px}.builder-hero .hero-description{max-width:560px;font-size:15px;margin-bottom:0;text-wrap:balance}.builder-steps{position:relative;padding-top:28px;padding-bottom:12px}.builder-hero .wizard-progress{display:flex;justify-content:center;align-items:center;gap:18px;border:0;padding:0;margin:0 auto;max-width:640px;min-height:76px}.builder-hero .wizard-progress button{flex:1;justify-content:center;align-items:center;flex-direction:row;gap:10px;min-height:54px;padding:10px 14px;border:1px solid #103d4b40;border-radius:40px;background:var(--cream);font-size:13px;white-space:nowrap;transition:transform .15s,background .15s}.builder-hero .wizard-progress button:disabled{opacity:.7}.builder-hero .wizard-progress button[aria-current=step]{background:var(--berry);border-color:var(--berry);color:#fff;font-size:16px;transform:scale(1.07);box-shadow:0 4px #772756}.builder-hero .wizard-progress button span{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border:1px solid currentColor;border-radius:50%;font-size:12px;background:transparent;color:inherit}.builder-hero .wizard-progress button[aria-current=step] span{background:#fff;color:var(--berry);border-color:#fff;font-size:14px}.builder-experience .mix-layout{padding-top:20px;padding-bottom:48px;gap:28px}.builder-experience .mix-main,.builder-experience .mix-summary{background:#fffdf7f5;border:1px solid #ffffff80;border-radius:28px;padding:28px}.builder-experience .summary-art:has(img[hidden]){display:none}.builder-experience .wizard-panel>.eyebrow{display:none}.builder-experience .wizard-panel h2{font-size:clamp(28px,3vw,38px);margin-bottom:16px}.builder-experience .choice-card{background:var(--cream)}.size-unit-badge{display:flex;flex-direction:column;gap:2px;background:#eef5e2;color:#304b17;border:1px solid #82b24460;border-radius:10px;padding:6px 10px;font-size:10px;line-height:1.4}.size-unit-badge>span{font-size:9px}.size-unit-badge>strong{font-size:12px}.size-value-badge{position:absolute;left:12px;top:10px;border-radius:20px;padding:5px 10px;background:var(--yellow);color:var(--ink);font-size:10px;font-weight:600;line-height:1.4}@media(min-width:601px){.builder-experience .size-options .choice-card{gap:6px}.builder-experience .size-options .choice-card img{height:130px;aspect-ratio:auto}}.builder-experience .wizard-panel{scroll-margin-bottom:calc(var(--mix-action-height,140px) + 24px)}.builder-experience .flavor-toolbar{margin:22px 0}.builder-experience .mix-action-bar{position:static;border-top:1px solid #103d4b30;padding-top:20px;margin-top:24px}.mix-action-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.mix-action-summary{display:flex;flex-direction:column;gap:2px;min-width:0}.mix-action-summary strong{font-size:22px;line-height:1.3}.mix-action-summary span{font-size:12px;line-height:1.5}.mix-action-bar .wizard-actions{border:0;padding:0;margin:0;align-items:center;justify-content:flex-end;gap:20px;flex-shrink:0}.mix-action-bar .wizard-actions .button:last-child{margin-left:0}.mix-action-bar .button-next{background:#e3f3f5;box-shadow:none;border:1px solid #103d4b40}.mix-action-bar .wizard-error{margin:0 0 12px;padding:8px 12px;font-size:12px}@media(min-width:851px){.mix-action-content{flex-direction:column;align-items:stretch;gap:16px}.mix-action-summary [data-action-price]{display:none}.mix-action-bar .wizard-actions{flex-direction:column;align-items:stretch;gap:12px}.mix-action-bar .wizard-actions .button{width:100%;gap:12px}}@media(max-width:850px){body:has(taffy-mix[data-ready]){padding-bottom:var(--mix-action-height,140px)}html:has(taffy-mix[data-ready]){scroll-padding-bottom:calc(var(--mix-action-height,140px) + 20px)}.builder-experience .mix-action-bar{position:fixed;inset:auto 0 0;z-index:30;background:var(--cream);box-shadow:0 -6px 25px #103d4b10;margin:0;padding:14px 0 calc(14px + env(safe-area-inset-bottom,0px));text-align:left}.mix-action-inner{width:calc(100% - 56px);max-width:var(--content-max);margin-inline:auto}}@media(max-width:720px){.mix-action-inner{width:calc(100% - 40px)}.builder-hero.taffy-hero{min-height:0;padding-bottom:0}.builder-hero .hero-copy{padding-top:28px}.builder-hero .hero-copy h1{font-size:clamp(29px,7.3vw,50px);margin-bottom:18px}.builder-hero .hero-description{font-size:14px;max-width:360px;margin-bottom:0}.builder-backdrop{top:130px;height:1000px}.builder-steps{padding-top:22px;padding-bottom:8px}.builder-hero .wizard-progress{gap:10px;min-height:72px}.builder-hero .wizard-progress button{flex-direction:column;gap:5px;font-size:11px;min-height:64px;padding:8px 4px;white-space:normal;border-radius:18px}.builder-hero .wizard-progress button[aria-current=step]{font-size:13px}.builder-experience .mix-layout{padding-top:16px;gap:24px}.builder-experience .mix-main,.builder-experience .mix-summary{padding:22px 18px;border-radius:22px}.mix-action-content{flex-direction:column;align-items:stretch;gap:10px}.mix-action-summary{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.mix-action-summary strong{font-size:19px;white-space:nowrap}.mix-action-summary span{font-size:11px;text-align:right}.mix-action-bar .wizard-actions{gap:12px;justify-content:space-between}.mix-action-bar .wizard-actions .text-button{font-size:12px;padding-inline:4px}.mix-action-bar .wizard-actions .button{min-height:46px;padding:10px 15px;gap:10px;font-size:12px}.mix-action-bar .wizard-actions [data-add]{margin-left:auto}}@media(max-width:600px){.builder-experience .size-options .choice-card{grid-template-columns:74px minmax(0,1fr) 19px;gap:6px 10px;padding:12px}.builder-experience .size-options .choice-name{font-size:22px;overflow-wrap:normal}.size-options .size-unit-badge{grid-column:2;justify-self:start;padding:5px 8px}.size-options .choice-card img,.size-options .choice-card input{grid-row:1/5}.size-options .choice-card:has(.size-value-badge) .size-value-badge{position:static;grid-column:1/-1;grid-row:1;justify-self:start}.size-options .choice-card:has(.size-value-badge) img,.size-options .choice-card:has(.size-value-badge) input{grid-row:2/6}}@media(max-width:380px){.mix-action-bar .wizard-actions{gap:8px}.mix-action-bar .wizard-actions .button{font-size:11px;padding:10px 12px;gap:8px}.mix-action-bar .wizard-actions .button svg{width:18px}.mix-action-bar .wizard-actions .text-button{padding-inline:0;font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mix-wizard.css.map */