@layer component{.XA5OuW_DiceRoller{gap:var(--space-5);display:grid}.XA5OuW_DiceRoller .XA5OuW_roll,.XA5OuW_DiceRoller .XA5OuW_coins{align-items:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}:is(.XA5OuW_DiceRoller .XA5OuW_roll,.XA5OuW_DiceRoller .XA5OuW_coins)>button{margin-block-start:calc(var(--size-control-sm) + var(--space-2))}.XA5OuW_DiceRoller .XA5OuW_coins{grid-template-columns:8rem auto}.XA5OuW_DiceRoller .XA5OuW_quick{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.XA5OuW_DiceRoller legend{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-block-end:var(--space-2)}.XA5OuW_DiceRoller h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.XA5OuW_DiceRoller .XA5OuW_outcome{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-surface);display:grid}.XA5OuW_DiceRoller .XA5OuW_total{align-items:center;gap:var(--space-3);display:flex}.XA5OuW_DiceRoller .XA5OuW_total output{font-family:var(--font-family-mono);font-size:var(--font-size-2xl);font-variant-numeric:tabular-nums;text-align:end;flex:1}.XA5OuW_DiceRoller .XA5OuW_terms{gap:var(--space-2);padding:0;list-style:none;display:grid}.XA5OuW_DiceRoller .XA5OuW_terms li{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.XA5OuW_DiceRoller .XA5OuW_term{min-inline-size:6rem;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.XA5OuW_DiceRoller .XA5OuW_dice{gap:var(--space-1);flex-wrap:wrap;display:flex}.XA5OuW_DiceRoller .XA5OuW_dice code{min-inline-size:var(--size-control-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);text-align:center}.XA5OuW_DiceRoller .XA5OuW_dice code[data-dropped]{color:var(--color-text-tertiary);border-style:dashed;text-decoration:line-through}.XA5OuW_DiceRoller code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}.XA5OuW_DiceRoller .XA5OuW_subtotal{font-family:var(--font-family-mono);font-size:var(--font-size-sm);margin-inline-start:auto}.XA5OuW_DiceRoller .XA5OuW_sides{font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-wrap:anywhere}.XA5OuW_DiceRoller .XA5OuW_history{gap:var(--space-2);display:grid}.XA5OuW_DiceRoller .XA5OuW_history ol{padding:0;list-style:none;display:grid}.XA5OuW_DiceRoller .XA5OuW_history li{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-1);font-size:var(--font-size-sm);display:flex}.XA5OuW_DiceRoller .XA5OuW_history li+li{border-block-start:1px solid var(--color-border-subtle)}.XA5OuW_DiceRoller .XA5OuW_history li span{color:var(--color-text-secondary)}.XA5OuW_DiceRoller .XA5OuW_historyHeader{justify-content:space-between;align-items:center;display:flex}}