.demo[data-astro-cid-v2zj7lir]{--spring: cubic-bezier(.32, .72, 0, 1);width:100%;max-width:30rem;margin-inline:auto}.stage[data-astro-cid-v2zj7lir]{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:2rem;background:radial-gradient(closest-side,rgb(255 255 255 / .07),transparent),#ffffff08;box-shadow:inset 0 0 0 1px #ffffff14}.canvas[data-astro-cid-v2zj7lir]{position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;width:70%;height:70%;margin-bottom:7%;background:var(--border-color);box-shadow:0 40px 80px -30px #000000bf,0 0 0 1px #ffffff0f;transition:width .7s var(--spring),height .7s var(--spring),background-color .35s ease,opacity .22s ease}.layer[data-astro-cid-v2zj7lir]{position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .45s ease}.layer-gradient[data-astro-cid-v2zj7lir]{background:var(--gradient)}.layer-blur[data-astro-cid-v2zj7lir] img[data-astro-cid-v2zj7lir]{position:absolute;inset:-14%;width:128%;height:128%;max-width:none;object-fit:cover;filter:blur(24px) saturate(1.1) brightness(.92)}.canvas[data-astro-cid-v2zj7lir][data-style=gradient] .layer-gradient[data-astro-cid-v2zj7lir],.canvas[data-astro-cid-v2zj7lir][data-style=blur] .layer-blur[data-astro-cid-v2zj7lir]{opacity:1}.photo[data-astro-cid-v2zj7lir]{display:block;max-width:none;object-fit:cover;transition:width .7s var(--spring),height .7s var(--spring)}.canvas[data-astro-cid-v2zj7lir].is-fading{opacity:0}.canvas[data-astro-cid-v2zj7lir].no-anim,.canvas[data-astro-cid-v2zj7lir].no-anim .photo[data-astro-cid-v2zj7lir],.canvas[data-astro-cid-v2zj7lir].no-anim .layer[data-astro-cid-v2zj7lir]{transition:none}.caption[data-astro-cid-v2zj7lir]{position:absolute;left:50%;bottom:4.5%;translate:-50% 0;display:flex;align-items:center;gap:.75rem;white-space:nowrap;font-size:.75rem;font-weight:600;color:#ffffffe6;font-variant-numeric:tabular-nums}.caption-kept[data-astro-cid-v2zj7lir]{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;color:#7ee2a8;background:#34c75924}.panel[data-astro-cid-v2zj7lir]{margin-top:1rem;padding:.875rem;border-radius:1.5rem;background:#ffffff0d;box-shadow:inset 0 0 0 1px #ffffff14;display:grid;gap:.875rem}.ratios[data-astro-cid-v2zj7lir]{display:flex;gap:.375rem;overflow-x:auto;scrollbar-width:none;margin-inline:-.25rem;padding-inline:.25rem}.ratios[data-astro-cid-v2zj7lir]::-webkit-scrollbar{display:none}.chip[data-astro-cid-v2zj7lir]{flex:1 0 3.25rem;display:grid;justify-items:center;gap:.3rem;padding:.5rem .25rem .4rem;border-radius:.75rem;color:#ffffff9e;font-size:.6875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.chip[data-astro-cid-v2zj7lir]:hover{color:#fff;background:#ffffff0f}.chip[data-astro-cid-v2zj7lir][aria-pressed=true]{color:#fff;background:#0a84ff38;box-shadow:inset 0 0 0 1.5px var(--color-ios-blue-dark)}.chip-icon[data-astro-cid-v2zj7lir]{display:grid;place-items:center;width:28px;height:28px}.chip-shape[data-astro-cid-v2zj7lir]{display:block;border:1.5px solid currentColor;border-radius:3px}.segmented[data-astro-cid-v2zj7lir]{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:.75rem;background:#7676803d}.segmented-thumb[data-astro-cid-v2zj7lir]{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:.6rem;background:#fff;box-shadow:0 3px 8px #0000002e;transition:translate .35s var(--spring)}.segmented[data-astro-cid-v2zj7lir][data-index="1"] .segmented-thumb[data-astro-cid-v2zj7lir]{translate:100% 0}.segmented[data-astro-cid-v2zj7lir][data-index="2"] .segmented-thumb[data-astro-cid-v2zj7lir]{translate:200% 0}.segmented[data-astro-cid-v2zj7lir] button[data-astro-cid-v2zj7lir]{position:relative;padding:.45rem 0;font-size:.875rem;font-weight:500;color:#ffffffb3;cursor:pointer;transition:color .25s ease}.segmented[data-astro-cid-v2zj7lir] button[data-astro-cid-v2zj7lir][aria-pressed=true]{color:var(--color-ink);font-weight:600}.pickers[data-astro-cid-v2zj7lir]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.thumbs[data-astro-cid-v2zj7lir],.swatches[data-astro-cid-v2zj7lir]{display:flex;align-items:center}.thumbs[data-astro-cid-v2zj7lir]{gap:.4rem}.swatches[data-astro-cid-v2zj7lir]{gap:.3rem}.thumb[data-astro-cid-v2zj7lir]{width:2.5rem;height:2.5rem;padding:0;border-radius:.6rem;overflow:hidden;cursor:pointer;opacity:.6;box-shadow:0 0 0 1px #ffffff1f;transition:opacity .2s ease,box-shadow .2s ease}.thumb[data-astro-cid-v2zj7lir] img[data-astro-cid-v2zj7lir]{width:100%;height:100%;object-fit:cover}.thumb[data-astro-cid-v2zj7lir]:hover{opacity:.9}.thumb[data-astro-cid-v2zj7lir][aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--color-ios-blue-dark)}.swatch[data-astro-cid-v2zj7lir]{width:1.625rem;height:1.625rem;border-radius:999px;background:var(--swatch);cursor:pointer;box-shadow:inset 0 0 0 1px #fff3;transition:background-color .35s ease,box-shadow .2s ease,scale .2s var(--spring)}.swatch[data-astro-cid-v2zj7lir]:hover{scale:1.08}.swatch[data-astro-cid-v2zj7lir][aria-pressed=true]{box-shadow:0 0 0 2px var(--color-ink-2),0 0 0 4px var(--color-ios-blue-dark)}.chip[data-astro-cid-v2zj7lir]:focus-visible,.segmented[data-astro-cid-v2zj7lir] button[data-astro-cid-v2zj7lir]:focus-visible,.thumb[data-astro-cid-v2zj7lir]:focus-visible,.swatch[data-astro-cid-v2zj7lir]:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:380px){.swatch[data-astro-cid-v2zj7lir]{width:1.375rem;height:1.375rem}.thumb[data-astro-cid-v2zj7lir]{width:2.125rem;height:2.125rem}}@media(prefers-reduced-motion:reduce){.canvas[data-astro-cid-v2zj7lir],.photo[data-astro-cid-v2zj7lir],.layer[data-astro-cid-v2zj7lir],.segmented-thumb[data-astro-cid-v2zj7lir]{transition:none}}.sound[data-astro-cid-hk26qd5k] i[data-astro-cid-hk26qd5k]{display:block;width:2px;height:100%;border-radius:1px;background:#fff;transform-origin:bottom;animation:sound 1s ease-in-out infinite}.sound[data-astro-cid-hk26qd5k] i[data-astro-cid-hk26qd5k]:nth-child(2){animation-delay:-.3s}.sound[data-astro-cid-hk26qd5k] i[data-astro-cid-hk26qd5k]:nth-child(3){animation-delay:-.6s}.sound[data-astro-cid-hk26qd5k] i[data-astro-cid-hk26qd5k]:nth-child(4){animation-delay:-.15s}@keyframes sound{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media(prefers-reduced-motion:reduce){.sound[data-astro-cid-hk26qd5k] i[data-astro-cid-hk26qd5k]{animation:none;transform:scaleY(.6)}}.premium[data-astro-cid-hkoc4sea]{box-shadow:0 0 0 1px #ffffff0f inset,0 40px 80px -40px #0b122099}