.mx-flip{padding:0;border:0;background:none;perspective:700px;cursor:pointer}.mx-flip__inner{position:relative;display:block;width:8.5rem;height:2.75rem;transform-style:preserve-3d;transition:transform .42s var(--ease-emphasized)}.mx-flip:hover .mx-flip__inner,.mx-flip:focus-visible .mx-flip__inner{transform:rotateX(-90deg)}.mx-flip__face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 var(--spacing-2xl);border-radius:var(--radius-lg);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-semibold);white-space:nowrap;backface-visibility:hidden}.mx-flip__face--front{background:var(--color-bg-primary-default);color:var(--color-text-inverse)}.mx-flip__face--back{background:var(--color-bg-primary-hover);color:var(--color-text-inverse);transform:rotateX(90deg)}.mx-flip:focus-visible{outline:none}.mx-liquid{position:relative;overflow:hidden;padding:.75rem var(--spacing-3xl);border:1px solid color-mix(in srgb,var(--color-stroke-primary) 45%,transparent);border-radius:var(--radius-lg);background:transparent;color:var(--color-text-default);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;transition:color var(--duration-slow) var(--ease-standard)}.mx-liquid:before{content:"";position:absolute;left:50%;top:100%;z-index:0;width:220%;aspect-ratio:1;border-radius:43%;background:var(--color-bg-primary-default);translate:-50% 0;animation:mx-liquid-spin 9s linear infinite;transition:top .52s var(--ease-emphasized)}.mx-liquid__label{position:relative;z-index:1}.mx-liquid:hover:before,.mx-liquid:focus-visible:before{top:38%}.mx-liquid:hover,.mx-liquid:focus-visible{color:var(--color-text-inverse)}.mx-liquid:focus-visible{outline:2px solid var(--color-stroke-primary);outline-offset:3px}@keyframes mx-liquid-spin{to{rotate:360deg}}.mx-switch{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;cursor:pointer}.mx-switch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.mx-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--color-bg-muted);transition:background-color var(--duration-base) var(--ease-standard)}.mx-switch__thumb{position:absolute;left:2px;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:var(--color-text-default);transform-origin:left center;transition:transform .22s var(--ease-emphasized)}.mx-switch input:checked~.mx-switch__track{background:var(--color-bg-primary-default)}.mx-switch input:checked~.mx-switch__thumb{transform:translate(1.25rem);transform-origin:right center}.mx-switch input:active:not(:checked)~.mx-switch__thumb{transform:scaleX(1.35)}.mx-switch input:active:checked~.mx-switch__thumb{transform:translate(1.25rem) scaleX(1.35)}.mx-switch input:focus-visible~.mx-switch__track{outline:2px solid var(--color-stroke-primary);outline-offset:2px}.mx-tabs{position:relative;display:inline-flex;gap:0;padding:3px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text-default) 8%,transparent)}.mx-tabs input{position:absolute;opacity:0;pointer-events:none}.mx-tabs__ink{position:absolute;top:3px;left:3px;width:5rem;height:2rem;border-radius:var(--radius-full);background:var(--color-bg-subtle);box-shadow:0 1px 2px color-mix(in srgb,var(--color-blue-cygnus-100) 60%,transparent);transition:transform .32s var(--ease-emphasized)}.mx-tabs label{position:relative;z-index:1;display:grid;place-items:center;width:5rem;height:2rem;border-radius:var(--radius-full);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8125rem;cursor:pointer;transition:color var(--duration-base) var(--ease-standard)}.mx-tabs:has(#mx-tab-1:checked) .mx-tabs__ink{transform:translate(0)}.mx-tabs:has(#mx-tab-2:checked) .mx-tabs__ink{transform:translate(5rem)}.mx-tabs:has(#mx-tab-3:checked) .mx-tabs__ink{transform:translate(10rem)}.mx-tabs:has(#mx-tab-1:checked) label[for=mx-tab-1],.mx-tabs:has(#mx-tab-2:checked) label[for=mx-tab-2],.mx-tabs:has(#mx-tab-3:checked) label[for=mx-tab-3]{color:var(--color-text-default)}.mx-tip{position:relative;display:inline-flex;padding:.5rem .875rem;border:1px solid color-mix(in srgb,var(--color-text-default) 18%,transparent);border-radius:var(--radius-md);color:var(--color-text-muted);font-family:var(--font-sans);font-size:.8125rem}.mx-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;padding:.25rem .5rem;border-radius:var(--radius-sm);background:var(--color-bg-inverse);color:var(--color-text-default);font-size:.75rem;white-space:nowrap;opacity:0;scale:.94;translate:-50% 4px;transform-origin:bottom center;transition:opacity .14s var(--ease-standard),scale .14s var(--ease-standard),translate .14s var(--ease-standard);pointer-events:none}.mx-tip:hover:after,.mx-tip:focus-visible:after{opacity:1;scale:1;translate:-50% 0}.mx-progress{width:100%;height:.5rem;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-text-default) 12%,transparent)}.mx-progress>span{display:block;height:100%;border-radius:inherit;background:var(--color-bg-primary-default);transform:scaleX(var(--value, .4));transform-origin:left center;transition:transform .6s var(--ease-emphasized)}.mx-progress--live>span{background-image:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-base-white) 35%,transparent),transparent);background-size:45% 100%;background-repeat:no-repeat;animation:mx-progress-sweep 2.2s var(--ease-standard) infinite}@keyframes mx-progress-sweep{0%{background-position:-45% 0}to{background-position:145% 0}}.mx-avatars{display:flex;padding-block:.25rem}.mx-avatars>span{display:grid;place-items:center;width:2rem;height:2rem;margin-left:-.5rem;border:2px solid var(--color-bg-default);border-radius:var(--radius-full);background:var(--color-bg-subtle);color:var(--color-text-subtle);font-family:var(--font-sans);font-size:.6875rem;font-weight:var(--font-weight-semibold);transition:transform .24s var(--ease-emphasized)}.mx-avatars>span:first-child{margin-left:0}.mx-avatars:hover>span{transform:translate(calc(var(--i, 0) * .35rem))}.mx-grid{position:relative;width:100%;height:7rem;overflow:hidden;border-radius:var(--radius-lg);background-color:var(--color-blue-cygnus-100);background-image:radial-gradient(circle,color-mix(in srgb,var(--color-text-default) 26%,transparent) 1px,transparent 1px);background-size:14px 14px}.mx-grid:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--color-stroke-primary) 60%,transparent) 0%,transparent 45%);mix-blend-mode:screen;animation:mx-grid-drift 7s var(--ease-emphasized) infinite alternate}@keyframes mx-grid-drift{0%{translate:-12% 8%}to{translate:12% -8%}}.mx-gradient{width:100%;height:6rem;border-radius:var(--radius-lg);background:linear-gradient(120deg,var(--color-blue-cygnus-70),var(--color-blue-cygnus-40),var(--color-orange-cygnus-40),var(--color-blue-cygnus-70));background-size:400% 400%;animation:mx-gradient 15s var(--ease-standard) infinite}@keyframes mx-gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mx-ripple{position:relative;overflow:hidden;padding:.75rem var(--spacing-3xl);border:0;border-radius:var(--radius-lg);background:var(--color-bg-secondary-default);color:var(--color-text-inverse);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-semibold);cursor:pointer;isolation:isolate}.mx-ripple__dot{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-base-white) 55%,transparent);scale:0;animation:mx-ripple .62s var(--ease-standard) forwards;pointer-events:none}@keyframes mx-ripple{to{scale:26;opacity:0}}.mx-magnetic{padding:.75rem var(--spacing-3xl);border:1px solid color-mix(in srgb,var(--color-text-default) 22%,transparent);border-radius:var(--radius-full);background:transparent;color:var(--color-text-default);font-family:var(--font-sans);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:transform .26s var(--ease-emphasized),border-color var(--duration-base) var(--ease-standard)}.mx-magnetic:hover{border-color:var(--color-stroke-primary)}@media(prefers-reduced-motion:reduce){.mx-liquid:before,.mx-grid:after,.mx-gradient,.mx-progress--live>span,.mx-ripple__dot{animation:none}.mx-flip__inner,.mx-switch__thumb,.mx-tabs__ink,.mx-avatars>span,.mx-progress>span,.mx-tip:after,.mx-magnetic,.mx-liquid:before{transition-duration:0ms}.mx-flip:hover .mx-flip__inner,.mx-flip:focus-visible .mx-flip__inner{transform:none}.mx-flip__face--back{display:none}.mx-magnetic{transform:none!important}}.kit__body{min-height:100dvh;background:var(--color-bg-default)}.kit__wrap{width:min(72rem,100%);margin-inline:auto;padding:var(--spacing-6xl) var(--spacing-2xl) var(--spacing-8xl)}.kit__head{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-4xl)}.kit__eyebrow{font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-brand)}.kit__title{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-text-default)}.kit__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--spacing-lg);padding:0;margin:0;list-style:none}.kit__item{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);border:1px solid color-mix(in srgb,var(--color-text-default) 10%,transparent);border-radius:var(--radius-2xl);background:color-mix(in srgb,var(--color-blue-cygnus-100) 45%,transparent)}.kit__label{font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-muted)}.kit__stage{display:grid;place-items:center;min-height:5.5rem}.kit__stack{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.kit__row{display:flex;align-items:center;gap:var(--spacing-sm)}.kit__note{font-size:.75rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.kit__fill{grid-column:span 2}@media(max-width:40rem){.kit__wrap{padding:var(--spacing-4xl) var(--spacing-lg) var(--spacing-6xl)}.kit__fill{grid-column:auto}}