*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--dWidth:80px}*,:before,:after{font-family:IBM Plex Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{background-color:#d2dff9;min-height:100vh;display:flex}button,a{cursor:pointer}button{background:0 0;border:none}ul,ol{padding:0;list-style:none}.flex{display:flex}.infobar{flex-wrap:wrap;align-items:center;gap:8px;max-width:100%;padding:32px;display:flex;position:fixed}.infobar__control{cursor:pointer;position:relative}.infobar__control:hover .infobar__arrow{opacity:1;transform:translate(0)}.control__touchbox{z-index:-1;width:150%;height:calc(100% + 64px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.infobar__input-wrapper{background-color:#000;justify-content:center;align-items:center;min-height:28px;padding-block:2px;padding-inline:8px;display:flex}.infobar__input{color:#fff;text-align:center;background-color:#0000;border:none;padding:0;font-size:18px;line-height:1.2}.infobar__input:focus-visible{outline:none}.infobar__number{width:3ch;min-width:3ch}.infobar__arrow{opacity:0;z-index:-1;background-color:#fff;justify-content:center;align-items:center;width:100%;transition:all .1s;display:flex;position:absolute}.infobar__above{bottom:100%;transform:translateY(100%)}.infobar__below{top:100%;transform:translateY(-100%)}.custom-dice{z-index:30;justify-content:flex-start;align-items:flex-start;font-size:14px;display:flex;position:relative}.custom-dice__backdrop{background:#060a1259;display:none;position:absolute;inset:0}.custom-dice__panel{z-index:1;background:#d2dff9;border:2px solid #000;flex-direction:column;gap:16px;width:100%;max-width:240px;margin:100px 0 0 32px;padding:16px;display:flex;position:relative;box-shadow:0 16px 32px #0000001f}.custom-dice__header{justify-content:space-between;align-items:center;gap:16px;font-weight:700;display:flex}.custom-dice__close{background:#fff;border:1px solid #000;padding:2px 8px}.custom-dice__close:hover{color:#fff;background:#000}.custom-dice input{border:none;width:100%;padding-block:8px;padding-inline:12px}.custom-dice ol{flex-direction:column;gap:4px;display:flex}.custom-dice ol li{display:flex}.custom-dice ol li button{flex-basis:4ch}.custom-dice ol li button:hover{color:#fff;background-color:#000}.new-side__input{background:#ffffff40}.save__set__toggle{border:1px solid #000;width:100%;margin-bottom:8px}.save__set__toggle:hover{color:#fff;background:#000}.save__set__button{flex-basis:4ch}.save__set__button:hover{color:#fff;background:#000}.cd__saved-set{position:relative}.cd__saved-set__bar{cursor:pointer;border-bottom:1px solid #000;justify-content:space-between;align-items:center;padding-block:4px;display:flex}.bar__start{flex-wrap:nowrap;gap:8px;display:flex}.bar__number{margin-right:4px;font-size:12px}.outline{border:1px solid #000}input{max-width:100%}.icon{width:16px;transition:transform .2s}.rotated{transform:rotate(90deg)}.details__side-group{flex-wrap:wrap;gap:8px;padding-block:8px;display:flex}.details__side{background-color:#ffffff80;padding-inline:8px}.details__button-group{justify-content:center;gap:15px;display:flex}.secondary{color:#000;background:0 0;border:1px solid #000}.primary{color:#fff;background:#000;border:none}.play-area{padding:36px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;width:auto;padding-top:120px;display:flex}.dice-group{flex-wrap:wrap;justify-content:center;gap:32px;padding-block:32px;display:flex}.die-wrapper{z-index:1}.die{cursor:grab;height:var(--dWidth);width:var(--dWidth);background-color:#fff;border-bottom:6px solid #f2f2f2;border-radius:8px;justify-content:center;align-items:center;font-size:18px;display:flex;position:relative;box-shadow:0 4px 8px #00000012,0 0 64px #00000012}.die__face__text{word-break:break-all;text-align:center;padding:8px;font-size:14px;line-height:1.1}.roll-button{color:#fff;background:#000;border-radius:4px;padding:0 32px;font-size:64px;transition:all .1s}.roll-button:hover{background:#262626}.dice__results{justify-content:center;align-items:center;gap:32px;display:flex}.drag{touch-action:none;-webkit-user-select:none;user-select:none}.drag.active{z-index:2}.dropzone{text-align:center;border:8px solid #fff;justify-content:center;align-items:center;width:100%;max-width:600px;height:200px;padding:32px;font-size:32px;line-height:1.2;display:flex;position:relative}.dropzone__big-text{font-size:72px}.dropzone__little-text{font-size:22px}.dropzone__clear{cursor:pointer;font-size:16px;display:flex;position:absolute;top:16px;right:16px}.dropzone--ready{border:16px dashed #fff}.dropzone--over{background-color:#fff;border:32px solid #fff}.drag-wrapper{transition:transform .3s}@media (width<=700px){body{flex-direction:column;align-items:stretch}.infobar{text-align:center;z-index:20;background-color:#d2dff9;justify-content:center;width:100%;padding:16px;position:sticky;top:0}.custom-dice{justify-content:center;align-items:center;position:fixed;inset:0}.custom-dice__backdrop{display:block}.custom-dice__panel{width:calc(100% - 32px);max-width:420px;max-height:80vh;margin:0 16px;overflow-y:auto}.custom-dice input{padding-block:10px;padding-inline:14px;font-size:16px}.custom-dice ol li button{flex-basis:5ch}.play-area{padding:16px;padding-top:24px}.dropzone{height:auto;min-height:160px;padding:24px;font-size:22px}.roll-button{padding:8px 24px;font-size:40px}.dice__results{flex-direction:column;gap:8px}}@media (width<=500px){:root{--dWidth:64px}.infobar__input{font-size:16px}.infobar__number{width:4ch;min-width:4ch}}
/*# sourceMappingURL=index.74d06694.css.map */