/* A stationary ornamental shell with a bounded scrolling list. */
body .accessory-dialog[open]{display:flex;flex-direction:column;position:fixed;width:min(620px,92vw);height:min(760px,85dvh);max-height:85dvh;min-height:0;overflow:hidden!important;padding:28px!important;box-sizing:border-box}
.accessory-dialog .accessory-dialog-head{flex:0 0 auto;min-width:0;gap:12px;padding:0 4px 12px}
.accessory-dialog-head h2{min-width:0;overflow-wrap:anywhere}
.accessory-dialog-head [data-dismiss]{flex:none}
.accessory-dialog .accessory-options{flex:1 1 0;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;display:grid;grid-auto-rows:max-content;align-content:start;gap:12px;margin:8px 0 16px;padding:3px 6px;scrollbar-width:thin;scrollbar-color:#725b35 #000;box-sizing:border-box}
.accessory-dialog .accessory-option{width:100%;min-width:0;flex-shrink:0;box-sizing:border-box}
.accessory-dialog .accessory-option>span:not(.ui-clean-frame){min-width:0;overflow-wrap:anywhere}
.accessory-dialog .accessory-option>b{flex:none}
.accessory-dialog .accessory-option>small{flex:0 0 auto;white-space:nowrap}
.accessory-dialog>[data-remove]{flex:0 0 auto;align-self:center;max-width:100%;margin:0}
@media(max-width:480px){body .accessory-dialog[open]{padding:22px!important}.accessory-dialog .accessory-option{gap:10px;padding:14px 12px}.accessory-dialog .accessory-option>small{white-space:normal;max-width:64px}}