.die-container{position:relative;transition:transform .3s ease}.die-wrapper{transform-style:preserve-3d;display:inline-block;margin:8px}.die{border-radius:15%;box-shadow:0 6px 10px #0000004d,inset 0 -2px 5px #0003,inset 0 2px 5px #fff3;overflow:hidden;position:relative}.die:before{background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.05}.die:after,.die:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.die:after{background:linear-gradient(135deg,#fff3,#fff0 50%,#0000001a)}.d10-shape,.d100-shape,.d12-shape,.d20-shape,.d4-shape,.d6-shape,.d8-shape{border-radius:15%}.die-dot{fill:currentColor;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}@keyframes diceRoll{0%{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}25%{transform:rotateX(90deg) rotateY(180deg) rotate(45deg)}50%{transform:rotateX(270deg) rotateY(90deg) rotate(135deg)}75%{transform:rotateX(180deg) rotateY(270deg) rotate(225deg)}to{transform:rotateX(1turn) rotateY(1turn) rotate(315deg)}}.dice-rolling{animation:diceRoll 1.5s ease-in-out}.perspective-800{perspective:800px;perspective-origin:50%}.die-wrapper:hover{transform:translateY(-5px) scale(1.05);transition:transform .3s ease}
/*# sourceMappingURL=cfca8185cc3e71f7.css.map*/