.du-notation-roller{width:100%;max-width:100%;position:relative}.du-notation-roller-shell{border-radius:var(--dui-radius,5px);box-sizing:border-box;background:0 0;border:none;flex-direction:column;display:flex;position:relative;overflow:visible}.du-notation-roller-row{background:var(--dui-color-surface,#222228);border-radius:var(--dui-radius,5px);box-sizing:border-box;border:1px solid #ffffff1f;align-items:center;height:3rem;transition:border-color .15s;display:flex}@media (prefers-color-scheme:light){.du-notation-roller-row{background:#eeeef0;border-color:#0000001a}}[data-theme=light] .du-notation-roller-row{background:#eeeef0;border-color:#0000001a}.du-notation-roller-shell--valid .du-notation-roller-row{border-color:var(--dui-color-accent,#a855f7)}@media (prefers-color-scheme:light){.du-notation-roller-shell--valid .du-notation-roller-row{border-color:#7c3aed}}[data-theme=light] .du-notation-roller-shell--valid .du-notation-roller-row{border-color:#9333ea}.du-notation-roller-shell--invalid .du-notation-roller-row{border-color:#f97583}.du-notation-roller-input-wrap{align-items:center;width:100%;min-width:0;padding:0 .75rem;display:flex;position:relative;overflow:hidden}.du-nr-input-wrap{min-width:0;font-family:var(--dui-font-mono,"Menlo", "Consolas", "Monaco", monospace);letter-spacing:0;font-kerning:none;flex:1;font-size:1.25rem;line-height:1;position:relative;overflow:hidden}.du-notation-roller-input{font-family:var(--dui-font-mono,"Menlo", "Consolas", "Monaco", monospace);letter-spacing:0;font-kerning:none;color:#98c379;caret-color:var(--dui-color-accent,#a855f7);box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-width:0;padding:0;font-size:1.25rem;line-height:1}.du-notation-roller-input--highlight{color:#0000}@media (prefers-color-scheme:light){.du-notation-roller-input{color:#417e38;caret-color:#7c3aed}}[data-theme=light] .du-notation-roller-input{color:#417e38;caret-color:#7c3aed}.du-notation-roller-buttons{flex-shrink:0;justify-content:center;align-items:center;margin-right:.5rem;display:flex}.du-notation-roller-roll-btn{background:var(--dui-color-accent,#a855f7);border-radius:var(--dui-radius,5px);color:#fff;height:1.75rem;font-family:var(--dui-font-mono,monospace);letter-spacing:.1em;cursor:pointer;box-sizing:border-box;white-space:nowrap;border:none;justify-content:center;align-items:center;padding:0 .75rem;font-size:.65rem;font-weight:700;line-height:1;transition:background .15s,opacity .15s;display:inline-flex}.du-notation-roller-roll-btn:hover{background:#9333ea}.du-notation-roller-roll-btn:disabled{opacity:.4;cursor:default}.du-notation-roller-roll-btn:disabled:hover{background:var(--dui-color-accent,#a855f7)}.du-notation-roller-desc-row{min-height:0;font-family:var(--dui-font-mono,"Menlo", "Consolas", "Monaco", monospace);box-sizing:border-box;background:0 0;border-top:none;justify-content:flex-start;align-items:flex-start;gap:.75rem;padding:.35rem .5rem .5rem;font-size:.7rem;line-height:1.4;display:flex}.du-notation-roller-desc{text-align:left;flex:1}.du-notation-roller-desc--hint{color:#e6edf359}@media (prefers-color-scheme:light){.du-notation-roller-desc--hint{color:#1f232880}}[data-theme=light] .du-notation-roller-desc--hint{color:#1f232880}.du-notation-roller-desc--valid{color:#9ca3af}@media (prefers-color-scheme:light){.du-notation-roller-desc--valid{color:#52525b}}[data-theme=light] .du-notation-roller-desc--valid{color:#52525b}.du-notation-roller-desc--invalid{color:#f97583}.du-nr-desc-chip{border-radius:var(--dui-radius,5px);cursor:default;-webkit-user-select:none;user-select:none;color:var(--chip-color,inherit);padding:.05em .25em;font-size:.7rem;line-height:1.5;transition:color .15s,opacity .12s}.du-nr-desc-chip--dim{opacity:.35}.du-nr-desc-sep{opacity:.5;-webkit-user-select:none;user-select:none;font-size:.7rem;transition:opacity .12s}.du-nr-desc-sep--dim{opacity:.2}.du-notation-roller-result-overlay{z-index:50;background:var(--dui-color-surface,#18181b);border-radius:var(--dui-radius,5px);border:1.5px solid var(--dui-color-accent,#a855f7);width:66.67%;max-height:200%;font-family:var(--dui-font-mono,"Menlo", "Consolas", "Monaco", monospace);pointer-events:auto;padding:.5rem;font-size:.75rem;animation:.3s cubic-bezier(.34,1.56,.64,1) du-nr-tooltip-in;display:block;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}.du-notation-roller-result-backdrop{z-index:49;backdrop-filter:blur(4px);border-radius:var(--dui-radius,5px);pointer-events:auto;background:#0000004d;animation:.2s du-nr-backdrop-in;position:absolute;inset:0}.du-nr-tooltip-close{float:right;color:#71717a;cursor:pointer;background:0 0;border:none;margin:0 0 .25rem .25rem;padding:.1rem .25rem;font-size:1rem;line-height:1;transition:color .15s}.du-nr-tooltip-close:hover{color:#e4e4e7}@keyframes du-nr-tooltip-in{0%{opacity:0;filter:blur(4px);transform:translate(-50%,-50%)scale(.85)}60%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes du-nr-backdrop-in{0%{opacity:0}to{opacity:1}}.du-nr-tooltip-flow{width:100%}.du-nr-tooltip-total-pane{float:left;border-radius:var(--dui-radius,5px);border:1px solid #a855f766;justify-content:center;align-items:center;min-width:2ch;margin:.5rem;padding:.5rem .75rem;display:flex}.du-nr-tooltip-total-value{font-family:var(--dui-font-mono,"Menlo", "Consolas", "Monaco", monospace);color:var(--dui-color-text,#fff);font-size:1.75rem;font-weight:700;line-height:1}.du-nr-tooltip-rows{display:block}.du-nr-tooltip-rows>*{justify-content:space-between;align-items:baseline;gap:var(--dui-space-sm,.5rem);padding:var(--dui-space-xs,.25rem) var(--dui-space-xs,.25rem);display:flex}.du-nr-tooltip-rows>:not(.du-nr-tooltip-header-line):nth-child(odd){background:#ffffff0a}@media (prefers-color-scheme:light){.du-nr-tooltip-rows>:not(.du-nr-tooltip-header-line):nth-child(odd){background:#0000000a}}[data-theme=light] .du-nr-tooltip-rows>:not(.du-nr-tooltip-header-line):nth-child(odd){background:#0000000a}.du-nr-tooltip-row{justify-content:space-between;align-items:baseline;gap:.25rem;display:flex}.du-nr-tooltip-header-line{border-bottom:1px solid #ffffff1a;flex-wrap:wrap;margin-bottom:.15rem;padding-bottom:.35rem}@media (prefers-color-scheme:light){.du-nr-tooltip-header-line{border-bottom-color:#0000001a}}[data-theme=light] .du-nr-tooltip-header-line{border-bottom-color:#0000001a}.du-nr-tooltip-notation{color:var(--dui-color-accent,#a855f7);white-space:nowrap;font-weight:700}.du-nr-tooltip-sep{color:#3f3f46}.du-nr-tooltip-desc{color:var(--dui-color-text-dim,#71717a);font-size:.65rem}.du-nr-tooltip-row--total{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:.15rem;padding-top:.35rem}@media (prefers-color-scheme:light){.du-nr-tooltip-row--total{border-top-color:#0000001a}.du-nr-tooltip-total-pane{border-color:#9333ea4d}.du-nr-tooltip-total-value{color:#18181b}}[data-theme=light] .du-nr-tooltip-row--total{border-top-color:#0000001a}[data-theme=light] .du-nr-tooltip-total-pane{border-color:#9333ea4d}[data-theme=light] .du-nr-tooltip-total-value{color:#18181b}.du-nr-result-label--total,.du-nr-result-dice--total{font-weight:700}@media (prefers-color-scheme:light){.du-nr-result-label--total,.du-nr-result-dice--total{color:#18181b}.du-notation-roller-result-overlay{background:#eeeef0;border-color:#7c3aed;box-shadow:0 8px 32px #0000001f}.du-notation-roller-result-backdrop{background:#ffffff4d}.du-nr-tooltip-close:hover{color:#27272a}}[data-theme=light] .du-nr-result-label--total,[data-theme=light] .du-nr-result-dice--total{color:#18181b}[data-theme=light] .du-notation-roller-result-overlay{background:#eeeef0;border-color:#9333ea;box-shadow:0 8px 32px #0000001f}[data-theme=light] .du-nr-tooltip-close:hover{color:#27272a}