.aperture{flex-direction:column;align-items:center;gap:16px;display:flex}.aperture-stage{flex:none;max-width:100%;max-height:100%;position:relative}.aperture-stage__canvas{width:100%;height:100%;display:block}.aperture-stage__error{text-align:center;color:var(--sc-muted,#737373);justify-content:center;align-items:center;margin:0;padding:24px;font-size:14px;line-height:20px;display:flex;position:absolute;inset:0}.aperture-strip{background:var(--sc-strip,#f5f5f5);border-radius:999px;align-items:center;gap:12px;max-width:100%;padding:6px;display:flex}.aperture-strip__group{flex:none;gap:4px;display:flex}.aperture-strip__button{height:32px;color:var(--sc-muted,#737373);cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1}.aperture-strip__button:hover:not(:disabled){background:var(--sc-hover,#ececec);color:var(--sc-fg,#171717)}.aperture-strip__button:disabled{opacity:.4;cursor:default}.aperture-strip__states{scrollbar-width:none;flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}.aperture-strip__states::-webkit-scrollbar{display:none}.aperture-strip__state{height:32px;color:var(--sc-muted,#737373);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;align-items:center;gap:8px;margin:0;padding:0 12px 0 6px;font-family:inherit;font-size:13px;line-height:1;display:inline-flex}.aperture-strip__state:hover{background:var(--sc-hover,#ececec)}.aperture-strip__state[data-active]{color:var(--sc-fg,#171717);background:var(--sc-page,#fff);box-shadow:0 0 0 1px var(--sc-border,#e5e5e5)}.aperture-strip__index{background:var(--sc-hover,#ececec);font-variant-numeric:tabular-nums;width:20px;height:20px;color:var(--sc-muted,#737373);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:inline-flex}.aperture-strip__name{white-space:nowrap}.aperture-strip__count{background:var(--sc-hover,#ececec);font-variant-numeric:tabular-nums;min-width:18px;height:18px;color:var(--sc-muted,#737373);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:500;display:inline-flex}.aperture-strip__state:disabled{opacity:.55;cursor:default}.aperture-strip[data-morphing] .aperture-strip__state:not([data-active]){opacity:.7}