:root{--dice-color-bg:var(--color-white);--dice-color-border:var(--color-black);--dice-color-dot:var(--color-red-500);--dice-color-dot-border:var(--color-red-500)}.dice-icon{background-color:var(--dice-color-bg);border:2px solid var(--dice-color-border)}.dice-icon[data-state=disabled]{--dice-color-bg:var(--color-gray-400)}.dice-icon[data-state=disabled] .dice-dot{--dice-color-dot:var(--color-gray-200);--dice-color-dot-border:var(--color-gray-200)}.dice-icon[data-state=active]{box-shadow:0 0 0 2px white, 0 0 0 6px var(--color-red-700)}.dice-dot{background-color:var(--dice-color-dot);border:.1rem solid var(--dice-color-dot-border);width:23%;height:23%}.dice-icon[data-count="1"] .dice-dot,.dice-icon[data-count="3"] .dice-dot:nth-child(3),.dice-icon[data-count="5"] .dice-dot:nth-child(5){place-self:center}.dice-icon[data-count="2"] .dice-dot:first-child,.dice-icon[data-count="4"] .dice-dot:nth-child(3),.dice-icon[data-count="5"] .dice-dot:nth-child(3),.dice-icon[data-count="6"] .dice-dot:nth-child(3){top:10%;left:10%}.dice-icon[data-count="3"] .dice-dot:first-child,.dice-icon[data-count="4"] .dice-dot:first-child,.dice-icon[data-count="5"] .dice-dot:first-child,.dice-icon[data-count="6"] .dice-dot:first-child{top:10%;right:10%}.dice-icon[data-count="2"] .dice-dot:nth-child(2),.dice-icon[data-count="4"] .dice-dot:nth-child(4),.dice-icon[data-count="5"] .dice-dot:nth-child(4),.dice-icon[data-count="6"] .dice-dot:nth-child(4){bottom:10%;right:10%}.dice-icon[data-count="3"] .dice-dot:nth-child(2),.dice-icon[data-count="4"] .dice-dot:nth-child(2),.dice-icon[data-count="5"] .dice-dot:nth-child(2),.dice-icon[data-count="6"] .dice-dot:nth-child(2){bottom:10%;left:10%}.dice-icon[data-count="6"] .dice-dot:nth-child(5){align-self:center;left:10%}.dice-icon[data-count="6"] .dice-dot:nth-child(6){align-self:center;right:10%}