.roller-playground{--rp-max-width: 24rem;--rp-row-height: 1.75rem;--rp-margin: .25rem;--rp-font-size-input: 1rem;--rp-font-size-desc: .7rem;--rp-font-size-ui: .95rem;--rp-font-size-expand: .8rem;position:relative;max-width:var(--rp-max-width);width:100%}.roller-playground--size-m{--rp-max-width: 32rem;--rp-row-height: 2.5rem;--rp-margin: .375rem;--rp-font-size-input: 1.1rem;--rp-font-size-desc: .85rem;--rp-font-size-ui: 1.05rem;--rp-font-size-expand: .9rem}.roller-playground--size-l{--rp-max-width: 100%;--rp-row-height: 3rem;--rp-margin: .5rem;--rp-font-size-input: 1.25rem;--rp-font-size-desc: .9rem;--rp-font-size-ui: 1.15rem;--rp-font-size-expand: 1rem}.roller-playground-shell{position:relative;display:flex;flex-direction:column;background:#0d1117;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;box-sizing:border-box;transition:border-color .15s ease;overflow:visible}@media(prefers-color-scheme:light){.roller-playground-shell{background:#f6f8fa;border-color:#0000001f}}[data-theme=light] .roller-playground-shell{background:#f6f8fa;border-color:#0000001f}.roller-playground-row{display:flex;align-items:stretch;height:var(--rp-row-height)}.roller-playground-desc-row{border-top:1px solid rgba(255,255,255,.1);padding:.25rem .5rem;margin-top:0;min-height:var(--rp-row-height);font-family:Menlo,Consolas,Monaco,monospace;font-size:var(--rp-font-size-desc);line-height:1.4;display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-sizing:border-box}@media(prefers-color-scheme:light){.roller-playground-desc-row{border-top-color:#0000001a}}[data-theme=light] .roller-playground-desc-row{border-top-color:#0000001a}.roller-playground-shell--valid{border-color:#3b82f6}@media(prefers-color-scheme:light){.roller-playground-shell--valid{border-color:#4878c8}}[data-theme=light] .roller-playground-shell--valid{border-color:#4878c8}.roller-playground-shell--invalid{border-color:#f97583}.roller-playground-code-prefix,.roller-playground-code-suffix{font-family:Menlo,Consolas,Monaco,monospace;font-size:var(--rp-font-size-input);color:#e6edf399;display:flex;align-items:center;align-self:stretch;white-space:nowrap;user-select:none;flex-shrink:0;line-height:1;transition:color .15s ease}.roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-prefix,.roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-suffix{color:#e6edf3}@media(prefers-color-scheme:light){.roller-playground-code-prefix,.roller-playground-code-suffix{color:#1f232880}.roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-prefix,.roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-suffix{color:#1f2328}.roller-playground-code-fn{border-color:#1f232840}.roller-playground-code-fn:hover{border-color:#1f2328}}[data-theme=light] .roller-playground-code-prefix,[data-theme=light] .roller-playground-code-suffix{color:#1f232880}[data-theme=light] .roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-prefix,[data-theme=light] .roller-playground-code-wrap:has(.roller-playground-code-fn:hover) .roller-playground-code-suffix{color:#1f2328}[data-theme=light] .roller-playground-code-fn{border-color:#1f232840}[data-theme=light] .roller-playground-code-fn:hover{border-color:#1f2328}.roller-playground-code-wrap{flex:1;display:flex;align-items:stretch;min-width:0;padding:0 .5rem 0 var(--rp-margin)}.roller-playground-code-paren{color:#e6edf373}.roller-playground-code-str-delim{color:#98c379}@media(prefers-color-scheme:light){.roller-playground-code-paren{color:#1f232859}.roller-playground-code-str-delim{color:#417e38}}[data-theme=light] .roller-playground-code-paren{color:#1f232859}[data-theme=light] .roller-playground-code-str-delim{color:#417e38}.roller-playground-code-fn{display:inline-flex;align-items:center;align-self:stretch;padding:0 .4em;margin:var(--rp-margin) .1rem var(--rp-margin) 0;background:transparent;border:1.5px solid rgba(230,237,243,.2);border-radius:.35rem;color:#dcdcaa;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease;line-height:1;box-sizing:border-box}@media(prefers-color-scheme:light){.roller-playground-code-fn{color:#7a6800}}[data-theme=light] .roller-playground-code-fn{color:#7a6800}.roller-playground-code-fn:hover{border-color:#fff;background:#3b82f626}.roller-playground-input{padding:0;font-family:Menlo,Consolas,Monaco,monospace;font-size:var(--rp-font-size-input);line-height:1;background:transparent;border:none;outline:none;color:#98c379;caret-color:#3b82f6;box-sizing:border-box}@media(prefers-color-scheme:light){.roller-playground-input{color:#417e38;caret-color:#4878c8}}[data-theme=light] .roller-playground-input{color:#417e38;caret-color:#4878c8}.roller-playground-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffd9;border-radius:50%;animation:roller-spin .05s linear 0s 40}@keyframes roller-spin{to{transform:rotate(360deg)}}.roller-playground-desc--hint{color:#e6edf359}@media(prefers-color-scheme:light){.roller-playground-desc--hint{color:#1f232866}}[data-theme=light] .roller-playground-desc--hint{color:#1f232866}.roller-playground-desc--valid{color:#9ca3af}.roller-playground-desc--invalid{color:#f97583}.roller-playground-stackblitz{display:flex;align-items:center;gap:.25rem;margin:0;padding:.2rem .4rem;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:.25rem;color:#8b949e;font-family:system-ui,-apple-system,sans-serif;font-size:.65rem;font-weight:600;flex-shrink:0;cursor:pointer;transition:border-color .15s ease,color .15s ease;white-space:nowrap}.roller-playground-stackblitz:hover{border-color:#3b82f6;color:#3b82f6}@media(prefers-color-scheme:light){.roller-playground-stackblitz:hover{border-color:#4878c8;color:#4878c8}}[data-theme=light] .roller-playground-stackblitz:hover{border-color:#4878c8;color:#4878c8}.roller-playground-stackblitz-icon{width:.55rem;height:.55rem;fill:currentColor;flex-shrink:0}.roller-playground-chip{position:relative;display:flex;align-items:center;justify-content:center;padding:0 .5rem;margin:var(--rp-margin) var(--rp-margin) var(--rp-margin) .125rem;min-width:2ch;box-sizing:content-box;background:transparent;border:1.5px solid #3b82f6;border-radius:.35rem;font-family:Menlo,Consolas,Monaco,monospace;font-size:var(--rp-font-size-ui);font-weight:700;flex-shrink:0;transition:filter .15s ease;animation:chip-enter .2s cubic-bezier(.34,1.56,.64,1) both}.roller-playground-chip--empty{box-sizing:content-box;border-color:#ffffff1f;cursor:default;pointer-events:none;animation:none}@media(prefers-color-scheme:light){.roller-playground-chip--empty{border-color:#0000001f}}[data-theme=light] .roller-playground-chip--empty{border-color:#0000001f}@media(prefers-color-scheme:light){.roller-playground-chip{border-color:#4878c8}.roller-playground-chip-value,.roller-playground-chip-collapse{color:#1f2328}.roller-playground-chip-hint{color:#4878c8;background:#4878c81f}}[data-theme=light] .roller-playground-chip{border-color:#4878c8}[data-theme=light] .roller-playground-chip-value,[data-theme=light] .roller-playground-chip-collapse{color:#1f2328}[data-theme=light] .roller-playground-chip-hint{color:#4878c8;background:#4878c81f}.roller-playground-chip:not(.roller-playground-chip--empty){cursor:pointer;user-select:none}.roller-playground-chip:not(.roller-playground-chip--empty):hover{filter:brightness(1.1)}.roller-playground-chip-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#3b82f626;border-radius:inherit;color:#3b82f6;font-size:var(--rp-font-size-expand);opacity:0;transition:opacity .15s ease;pointer-events:none}.roller-playground-chip:not(.roller-playground-chip--empty):hover .roller-playground-chip-hint{opacity:1}@keyframes chip-enter{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.roller-playground-chip-value{color:#fff;transition:opacity .15s ease}.roller-playground-chip-value--hidden{opacity:0}.roller-playground-chip-collapse{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;pointer-events:none}.roller-playground-expand{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.roller-playground-expand--open{grid-template-rows:1fr}.roller-playground-expand-inner{overflow:hidden;min-height:0}.roller-playground-expand-content{padding:0 .5rem;border-top:1px solid rgba(255,255,255,.1);font-size:var(--rp-font-size-expand);font-family:system-ui,-apple-system,sans-serif;color:#e6edf3}@media(prefers-color-scheme:light){.roller-playground-expand-content{border-top-color:#0000001a;color:#1f2328}}[data-theme=light] .roller-playground-expand-content{border-top-color:#0000001a;color:#1f2328}.roller-playground-expand-total{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.3rem 0;border-bottom:1px solid rgba(255,255,255,.05);margin-top:.1rem;border-top:1.5px solid #3b82f6;background:transparent;font-weight:700;font-size:var(--rp-font-size-expand);font-family:system-ui,-apple-system,sans-serif;color:#e6edf3}@media(prefers-color-scheme:light){.roller-playground-expand-total{border-top-color:#4878c8;border-bottom-color:#0000001a;color:#1f2328}}[data-theme=light] .roller-playground-expand-total{border-top-color:#4878c8;border-bottom-color:#0000001a;color:#1f2328}.roller-playground-expand-total-chip{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .5rem;box-sizing:content-box;background:transparent;border:none;color:#fff;font-family:Menlo,Consolas,Monaco,monospace;font-size:var(--rp-font-size-expand);font-weight:700}@media(prefers-color-scheme:light){.roller-playground-expand-total-chip{color:#1f2328}}[data-theme=light] .roller-playground-expand-total-chip{color:#1f2328}.roller-tooltip-inner{background:transparent;padding:0}.roller-tooltip-notation{font-family:Menlo,Consolas,Monaco,monospace;font-weight:700;font-size:.9rem;color:#60a5fa;margin-bottom:.1rem}@media(prefers-color-scheme:light){.roller-tooltip-notation{color:#4878c8}}[data-theme=light] .roller-tooltip-notation{color:#4878c8}.roller-tooltip-desc{color:#6b7280;font-size:.75rem;margin-bottom:.25rem}.roller-tooltip-divider{height:1px;background:#ffffff1a;margin:.1rem 0}@media(prefers-color-scheme:light){.roller-tooltip-divider{background:#0000001a}}[data-theme=light] .roller-tooltip-divider{background:#0000001a}.roller-tooltip-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:.2rem 0;line-height:1.4}.roller-tooltip-row:nth-child(2n){background:#ffffff0d}@media(prefers-color-scheme:light){.roller-tooltip-row:nth-child(2n){background:#0000000a}}[data-theme=light] .roller-tooltip-row:nth-child(2n){background:#0000000a}.roller-tooltip-label{color:#9ca3af}.roller-tooltip-dice-group{display:flex;align-items:flex-start;gap:.2rem;flex-wrap:wrap;justify-content:flex-end;text-align:right}.roller-tooltip-dice{font-family:Menlo,Consolas,Monaco,monospace;letter-spacing:0;white-space:normal;word-break:break-word}.roller-tooltip-dice-sep{color:#ffffff1a;font-family:Menlo,Consolas,Monaco,monospace}.roller-tooltip-dice--removed{color:#ffffff4d;text-decoration:line-through;text-decoration-color:#9ca3af}.roller-tooltip-dice--added{color:#60a5fa}.roller-tooltip-dice--arithmetic{color:#60a5fa;font-weight:600}.roller-tooltip-row--final{padding-bottom:.3rem}.roller-tooltip-total{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.3rem 0 .05rem;border-top:1px solid rgba(255,255,255,.1);line-height:1;font-weight:700}@media(prefers-color-scheme:light){.roller-tooltip-total{border-top-color:#0000001a}}[data-theme=light] .roller-tooltip-total{border-top-color:#0000001a}@media(prefers-color-scheme:light){.roller-tooltip-label{color:#6b7280}.roller-tooltip-dice--removed{color:#00000059;text-decoration-color:#6b7280}.roller-tooltip-dice-sep{color:#0003}.roller-tooltip-dice--added,.roller-tooltip-dice--arithmetic{color:#4878c8}}[data-theme=light] .roller-tooltip-label{color:#6b7280}[data-theme=light] .roller-tooltip-dice--removed{color:#00000059;text-decoration-color:#6b7280}[data-theme=light] .roller-tooltip-dice-sep{color:#0003}[data-theme=light] .roller-tooltip-dice--added,[data-theme=light] .roller-tooltip-dice--arithmetic{color:#4878c8}.roller-playground-modifiers-wrap{position:relative;flex-shrink:0}.roller-playground-modifiers-tooltip{position:absolute;top:calc(100% + .35rem);right:0;z-index:10;min-width:16rem;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease}.roller-playground-modifiers-wrap:hover .roller-playground-modifiers-tooltip{opacity:1;pointer-events:auto;transform:translateY(0)}.roller-playground-btn-group{display:flex;align-items:center;gap:.375rem;flex-shrink:0;align-self:center}