.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:focus-visible{outline:2px solid var(--dui-color-accent,#a855f7);outline-offset:2px}.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-roll-btn:focus-visible{outline:2px solid var(--dui-color-accent,#a855f7);outline-offset:2px}.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:#e6edf38c}@media (prefers-color-scheme:light){.du-notation-roller-desc--hint{color:#1f2328a6}}[data-theme=light] .du-notation-roller-desc--hint{color:#1f2328a6}.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;display:block;position:absolute;top:50%;left:50%;overflow:hidden auto;transform:translate(-50%,-50%);box-shadow:0 8px 32px #00000080}@media (prefers-reduced-motion:no-preference){.du-notation-roller-result-overlay{animation:.3s cubic-bezier(.34,1.56,.64,1) du-nr-tooltip-in}}@media (prefers-reduced-motion:reduce){.du-notation-roller-result-overlay{animation:none}}.du-notation-roller-result-backdrop{z-index:49;backdrop-filter:blur(4px);border-radius:var(--dui-radius,5px);pointer-events:auto;background:#0000004d;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.du-notation-roller-result-backdrop{animation:.2s du-nr-backdrop-in}}@media (prefers-reduced-motion:reduce){.du-notation-roller-result-backdrop{animation:none}}.du-nr-tooltip-close{top:var(--dui-space-sm,.5rem);right:var(--dui-space-sm,.5rem);color:#8a8a93;cursor:pointer;z-index:1;background:0 0;border:none;padding:.1rem .25rem;font-size:1rem;line-height:1;transition:color .15s;position:absolute}.du-nr-tooltip-close:hover{color:#e4e4e7}.du-nr-tooltip-close:focus-visible{outline:2px solid var(--dui-color-accent,#a855f7);outline-offset:2px}@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%;font-family:var(--dui-font-mono,"JetBrains Mono", ui-monospace, monospace);position:relative}.du-nr-tooltip-total-pane{float:left;min-width:2ch;margin:var(--dui-space-md,1rem);margin-right:var(--dui-space-sm,.5rem);border-radius:var(--dui-radius,5px);border:1px solid #a855f766;justify-content:center;align-items:center;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-md,1rem);font-size:.75rem;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;gap:.35rem;margin-bottom:.15rem;padding-bottom:.35rem;font-size:.8rem}@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;display:none}.du-nr-tooltip-desc{color:var(--dui-color-text-dim,#71717a);font-size:inherit}.du-nr-tooltip-row--total{padding:.35rem var(--dui-space-md,1rem) var(--dui-space-xs,.25rem);background:#ffffff0a;border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:.15rem;font-size:.85rem}@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{background:#0000000a;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}