.Header-row{margin-bottom:1vh;display:flex}.Die-bonus-header{margin-left:18vh}.Total-bonus-header{margin-left:1vh}.Header-span{padding-top:2vh}.Die-row{margin-bottom:1vh;display:flex}.Row-text-field{margin-right:1vh!important}.Count-text-field{min-width:8vh!important;max-width:8vh!important}.Additional-bonus-text-field{min-width:7vh;max-width:7vh}.Faces-span{min-width:8vh;max-width:8vh;margin-right:1vh;padding-top:2vh}.Roll-button{width:9vh;max-width:9vh;min-height:56px;color:#1d4ed8!important;background:#2563eb0f!important;border:2px solid #2563eb!important;border-radius:14px!important;min-width:9vh!important;transition:box-shadow .16s,transform .16s!important;box-shadow:0 3px 8px #2563eb24!important}.Roll-button svg{filter:drop-shadow(0 1px 1px #1d4ed82e);font-size:2rem}.Roll-button:hover{transform:translateY(-1px)rotate(-2deg)scale(1.02);background:#2563eb1f!important;border-color:#1e40af!important;box-shadow:0 5px 12px #2563eb33!important}.Roll-button:active{transform:translateY(1px)scale(.98);background:#2563eb2b!important;box-shadow:0 1px 4px #2563eb29!important}.Roll-button:focus-visible{outline-offset:3px;outline:3px solid #2563eb47}@media (prefers-reduced-motion:reduce){.Roll-button{transition:none!important}.Roll-button:hover,.Roll-button:active{transform:none}}.Custom-row{margin-bottom:1vh;display:flex}.Faces-text-field{max-width:7vh;min-width:7vh!important}.D-span{min-width:1vh;max-width:1vh;margin-right:0;padding-top:2vh}.Results-panel{width:calc(100% - 50vh);height:calc(100% - 10vh);padding:5vh;display:block;overflow-y:auto}.Results-clear-button-container{display:flex}.Results-clear-button-offset{width:100%}.Results-row{border-color:#000;border-bottom-style:solid;border-bottom-width:1px;margin-bottom:1vh;padding-bottom:1vh;display:flex}.Results-timestamp{text-align:left;width:20vh;margin-top:1vh}.Results-data{width:100%;margin-top:1vh}html,body,.App-root{width:100%;height:100%}.App{text-align:center;width:100%;height:100%}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:5vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}.App-body{width:100%;height:calc(100% - 5vh);display:flex}.Dice-panel{border-color:#000;border-right-style:solid;border-right-width:1px;min-width:41vh;max-width:41vh;height:calc(100% - 10vh);padding:5vh}.Temp-border{border:1px solid #000}@media (width<=700px){.App-body{height:auto;display:block}.Dice-panel{box-sizing:border-box;border-bottom:1px solid #000;border-right:0;width:100%;min-width:0;max-width:none;height:auto;padding:2vh 2vw;overflow-x:auto}.Results-panel{box-sizing:border-box;width:100%;height:auto;max-height:50vh;padding:2vh 2vw}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}