#props-dock{top:calc(var(--navigation-height) + .5rem);z-index:10;flex-direction:row;align-items:flex-start;gap:.5rem;display:flex;position:fixed;right:26rem}#props-panel{order:-1}#props-toggle-button,#props-close-button{justify-content:center;align-items:center;padding:.5rem;display:flex}#props-toggle-button[hidden]{display:none}#props-close-button{align-self:center;margin-left:auto}.props-panel{border:1px solid var(--bg-tertiary);background:color-mix(in srgb, var(--bg-primary) 90%, black);box-shadow:1px 1px 8px 0px var(--bg-primary);border-radius:6px;flex-direction:row;gap:1rem;padding:1rem;display:flex}.props-panel[hidden]{display:none}.prop-picker{color:var(--text-alternate);flex-direction:row;align-items:center;gap:.5rem;display:flex;position:relative}.prop-picker-label{white-space:nowrap}.prop-picker-trigger{background:var(--bg-alternate);width:15rem;box-shadow:none;color:var(--text-primary);text-align:left;cursor:pointer;align-items:center;gap:.5rem;padding:.25rem .5rem .25rem .25rem;display:flex}.prop-picker-trigger:hover:not(:disabled),.prop-picker-trigger[aria-expanded=true]{border-color:var(--text-primary)}.prop-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.prop-picker-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.prop-picker-chevron{border-bottom:2px solid;border-right:2px solid;width:.4rem;height:.4rem;margin-right:.15rem;transition:transform .15s;transform:translateY(-25%)rotate(45deg)}.prop-picker-trigger[aria-expanded=true] .prop-picker-chevron{transform:translateY(25%)rotate(-135deg)}.prop-picker-thumb{border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.prop-picker-thumb img{object-fit:contain;width:100%;height:100%}.prop-picker-empty{border:2px solid var(--text-alternate);background:linear-gradient(45deg, transparent calc(50% - 1px), var(--text-alternate) calc(50% - 1px), var(--text-alternate) calc(50% + 1px), transparent calc(50% + 1px));opacity:.6;border-radius:50%;width:50%;height:50%}.prop-picker-popup{z-index:20;width:16rem;max-height:calc(100vh - var(--navigation-height) - 17rem);max-height:calc(100dvh - var(--navigation-height) - 17rem);border:1px solid var(--bg-tertiary);background:var(--bg-primary);border-radius:6px;outline:none;padding:.5rem;position:absolute;top:calc(100% + .25rem);right:0;overflow-y:auto;box-shadow:0 6px 16px #00000059}.prop-picker-popup[hidden]{display:none}.prop-picker-group{margin-top:.5rem}.prop-picker-group-label{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-alternate);text-align:center;margin:0 0 .25rem .15rem;padding:.5rem}.prop-picker-option{min-width:0;color:var(--text-primary);cursor:pointer;border:1px solid #0000;border-radius:4px;flex-direction:row;align-items:center;gap:.75rem;padding:.3rem .5rem;display:flex}.prop-picker-option .prop-picker-thumb{width:3.5rem;height:3.5rem}.prop-picker-option-name{overflow-wrap:anywhere;min-width:0}.prop-picker-option.active{background:var(--bg-alternate)}.prop-picker-option[aria-selected=true]{border-color:var(--text-primary)}@media (width<=48rem){#props-dock{left:.5rem;right:.5rem!important}.props-panel{flex-direction:column;flex:1;min-width:0}.prop-picker-trigger{width:min(15rem,100vw - 9rem)}.prop-picker-popup{width:min(22rem,100vw - 2rem);right:0}}