.split-flap-text{align-items:center;gap:var(--split-flap-gap,6px);color:var(--split-flap-text-color,#f8fafc);font-family:SFMono-Regular,Roboto Mono,Cascadia Code,Liberation Mono,Menlo,monospace;font-size:var(--split-flap-font-size,52px);letter-spacing:.035em;white-space:pre;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;font-weight:760;line-height:1;display:inline-flex}.split-flap-text__tile{border-radius:var(--split-flap-radius,8px);background:radial-gradient(circle at 50% 0%, #ffffff29, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--split-flap-tile-color,#111827) 82%, white), var(--split-flap-tile-color,#111827));perspective:520px;width:.78em;height:1.08em;transform-style:preserve-3d;isolation:isolate;position:relative;overflow:hidden;box-shadow:inset 0 .035em .08em #ffffff14,inset 0 -.05em .1em #00000061,0 .16em .38em #00000047}.split-flap-text__tile:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff2e 18%,#000000a3 50%,#ffffff24 82%,#0000);width:100%;height:1px;position:absolute;top:calc(50% - .5px);left:0;box-shadow:0 -1px #ffffff14,0 1px #00000080}.split-flap-text__tile:after{content:"";z-index:9;border-radius:inherit;pointer-events:none;border:1px solid #ffffff14;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0003}.split-flap-text__half,.split-flap-text__flap{background:linear-gradient(180deg, #ffffff12, transparent 34%), var(--split-flap-tile-color,#111827);backface-visibility:hidden;width:100%;height:50%;position:absolute;left:0;overflow:hidden}.split-flap-text__half--top,.split-flap-text__flap--front{top:0}.split-flap-text__half--bottom,.split-flap-text__flap--back{background:linear-gradient(0deg, #ffffff0f, transparent 38%), color-mix(in srgb, var(--split-flap-tile-color,#111827) 92%, black);bottom:0}.split-flap-text__char{width:100%;height:200%;color:var(--split-flap-text-color,#f8fafc);text-shadow:0 .025em #ffffff29,0 .09em .16em #0000006b;justify-content:center;align-items:center;display:flex;position:absolute;left:0}.split-flap-text__half--top .split-flap-text__char,.split-flap-text__flap--front .split-flap-text__char{top:0}.split-flap-text__half--bottom .split-flap-text__char,.split-flap-text__flap--back .split-flap-text__char{bottom:0}.split-flap-text__flap{z-index:6;will-change:transform, filter;transform-style:preserve-3d}.split-flap-text__flap--front{transform-origin:bottom;animation:split-flap-front var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both}.split-flap-text__flap--back{transform-origin:top;animation:split-flap-back var(--split-flap-flip-duration,.12s) cubic-bezier(.23, 1, .32, 1) both;transform:rotateX(90deg)}@keyframes split-flap-front{0%{filter:brightness(1.08);transform:rotateX(0)}to{filter:brightness(.52);transform:rotateX(-90deg)}}@keyframes split-flap-back{0%,45%{filter:brightness(.58);transform:rotateX(90deg)}to{filter:brightness();transform:rotateX(0)}}@media (prefers-reduced-motion:reduce){.split-flap-text__flap{animation:none!important}}
.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}
.pixelated-image-card{color:var(--color-primary,#fff);background-color:#222;border:2px solid #fff;border-radius:15px;width:300px;max-width:100%;position:relative;overflow:hidden}.pixelated-image-card__default,.pixelated-image-card__active,.pixelated-image-card__pixels{width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-image-card__active{z-index:2;display:none}.pixelated-image-card__pixels{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;top:0;left:0}.pixelated-image-card__pixel{display:none;position:absolute}
.slide-commit{--sc-track:#262626;--sc-ink:#f5f5f5;--sc-ok:#22c55e;--sc-no:#e5484d;--sc-on-ink:#111;--sc-on-ok:#111;--sc-on-no:#fff;--sc-radius:28px;--sc-grip-r:24px;--sc-pad:4px;--sc-font:14px;vertical-align:middle;font-family:inherit;display:inline-block;position:relative}.slide-commit[data-disabled]{opacity:.55;pointer-events:none}.slide-commit__track{border-radius:var(--sc-radius);background:var(--sc-track);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;position:relative}.slide-commit[data-held] .slide-commit__track{cursor:grabbing}.slide-commit[data-phase=pending] .slide-commit__track,.slide-commit[data-phase=done] .slide-commit__track{cursor:default}.slide-commit__label{pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;place-items:center;font-weight:500;line-height:1;display:grid;position:absolute;inset:0}.slide-commit__text{color:color-mix(in srgb, var(--sc-ink) 45%, transparent);grid-area:1/1;transition:opacity .2s,filter .2s}.slide-commit__text--error{color:var(--sc-no);opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--plain{opacity:0;filter:blur(2px)}.slide-commit[data-phase=error] .slide-commit__text--error{opacity:1;filter:none}.slide-commit__capsule{top:var(--sc-pad);left:var(--sc-pad);width:calc(100% - var(--sc-pad) * 2);height:calc(100% - var(--sc-pad) * 2);background:var(--sc-ink);color:var(--sc-on-ink);outline:none;transition:background-color .2s,color .2s;position:absolute}.slide-commit[data-phase=done] .slide-commit__capsule{background:var(--sc-ok);color:var(--sc-on-ok)}.slide-commit[data-phase=error] .slide-commit__capsule{background:var(--sc-no);color:var(--sc-on-no)}.slide-commit__capsule:focus-visible{box-shadow:inset 0 0 0 2px var(--sc-track)}.slide-commit__content{position:absolute;inset:0}.slide-commit__arrow,.slide-commit__spin,.slide-commit__done{pointer-events:none;font-size:var(--sc-font);letter-spacing:-.006em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.slide-commit__arrow svg,.slide-commit__done svg,.slide-commit__spinner{display:block}.slide-commit__arrow,.slide-commit__spin{transition:filter .2s}.slide-commit[data-phase=pending] .slide-commit__arrow,.slide-commit:not([data-phase=pending]) .slide-commit__spin{filter:blur(2px)}.slide-commit__spinner{animation:1s linear infinite paused slide-commit-spin}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-spin{to{transform:rotate(360deg)}}.slide-commit__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.slide-commit__spinner{animation:1.4s ease-in-out infinite paused slide-commit-breathe}.slide-commit[data-phase=pending] .slide-commit__spinner{animation-play-state:running}@keyframes slide-commit-breathe{0%,to{opacity:1}50%{opacity:.4}}}