.bg-wall{border-color:#dfe2ea}.bg-wall .ticker-track{animation-duration:55s}.bg-wall-item{flex:none;align-items:center;height:3.5rem;padding:0 1.25rem;display:inline-flex}.bg-wall-item img{width:auto;max-width:none}.bg-label{color:var(--ink);margin-bottom:.625rem;font-size:.8125rem;font-weight:600;display:block}.bg-port{border-bottom:2px solid var(--ink);letter-spacing:-.04em;align-items:baseline;font-family:Martian Mono Variable,ui-monospace,monospace;font-size:clamp(3rem,2rem + 4vw,4.5rem);font-weight:600;font-stretch:75%;line-height:1.1;transition:border-color .2s;display:flex}.bg-port:focus-within{border-color:var(--accent)}.bg-port span{color:#c5cad6;transition:color .2s}.bg-port:focus-within span{color:var(--accent)}.bg-port input{width:100%;min-width:0;font:inherit;letter-spacing:inherit;font-variant-numeric:tabular-nums;color:var(--ink);appearance:textfield;background:0 0;border:0;outline:none;padding:0}.bg-port input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bg-port input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bg-port input::placeholder{letter-spacing:0;color:#636a7b;font-family:Instrument Sans Variable,system-ui,sans-serif;font-size:1rem;font-weight:400}.bg-port:has([aria-invalid=true]){border-color:#c62f2f}[data-port-help].is-error{color:#b42318}.bg-quick{color:#353a49;transition:border-color .2s, background-color .2s, color .2s, transform .4s var(--ease-spring);background:#fff;border:1px solid #dfe2ea;border-radius:.5rem;align-items:baseline;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}.bg-quick b{color:var(--ink);font-family:Martian Mono Variable,ui-monospace,monospace;font-size:.6875rem;font-weight:600;font-stretch:87.5%}.bg-quick:hover{border-color:var(--ink)}.bg-quick:active{transition-duration:80ms;transform:scale(.96)}.bg-quick[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.bg-quick[aria-pressed=true] b{color:var(--signal)}.bg-select{position:relative}.bg-select select{appearance:none;width:100%;color:var(--ink);background:#fff;border:1px solid #c5cad6;border-radius:.75rem;padding:.8rem 2.5rem .8rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.bg-select select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 4px #2647f024}.bg-select svg{color:#636a7b;pointer-events:none;width:.875rem;height:.875rem;margin-top:-.4375rem;position:absolute;top:50%;right:1rem}.bg-style{background:#fff;border:1px solid #dfe2ea;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.625rem;padding:.875rem;transition:border-color .2s,box-shadow .2s;display:flex}.bg-style-art{align-items:center;height:1.75rem;display:flex}.bg-style img{width:auto;max-width:100%}.bg-style code{color:#494f60;font-size:.6875rem;font-weight:500}.bg-style:hover{border-color:#959cac}.bg-style[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.bg-style[aria-checked=true] code{color:var(--ink)}.bg-color{background:var(--c);width:2.25rem;height:2.25rem;transition:transform .4s var(--ease-spring), box-shadow .2s;border-radius:.625rem;box-shadow:inset 0 0 0 1px #12151e1f}.bg-color:hover{transform:translateY(-2px)}.bg-color[aria-checked=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink)}.bg-segment{background:#fff;border:1px solid #dfe2ea;border-radius:.75rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}@media (width>=480px){.bg-segment{grid-template-columns:repeat(4,minmax(0,1fr))}}.bg-segment button{color:#494f60;border-radius:.5rem;padding:.5rem .25rem;font-size:.8125rem;font-weight:500;transition:background-color .2s,color .2s}.bg-segment button:hover{color:var(--ink)}.bg-segment button[aria-checked=true]{background:var(--ink);color:#fff}.bg-stage{border-radius:1rem;transition:opacity .3s;display:grid;overflow:hidden;box-shadow:0 0 0 1px #12151e1f,0 30px 60px -30px #111a4d59}@media (width>=640px){.bg-stage{grid-template-columns:repeat(2,minmax(0,1fr))}}.bg-stage.is-stale{opacity:.45}.bg-stage-half{background:radial-gradient(circle at 1px 1px,#12151e1a 1px,#0000 0) 0 0/18px 18px,#fff;justify-content:center;align-items:center;min-height:11rem;padding:2.5rem 1rem 2rem;display:flex;position:relative;overflow:hidden}.bg-stage-half.is-dark{background:radial-gradient(circle at 1px 1px, #ffffff17 1px, transparent 0) 0 0 / 18px 18px, var(--panel)}.bg-stage-tag{letter-spacing:.08em;text-transform:uppercase;color:#636a7b;font-family:Martian Mono Variable,ui-monospace,monospace;font-size:.625rem;font-weight:500;position:absolute;top:.75rem;left:.875rem}.is-dark .bg-stage-tag{color:#959cac}.bg-stage-half img{width:auto;max-width:100%}.bg-code{background:#fff;border:1px solid #dfe2ea;border-radius:.75rem;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1rem;transition:border-color .2s;display:flex}.bg-code:focus-within{border-color:var(--ink)}.bg-code input{min-width:0;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:none;flex:1;padding:.375rem 0;font-family:Martian Mono Variable,ui-monospace,monospace;font-size:.75rem;font-stretch:87.5%}.bg-url{white-space:nowrap;color:var(--ink);background:#eceef3;border-radius:.5rem;padding:.75rem 1rem;font-size:.75rem;display:block;overflow-x:auto}.bg-param{border-top:1px solid #dfe2ea;grid-template-columns:4.5rem minmax(0,1fr);gap:.75rem;padding-top:.75rem;display:grid}.bg-param code{color:#1c36d1;font-size:.75rem;font-weight:600}