.dice-roll{grid-template-columns:repeat(1,minmax(0,1fr));align-items:flex-start;gap:1.25rem;display:grid}@media (min-width:640px){.dice-roll{gap:1.5rem}}@media (min-width:1024px){.dice-roll{grid-template-columns:repeat(12,minmax(0,1fr))}}.dice-roll__main{width:100%}.dice-roll__main>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.dice-roll__main{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.dice-roll__main:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.dice-roll__main{padding:1.75rem}}@media (min-width:1024px){.dice-roll__main{grid-column:span 7/span 7}}.dice-roll__head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:1rem;display:flex}.dice-roll__head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.dice-roll__title{font-size:calc(1.25rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-weight:900;line-height:1.75rem;display:flex}.dice-roll__title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__title{font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.dice-roll__title-icon{--tw-text-opacity:1;color:rgb(14 165 233/var(--tw-text-opacity,1))}.dice-roll__title-icon:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dice-roll__lead{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));margin:.125rem 0 0;line-height:1rem}.dice-roll__lead:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.dice-roll__sound{cursor:pointer;border-width:1px;border-color:rgb(var(--palette-slate-200) / .7);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));width:2.25rem;height:2.25rem;font-size:calc(17px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1));border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.dice-roll__sound:hover{--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1))}.dice-roll__sound:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));background-color:rgb(var(--palette-slate-800) / .8);--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1))}.dice-roll__sound:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__sound--on{--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1))}.dice-roll__sound--on:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1))}.dice-roll__count{-moz-column-gap:1rem;border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;flex-wrap:wrap;align-items:center;gap:.625rem 1rem;padding:1rem;display:flex}.dice-roll__count:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .4)}.dice-roll__count-label{font-size:calc(12px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));font-weight:700}.dice-roll__count-label:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__stepper{align-items:center;gap:.375rem;display:flex}.dice-roll__step{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:2rem;height:2rem;font-size:calc(15px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));border-radius:.5rem;justify-content:center;align-items:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.dice-roll__step:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1))}.dice-roll__step:disabled{cursor:not-allowed;opacity:.4}.dice-roll__step:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-700) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__step:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1))}.dice-roll__count-value{text-align:center;min-width:3.25rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(1rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-weight:900;line-height:1.5rem}.dice-roll__count-value:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__presets{flex-wrap:wrap;gap:.375rem;display:flex}@media (min-width:640px){.dice-roll__presets{margin-left:auto}}.dice-roll__preset{cursor:pointer;font-size:calc(.75rem * var(--site-font-scale,1));border-radius:.5rem;padding:.25rem .625rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dice-roll__preset:disabled{cursor:not-allowed;opacity:.5}.dice-roll__preset--off{background-color:rgb(var(--palette-slate-200) / .7);--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1))}.dice-roll__preset--off:hover{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-200) / var(--tw-bg-opacity,1))}.dice-roll__preset--off:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-800) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__preset--off:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-700) / var(--tw-bg-opacity,1))}.dice-roll__preset--on{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__stage{background-image:linear-gradient(to bottom, var(--tw-gradient-stops));--tw-gradient-from:#f0f9ffb3 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-indigo-50) / .4) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-slate-50) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);text-align:center;--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);min-height:260px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-width:1px;border-color:#bae6fd99;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2.5rem 1rem;display:flex;overflow:hidden}.dice-roll__stage:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-gradient-from:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-slate-950) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-slate-900) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to)}@media (min-width:640px){.dice-roll__stage{padding-top:3rem;padding-bottom:3rem}}.dice-roll__dice{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;max-width:100%;display:flex}@media (min-width:640px){.dice-roll__dice{gap:1rem}}.dice-roll__canvas{width:100%;height:15rem;margin-top:-1rem;margin-bottom:-1rem;display:block}@media (min-width:640px){.dice-roll__canvas{height:20rem;margin-top:-1.5rem;margin-bottom:-1.5rem}}.dice-roll__die{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);width:4rem;height:4rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:rgb(var(--palette-slate-900) / .1);border-radius:1rem;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.625rem;display:grid}.dice-roll__die:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-300) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-100) / var(--tw-bg-opacity,1));--tw-shadow-color:#0006;--tw-shadow:var(--tw-shadow-colored)}@media (min-width:640px){.dice-roll__die{gap:.375rem;width:5rem;height:5rem;padding:.75rem}}.dice-roll__die--rolling{animation:.45s ease-in-out infinite dice-roll-tumble}@media (prefers-reduced-motion:reduce){.dice-roll__die--rolling{animation:none}}.dice-roll__pip{aspect-ratio:1;border-radius:9999px;align-self:center;width:100%;display:block}.dice-roll__pip--on{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}.dice-roll__die--ace .dice-roll__pip--on{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-600) / var(--tw-bg-opacity,1))}.dice-roll__summary{-moz-column-gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;min-height:2.75rem;display:flex}.dice-roll__hint{font-size:calc(.75rem * var(--site-font-scale,1));text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1));font-weight:700;line-height:1rem}.dice-roll__hint:is(.dark *){--tw-text-opacity:1;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dice-roll__eyes{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(1.125rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-700) / var(--tw-text-opacity,1));font-weight:900;line-height:1.75rem}.dice-roll__eyes:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-200) / var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__eyes{font-size:calc(1.25rem * var(--site-font-scale,1));line-height:1.75rem}}.dice-roll__sum{--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.75rem;align-items:baseline;gap:.25rem;padding:.25rem .75rem;font-weight:700;line-height:1.25rem;display:inline-flex}.dice-roll__sum:is(.dark *){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1))}.dice-roll__sum b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(1.5rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);font-weight:900;line-height:2rem}@media (min-width:640px){.dice-roll__sum b{font-size:calc(1.875rem * var(--site-font-scale,1));line-height:2.25rem}}.dice-roll__parity{min-width:2.5rem;height:2.5rem;font-size:calc(1.25rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.75rem;justify-content:center;align-items:center;padding-left:.75rem;padding-right:.75rem;font-weight:900;line-height:1.75rem;display:inline-flex}@media (min-width:640px){.dice-roll__parity{height:2.75rem;font-size:calc(1.5rem * var(--site-font-scale,1));line-height:2rem}}.dice-roll__parity--odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1));--tw-shadow-color:rgb(var(--palette-rose-500) / .3);--tw-shadow:var(--tw-shadow-colored)}.dice-roll__parity--even{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1));--tw-shadow-color:#0ea5e94d;--tw-shadow:var(--tw-shadow-colored)}.dice-roll__roll{cursor:pointer;background-image:linear-gradient(to right, var(--tw-gradient-stops));--tw-gradient-from:#0ea5e9 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-500) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(var(--palette-indigo-500) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to);width:100%;font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:var(--tw-shadow-colored);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);--tw-shadow-color:#0ea5e940;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 2rem;font-weight:900;line-height:1.25rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.dice-roll__roll:hover{--tw-gradient-from:#0284c7 var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--palette-violet-600) / 1) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.dice-roll__roll:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dice-roll__roll:disabled{cursor:not-allowed;opacity:.6}@media (min-width:640px){.dice-roll__roll{width:auto;font-size:calc(1rem * var(--site-font-scale,1));padding:1rem 3rem;line-height:1.5rem}}.dice-roll__history{width:100%}.dice-roll__history>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.dice-roll__history{border-width:1px;border-color:rgb(var(--palette-slate-200) / .8);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:1.5rem;padding:1.25rem}.dice-roll__history:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1))}@media (min-width:640px){.dice-roll__history{padding:1.5rem}}@media (min-width:1024px){.dice-roll__history{grid-column:span 5/span 5}}.dice-roll__history-head{--tw-border-opacity:1;border-bottom-width:1px;border-color:rgb(var(--palette-slate-100) / var(--tw-border-opacity,1));justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.75rem;display:flex}.dice-roll__history-head:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-800) / var(--tw-border-opacity,1))}.dice-roll__history-title{font-size:calc(.875rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));align-items:center;gap:.5rem;margin:0;font-weight:800;line-height:1.25rem;display:flex}.dice-roll__history-title:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){.dice-roll__history-title{font-size:calc(1rem * var(--site-font-scale,1));line-height:1.5rem}}.dice-roll__tally{font-size:calc(11px * var(--site-font-scale,1));align-items:center;gap:.375rem;font-weight:700;display:flex}.dice-roll__tally-odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-50) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-rose-600) / var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem}.dice-roll__tally-odd:is(.dark *){background-color:rgb(var(--palette-rose-500) / .15);--tw-text-opacity:1;color:rgb(var(--palette-rose-300) / var(--tw-text-opacity,1))}.dice-roll__tally-even{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(2 132 199/var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem}.dice-roll__tally-even:is(.dark *){--tw-text-opacity:1;color:rgb(125 211 252/var(--tw-text-opacity,1));background-color:#0ea5e926}.dice-roll__history-clear{cursor:pointer;font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));font-weight:700;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dice-roll__history-clear:hover{--tw-text-opacity:1;color:rgb(var(--palette-rose-500) / var(--tw-text-opacity,1))}.dice-roll__history-empty{text-align:center;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));margin:0;padding-top:4rem;padding-bottom:4rem;line-height:1rem}.dice-roll__history-empty:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-500) / var(--tw-text-opacity,1))}.dice-roll__history-list{max-height:500px;margin:0;list-style-type:none}.dice-roll__history-list>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.625rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem * var(--tw-space-y-reverse))}.dice-roll__history-list{scrollbar-width:thin;padding:0 .25rem 0 0;overflow-y:auto}.dice-roll__history-item{border-width:1px;border-color:rgb(var(--palette-slate-200) / .6);--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-50) / var(--tw-bg-opacity,1));border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dice-roll__history-item:is(.dark *){border-color:rgb(var(--palette-slate-700) / .6);background-color:rgb(var(--palette-slate-800) / .6)}.dice-roll__history-body{min-width:0}.dice-roll__history-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.dice-roll__history-meta{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(10px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-400) / var(--tw-text-opacity,1));align-items:center;gap:.375rem;display:flex}.dice-roll__history-values{flex-wrap:wrap;gap:.25rem;display:flex}.dice-roll__history-value{--tw-border-opacity:1;border-width:1px;border-color:rgb(var(--palette-slate-200) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));width:1.5rem;height:1.5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-800) / var(--tw-text-opacity,1));border-radius:.375rem;justify-content:center;align-items:center;font-weight:900;line-height:1rem;display:flex}.dice-roll__history-value:is(.dark *){--tw-border-opacity:1;border-color:rgb(var(--palette-slate-600) / var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(var(--palette-slate-900) / var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-100) / var(--tw-text-opacity,1))}.dice-roll__history-result{font-size:calc(.75rem * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(var(--palette-slate-600) / var(--tw-text-opacity,1));flex-shrink:0;align-items:center;gap:.375rem;font-weight:700;line-height:1rem;display:flex}.dice-roll__history-result:is(.dark *){--tw-text-opacity:1;color:rgb(var(--palette-slate-300) / var(--tw-text-opacity,1))}.dice-roll__history-result b{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:calc(.875rem * var(--site-font-scale,1));--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);--tw-text-opacity:1;color:rgb(var(--palette-slate-900) / var(--tw-text-opacity,1));font-weight:900;line-height:1.25rem}.dice-roll__history-result b:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dice-roll__history-parity{font-size:calc(11px * var(--site-font-scale,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.375rem;padding:.125rem .375rem;font-weight:900}.dice-roll__history-parity--odd{--tw-bg-opacity:1;background-color:rgb(var(--palette-rose-500) / var(--tw-bg-opacity,1))}.dice-roll__history-parity--even{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}@keyframes dice-roll-tumble{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-10px)rotate(-14deg)}50%{transform:translateY(0)rotate(8deg)}75%{transform:translateY(-6px)rotate(16deg)}to{transform:translateY(0)rotate(0)}}