.u-button{--button-height:44px;--button-disc:32px;--button-center:22px;isolation:isolate;min-height:var(--button-height);height:var(--button-height);border-radius:var(--radius-pill);background:var(--u-ink);color:var(--u-paper);font:650 15px/1 var(--u-text);letter-spacing:0;white-space:nowrap;transition:transform var(--motion-press) var(--ease-out),color var(--motion-hover) var(--ease-out);border:0;justify-content:space-between;align-items:center;gap:12px;padding:6px 6px 6px 20px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.u-button-large{--button-height:56px;--button-disc:44px;--button-center:28px;gap:16px;padding-left:24px}.u-button:before{content:"";z-index:-1;background:var(--u-orange);clip-path:circle(calc(var(--button-disc)/2) at calc(100% - var(--button-center)) 50%);transition:clip-path var(--motion-hover) var(--ease-out);position:absolute;inset:0}.u-hero .u-button-primary:after{content:"";border:1px solid var(--u-ink);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.u-action-label{position:relative}.u-button .u-action-icon{width:var(--button-disc);height:var(--button-disc);flex:0 0 var(--button-disc);color:var(--u-ink);border-radius:var(--radius-pill);place-items:center;display:grid}.u-button .u-action-icon svg{width:20px;height:20px;color:inherit;stroke:currentColor;stroke-width:1.8px;fill:none;background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;overflow:hidden;transform:none}.u-arrow-track{transition:transform var(--motion-hover) var(--ease-out)}.u-button.u-button-primary{color:var(--u-paper)}.u-button.u-button-secondary{color:var(--u-ink);box-shadow:inset 0 0 0 1px var(--u-ink);background:0 0}.u-button-text{color:inherit;box-shadow:none;background:0 0;justify-content:flex-start;gap:10px;padding:0;overflow:visible}.u-button-text:before{display:none}.u-button-text .u-action-icon{width:24px;height:24px;color:inherit;flex-basis:24px}.u-button-text .u-action-label{text-underline-offset:5px;transition:text-decoration-color var(--motion-ui) var(--ease-out);text-decoration:underline #0000}.u-button:active{transform:scale(.97)}.u-button:focus-visible,:is(button,a,input,summary):focus-visible{outline:2px solid var(--u-orange-text);outline-offset:3px}.u-header :focus-visible,.u-waitlist :is(input,summary,button,a):focus-visible,.u-product .u-footer :focus-visible{outline-color:var(--u-orange-text)}.u-hero :is(button,a):focus-visible,.u-footer-brand a:focus-visible{outline-color:var(--u-ink)}.u-button:disabled,.u-button[aria-disabled=true]{cursor:default;opacity:.5}@media (hover:hover) and (pointer:fine){.u-button:not(.u-button-text):not(:disabled):not([aria-disabled=true]):hover{background:var(--u-ink);color:var(--u-ink)}.u-button:not(:disabled):not([aria-disabled=true]):hover:before{clip-path:circle(150% at calc(100% - var(--button-center)) 50%)}.u-button:not(:disabled):not([aria-disabled=true]):hover .u-arrow-track{transform:translate(28px)}.u-button-text:not(:disabled):not([aria-disabled=true]):hover{color:inherit;background:0 0}.u-button-text:hover .u-action-label{text-decoration-color:currentColor}.u-button:active:not(:disabled){transform:scale(.97)}}.u-product :is(.u-stepper,.u-photo-stepper) button,.u-menu,.u-hero-replay{border-radius:var(--radius-pill);width:44px;height:44px;min-height:44px;transition:transform var(--motion-press) var(--ease-out),background-color var(--motion-ui) var(--ease-out),color var(--motion-ui) var(--ease-out);flex:0 0 44px}.u-product :is(.u-stepper,.u-photo-stepper) button:not(:disabled):active,.u-menu:active,.u-hero-replay:active{transform:scale(.97)}.u-product .u-stepper{border-radius:var(--radius-pill);background:var(--u-gray-4)}.u-product .u-stepper input{min-height:44px;font-size:17px;font-weight:600}.u-product :is(.u-stepper,.u-photo-stepper) svg{stroke-width:2px;width:18px;height:18px}.u-product .u-photo-point{width:44px;height:44px}.u-product .u-ingredient{border-radius:var(--radius-sm);min-height:56px;transition:background-color var(--motion-ui) var(--ease-out)}.u-product .u-ingredient svg{opacity:0;width:20px;height:20px;transition:opacity var(--motion-ui) var(--ease-out),transform var(--motion-ui) var(--ease-out);transform:scale(.8)}.u-product .u-ingredient[aria-pressed=true] svg{opacity:1;transform:scale(1)}.u-product .u-ingredient[aria-pressed=true] .u-ingredient-name{font-weight:750}.u-app-tabs{isolation:isolate;position:relative}.u-product .u-app-tabs{border-radius:var(--radius-pill);background:var(--u-gray-1);border:0;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:inline-grid}.u-product .u-app-tabs button{z-index:1;border-radius:var(--radius-pill);min-height:44px;transition:color var(--motion-ui) var(--ease-out);padding:0 20px;font-size:15px;font-weight:650;position:relative}@supports selector(:has(*)){.u-app-tabs:before{content:"";border-radius:var(--radius-pill);background:var(--u-orange);width:calc(25% - 5px);height:calc(100% - 8px);transition:transform var(--motion-ui) var(--ease-out);position:absolute;inset:4px auto auto 4px}.u-app-tabs:has(button:nth-child(2)[aria-selected=true]):before{transform:translate(calc(100% + 4px))}.u-app-tabs:has(button:nth-child(3)[aria-selected=true]):before{transform:translate(calc(200% + 8px))}.u-app-tabs:has(button:nth-child(4)[aria-selected=true]):before{transform:translate(calc(300% + 12px))}.u-product .u-app-tabs button[aria-selected=true]{background:0 0}}@media (width<=559px){.u-product .u-app-tabs{border-radius:26px;grid-template-columns:1fr 1fr}@supports selector(:has(*)){.u-app-tabs:before{width:calc(50% - 6px);height:calc(50% - 6px)}.u-app-tabs:has(button:nth-child(3)[aria-selected=true]):before{transform:translateY(calc(100% + 4px))}.u-app-tabs:has(button:nth-child(4)[aria-selected=true]):before{transform:translate(calc(100% + 4px),calc(100% + 4px))}}}.u-product .u-reset{border-radius:var(--radius-pill);min-height:44px;font-size:15px;font-weight:650}.u-menu[aria-expanded=true]{background:var(--u-orange);color:var(--u-ink)}.u-progress a{min-height:44px}.u-product .u-faq summary>svg{transition:transform var(--motion-ui) var(--ease-out)}.u-product .u-faq .u-faq-plus{transform:none}.u-product .u-faq details[open] summary>svg{transform:rotate(45deg)}.u-product .u-faq details[open] .u-faq-plus{transform:none}@supports (interpolate-size:allow-keywords){.u-faq details{interpolate-size:allow-keywords}.u-faq details::details-content{opacity:0;height:0;transition:height var(--motion-panel) var(--ease-out),opacity var(--motion-ui) var(--ease-out),content-visibility var(--motion-panel) allow-discrete;overflow:clip}.u-faq details[open]::details-content{opacity:1;height:auto}}html[data-u-motion=quiet] :is(.u-button,.u-arrow-track,.u-menu,.u-hero-replay,.u-ingredient svg,.u-faq summary>svg),html[data-u-motion=quiet] .u-button:before,html[data-u-motion=quiet] .u-app-tabs:before,html[data-u-motion=quiet] .u-faq details::details-content{transition:none!important}@media (prefers-reduced-motion:reduce){.u-button,.u-arrow-track,.u-button:before,.u-app-tabs:before,.u-faq details::details-content{transition:none!important}}
