/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset{margin:0;padding:0}ol,ul{list-style:none;margin:0;padding:0}html{font-family:sporting-grotesque,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}@font-face{font-family:sporting-grotesque;src:url(/fonts/Sporting_Grotesque-Bold_web.woff2) format("woff2"),url(/fonts/Sporting_Grotesque-Bold_web.woff) format("woff")}:focus,button:focus{outline:0!important}body{background-color:#fff8f5}#rollDice,.chooseDice,.resultDisplay{--base-hue:20;--base-sat:100%;--base-light:96%;--highlight-opacity:100%;--shadow-opacity:0.15;--btn-text-shadow:1px 2px 1px hsla(0, 0%, 100%, var(--highlight-opacity));--btn-top-shadow:inset -3px -3px 6px hsla(
        calc(var(--base-hue) - 12),
        calc(var(--base-sat) - 12%),
        38%,
        calc(var(--shadow-opacity) - 0.04)
      ),inset 3px 3px 3px hsla(0, 0%, 100%, calc(var(--highlight-opacity) - 26%)),inset 0px -1px 1px hsla(calc(var(--base-hue) - 12), calc(var(--base-sat) -
            3%), calc(var(--base-light) - 31%), 0.25),inset 0px 0px 1px 2px hsl(
        calc(var(--base-hue) - 10),
        calc(var(--base-sat) - 6%),
        calc(var(--base-light) - 7%)
      );--btn-side-shadow:0px 2px 4px hsla(
        calc(var(--base-hue) - 12),
        var(--base-sat),
        calc(var(--base-light) - 70%),
        var(--shadow-opacity)
      ),2px 0px 8px hsla(
        calc(var(--base-hue) - 12),
        var(--base-sat),
        calc(var(--base-light) - 74%),
        var(--shadow-opacity)
      ),inset -3px -3px 6px hsla(
        calc(var(--base-hue) - 12),
        calc(var(--base-sat) - 12%),
        calc(var(--base-light) - 68%),
        calc(var(--shadow-opacity) - 0.04)
      ),inset 3px 3px 3px hsla(calc(var(--base-hue) - 11), 0%, 100%, 0.43),inset 0px -1px 0px 0px hsla(calc(var(--base-hue) - 12), calc(var(--base-sat) -
            3%), calc(var(--base-light) - 31%), 20%);--btn-inset-shadow:-1px 2px 1px hsla(0, 0%, 100%, var(--highlight-opacity)),inset 0px 3px 4px hsla(
        calc(var(--base-hue) - 20),
        calc(var(--base-sat) - 23%),
        calc(var(--base-light) - 52%),
        0.15
      );--body-bg-clr:hsl(
    var(--base-hue),
    var(--base-sat),
    calc(var(--base-light) + 2%)
  );--btn-text-clr:hsl(
    calc(var(--base-hue) - 12),
    calc(var(--base-sat) - 3%),
    calc(var(--base-light) - 24%)
  );--btn-top-clr:hsl(var(--base-hue), var(--base-sat), var(--base-light));--btn-side-clr:hsl(
    calc(var(--base-hue) - 6),
    calc(var(--base-sat) - 12%),
    calc(var(--base-light) - 11%)
  );--btn-inset-clr:hsl(
    calc(var(--base-hue) - 9),
    var(--base-sat),
    calc(var(--base-light) - 2%)
  )}#rollDice{--base-hue:43;--base-light:90%;--base-sat:100%;--highlight-opacity:100%;--btn-text-clr:hsl(
    calc(var(--base-hue) - 15),
    calc(var(--base-sat) - 20%),
    calc(var(--base-light) - 30%)
  );--btn-top-clr:hsl(
    var(--base-hue),
    var(--base-sat),
    calc(var(--base-light) + 4%)
  )}#rollDice .btnTop:hover,input[type=radio]:hover+label .btnTop{transform:translateY(2px)}#rollDice .btnTop.active,#rollDice .btnTop:active,input[type=radio]:active+label .btnTop,input[type=radio]:checked+label .btnTop{transform:translateY(10px)}input[type=radio]:active+label,input[type=radio]:checked+label{--btn-top-clr:hsl(
    calc(var(--base-hue) - 2),
    var(--base-sat),
    calc(var(--base-light) - 2%)
  );--highlight-opacity:60%;--btn-text-clr:hsl(
    calc(var(--base-hue) - 10),
    calc(var(--base-sat) - 30%),
    calc(var(--base-light) - 30%)
  )}#rollDice button.active,#rollDice button:active{--btn-top-clr:hsl(
    calc(var(--base-hue) - 2),
    var(--base-sat),
    var(--base-light)
  );--highlight-opacity:75%;--btn-text-clr:hsl(
    calc(var(--base-hue) - 15),
    calc(var(--base-sat) - 50%),
    calc(var(--base-light) - 40%)
  )}#rollDice .btnTop:disabled{transform:none;pointer-events:none}.btnSide{background-color:var(--btn-side-clr);box-shadow:var(--btn-side-shadow)}.btnSide::before{position:absolute;border-radius:1.75rem;background-color:var(--btn-inset-clr);box-shadow:var(--btn-inset-shadow);content:"";top:2px;left:-6px;right:-6px;bottom:-6px;z-index:-1}.btnTop{background-color:var(--btn-top-clr);box-shadow:var(--btn-top-shadow);color:var(--btn-text-clr);text-shadow:var(--btn-text-shadow);transition-property:background-color,box-shadow,color,transform;transition-duration:.3s,.3s,.3s,250ms;transition-timing-function:cubic-bezier(.2,.8,.2,1),cubic-bezier(.2,.8,.2,1),cubic-bezier(.2,.8,.2,1),cubic-bezier(.24,0,.31,1.75);bottom:10px;top:-10px}.resultDisplay{--base-hue:20;--base-sat:90%;--base-light:96%;--shadow-opacity:0.05;background-color:var(--btn-inset-clr);background-color:hsl(calc(var(--base-hue) - 2),var(--base-sat),var(--base-light));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.25),inset 1px 3px 10px -2px hsla(calc(var(--base-hue) - 2),var(--base-sat),47%,.32),inset 0 0 0 2px hsla(calc(var(--base-hue) - 8),var(--base-sat),96%,.15),inset 1px 1px 0 hsla(calc(var(--base-hue) - 2),var(--base-sat),76%,.5);--text-opacity:1;color:#f06f5c;color:rgba(240,111,92,var(--text-opacity))}.resultDisplay::after{position:absolute;border-radius:36px;background:var(--btn-side-clr);box-shadow:var(--btn-side-shadow);content:"";top:0;bottom:-24px;left:-16px;right:-16px;z-index:-2}.resultDisplay::before{position:absolute;border-radius:36px;background:var(--btn-top-clr);box-shadow:var(--btn-top-shadow);content:"";top:-16px;bottom:-16px;left:-16px;right:-16px;z-index:-1}.displayText{transform:translateY(.125em);text-shadow:2px 2px 0 #fff}.svgGrid{border-right-color:#fbc4b6;box-shadow:2px 0 0 #fff}.svgGrid #diceAmount,.svgGrid svg{-webkit-filter:drop-shadow(2px 1px 0 #fff);filter:drop-shadow(2px 1px 0 #fff)}#rollDice svg{-webkit-filter:drop-shadow(2px 1px 0 #fff);filter:drop-shadow(2px 1px 0 #fff)}.blur{-webkit-filter:blur(5px);filter:blur(5px)}.bg-blur{backdrop-filter:blur(5px)}#incrementButtons::after{content:"";position:absolute;width:4px;background-color:transparent;top:calc(90%);left:-4px;height:calc(10px);z-index:0;box-shadow:2px 0 2px rgba(255,255,255,.23),inset -2px 0 2px -1px #edbc7d}.container{width:100%;margin-right:auto;margin-left:auto;padding-right:.75rem;padding-left:.75rem}@media (min-width:500px){.container{max-width:500px}}@media (min-width:640px){.container{max-width:640px;padding-right:1rem;padding-left:1rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px;padding-right:1rem;padding-left:1rem}}@media (min-width:1280px){.container{max-width:1280px}}.space-y-8>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(2rem * calc(1 - var(--space-y-reverse)));margin-bottom:calc(2rem * var(--space-y-reverse))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.bg-red-500{--bg-opacity:1;background-color:#f06f5c;background-color:rgba(240,111,92,var(--bg-opacity))}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-black{--bg-opacity:1;background-color:#1f1f1f;background-color:rgba(31,31,31,var(--bg-opacity))}.bg-opacity-10{--bg-opacity:.10}.bg-opacity-75{--bg-opacity:0.75}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:1.5rem}.rounded-l-xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-tr-xl{border-top-right-radius:1.5rem}.rounded-br-xl{border-bottom-right-radius:1.5rem}.border-r-2{border-right-width:2px}.cursor-pointer{cursor:pointer}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.font-sans{font-family:sporting-grotesque,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-system{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-semibold{font-weight:600}.h-6{height:1.5rem}.h-8{height:2rem}.h-16{height:4rem}.h-full{height:100%}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.text-5xl{font-size:3rem}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mb-8{margin-bottom:2rem}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.min-h-screen{min-height:100vh}.opacity-0{opacity:0}.opacity-100{opacity:1}.group:hover .group-hover\:opacity-100{opacity:1}.p-2{padding:.5rem}.p-3{padding:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.pt-1{padding-top:.25rem}.pb-2{padding-bottom:.5rem}.pr-5{padding-right:1.25rem}.pl-8{padding-left:2rem}.pb-full{padding-bottom:100%}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.top-50{top:50%}.left-50{left:50%}.text-center{text-align:center}.text-red-500{--text-opacity:1;color:#f06f5c;color:rgba(240,111,92,var(--text-opacity))}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-current{color:currentColor}.lowercase{text-transform:lowercase}.underline{text-decoration:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tracking-wide{letter-spacing:.025em}.w-6{width:1.5rem}.w-8{width:2rem}.w-16{width:4rem}.w-full{width:100%}.w-max{width:max-content}.col-gap-5{grid-column-gap:1.25rem;column-gap:1.25rem}.row-gap-4{grid-row-gap:1rem;row-gap:1rem}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.transform{--transform-translate-x:0;--transform-translate-y:0;--transform-rotate:0;--transform-skew-x:0;--transform-skew-y:0;--transform-scale-x:1;--transform-scale-y:1;transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y))}.transform-none{transform:none}.scale-50{--transform-scale-x:.5;--transform-scale-y:.5}.rotate-90{--transform-rotate:90deg}.-rotate-90{--transform-rotate:-90deg}.-translate-x-50{--transform-translate-x:-50%}.translate-y-1{--transform-translate-y:0.25rem}.-translate-y-1{--transform-translate-y:-0.25rem}.-translate-y-50{--transform-translate-y:-50%}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform}.ease-smooth{transition-timing-function:cubic-bezier(.2,.8,.2,1)}.ease-bouncy{transition-timing-function:cubic-bezier(.24,0,.31,1.75)}.duration-150{transition-duration:150ms}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.delay-300{transition-delay:.3s}.grid-absolute{grid-template-columns:1fr;grid-template-rows:1fr}.grid-inset-0{grid-column:1/-1;grid-row:1/-1}body{height:100vh!important;overflow:hidden!important;position:fixed!important;top:0;left:0;right:0;bottom:0}@media (min-width:640px){.sm\:space-y-16>:not(template)~:not(template){--space-y-reverse:0;margin-top:calc(4rem * calc(1 - var(--space-y-reverse)));margin-bottom:calc(4rem * var(--space-y-reverse))}.sm\:block{display:block}.sm\:h-20{height:5rem}.sm\:text-sm{font-size:.875rem}.sm\:text-2xl{font-size:1.5rem}.sm\:text-5xl{font-size:3rem}.sm\:text-6xl{font-size:4rem}.sm\:p-4{padding:1rem}.sm\:px-0{padding-left:0;padding-right:0}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:fixed{position:fixed}.sm\:w-20{width:5rem}}