#dice-roller{position:fixed;bottom:25px;right:25px;z-index:995;display:flex;flex-direction:row-reverse;gap:6px;width:350px;max-width:calc(100% - 50px);filter:drop-shadow(0 0 6px rgba(0,0,0,.5333333333));pointer-events:none}@media print{#dice-roller{display:none !important}}#dice-roller button{margin:0;touch-action:manipulation}#dice-roller button:active{filter:brightness(1.2);transition:50ms filter}#dice-roller .add-dice-col{display:flex;flex-direction:column;gap:5px;flex:1 1}#dice-roller .modifier-col{display:flex;flex-direction:column;gap:2px;flex:1 1}#dice-roller .modifier-row{display:flex;flex-direction:row;gap:4px}#dice-roller .increment-button{aspect-ratio:1;padding:0;font-size:18px;width:30px}#dice-roller .dice-bar{display:flex;flex-direction:column-reverse;gap:6px;width:50px;flex:0 0 50px;pointer-events:auto}#dice-roller .close-button{width:18px;height:18px;display:flex;mask-image:url(/icon/dice/close.svg);background-color:currentColor;align-self:center;mask-position:center;mask-repeat:no-repeat;position:absolute;right:7px;top:7px;padding:0;margin:0}#dice-roller .toggle-button{border:2px solid var(--divider-color);background-color:var(--main-bg-color);margin:0;width:50px;height:50px;display:flex;padding:8px;border-radius:50%;justify-content:center;transition:color 150ms;flex:0 0 50px}#dice-roller .toggle-button .icon{width:30px;height:30px;mask-image:url(/icon/dice/roll.svg);background-color:currentColor;align-self:center;mask-position:center;mask-repeat:no-repeat;width:100%;height:100%;transition:width 50ms,height 50ms}#dice-roller .toggle-button:active .icon{width:80%;height:80%}#dice-roller.open .toggle-button{padding:12px}#dice-roller.open .toggle-button .icon{mask-image:url(/icon/dice/close.svg)}#dice-roller .roll-customize,#dice-roller .dice-selector,#dice-roller .roll{border:2px solid var(--divider-color);background-color:var(--main-bg-color);border-radius:10px;padding:5px}#dice-roller .roll-stack{display:flex;flex-direction:column-reverse;gap:6px;width:100%}#dice-roller .roll-stack>*{pointer-events:auto}#dice-roller .roll-customize,#dice-roller .roll{display:flex;position:relative;flex-direction:column;gap:6px;overflow:clip}#dice-roller .roll-customize .bottom-row,#dice-roller .roll .bottom-row{display:flex;flex-direction:row;gap:4px}#dice-roller .roll-customize:not(:has(.dice-holder>*)),#dice-roller .roll:not(:has(.dice-holder>*)){display:none !important}#dice-roller #modifier-label{text-align:center;font-family:Overpass;font-size:12px;font-weight:600;color:var(--faded-text-color)}#dice-roller .dice-holder{min-height:36px;display:flex;flex-wrap:wrap;gap:2px;padding:0 4px;flex:1 1}#dice-roller .dice-selector{display:flex;flex-direction:column-reverse;gap:6px}#dice-roller .dice-selector .regular-dice{display:flex;flex-direction:row;gap:4px}@starting-style{#dice-roller.open .roll-customize .dice::after{width:0px;height:0px}}@starting-style{#dice-roller.open .roll-customize .modifier{transform:scale(0)}}#dice-roller .dice{width:36px;height:36px;display:flex;padding:0;border:none;background-color:rgba(0,0,0,0);position:relative;transition:100ms filter;justify-content:center}#dice-roller .dice:active{filter:brightness(1.1)}#dice-roller .dice:active::after{width:85%;height:85%}#dice-roller .dice.disabled{filter:brightness(.5) saturate(0.5)}#dice-roller .dice::after{content:url(/icon/dice/unknown.svg);width:100%;height:100%;transition:100ms height,100ms width;align-self:center}#dice-roller .dice label{display:flex;position:absolute;justify-content:center;text-align:center;margin:auto;font-family:Eveleth,Overpass,sans-serif;font-size:16px;margin-bottom:1.5px;-webkit-text-stroke:3px #383848;paint-order:stroke fill;font-weight:900;justify-content:center;align-self:center;width:100%;pointer-events:none}#dice-roller .dice.duality::after{content:url(/icon/dice/duality.svg)}#dice-roller .dice[data-size="20"]::after{content:url("/icon/dice/d20.svg")}#dice-roller .dice[data-size="20"][data-type=hope]::after{content:url("/icon/dice/hope-d20.svg")}#dice-roller .dice[data-size="20"][data-type=fear]::after{content:url("/icon/dice/fear-d20.svg")}#dice-roller .dice[data-size="20"][data-type=advantage]::after{content:url("/icon/dice/adv-d20.svg")}#dice-roller .dice[data-size="20"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d20.svg")}#dice-roller .dice[data-size="12"]::after{content:url("/icon/dice/d12.svg")}#dice-roller .dice[data-size="12"][data-type=hope]::after{content:url("/icon/dice/hope-d12.svg")}#dice-roller .dice[data-size="12"][data-type=fear]::after{content:url("/icon/dice/fear-d12.svg")}#dice-roller .dice[data-size="12"][data-type=advantage]::after{content:url("/icon/dice/adv-d12.svg")}#dice-roller .dice[data-size="12"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d12.svg")}#dice-roller .dice[data-size="10"]::after{content:url("/icon/dice/d10.svg")}#dice-roller .dice[data-size="10"][data-type=hope]::after{content:url("/icon/dice/hope-d10.svg")}#dice-roller .dice[data-size="10"][data-type=fear]::after{content:url("/icon/dice/fear-d10.svg")}#dice-roller .dice[data-size="10"][data-type=advantage]::after{content:url("/icon/dice/adv-d10.svg")}#dice-roller .dice[data-size="10"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d10.svg")}#dice-roller .dice[data-size="8"]::after{content:url("/icon/dice/d8.svg")}#dice-roller .dice[data-size="8"][data-type=hope]::after{content:url("/icon/dice/hope-d8.svg")}#dice-roller .dice[data-size="8"][data-type=fear]::after{content:url("/icon/dice/fear-d8.svg")}#dice-roller .dice[data-size="8"][data-type=advantage]::after{content:url("/icon/dice/adv-d8.svg")}#dice-roller .dice[data-size="8"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d8.svg")}#dice-roller .dice[data-size="6"]::after{content:url("/icon/dice/d6.svg")}#dice-roller .dice[data-size="6"][data-type=hope]::after{content:url("/icon/dice/hope-d6.svg")}#dice-roller .dice[data-size="6"][data-type=fear]::after{content:url("/icon/dice/fear-d6.svg")}#dice-roller .dice[data-size="6"][data-type=advantage]::after{content:url("/icon/dice/adv-d6.svg")}#dice-roller .dice[data-size="6"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d6.svg")}#dice-roller .dice[data-size="4"]::after{content:url("/icon/dice/d4.svg")}#dice-roller .dice[data-size="4"][data-type=hope]::after{content:url("/icon/dice/hope-d4.svg")}#dice-roller .dice[data-size="4"][data-type=fear]::after{content:url("/icon/dice/fear-d4.svg")}#dice-roller .dice[data-size="4"][data-type=advantage]::after{content:url("/icon/dice/adv-d4.svg")}#dice-roller .dice[data-size="4"][data-type=disadvantage]::after{content:url("/icon/dice/dis-d4.svg")}#dice-roller .add-dice{padding:5px;flex:0 0 30px;height:30px;font-family:Overpass;font-weight:900}#dice-roller .add-dice.advantage{border-color:#5c845c;background-color:#436643}#dice-roller .add-dice.disadvantage{border-color:#9b5959;background-color:#713e3e}#dice-roller .roll-label{font-family:Eveleth;margin:4px 25px 0 4px;font-size:15px}#dice-roller .roll.plain .result-with{display:none !important}.russian #dice-roller .roll.hope .result-with::after{content:"С Надеждой"}.russian #dice-roller .roll.fear .result-with::after{content:"Со Страхом"}.russian #dice-roller .roll.crit .result-with::after{content:"Критический Успех"}.english #dice-roller .roll.hope .result-with::after{content:"With Hope"}.english #dice-roller .roll.fear .result-with::after{content:"With Fear"}.english #dice-roller .roll.crit .result-with::after{content:"Critical Success"}#dice-roller .roll.fear{--roll-color: #332d79}#dice-roller .roll.hope{--roll-color: #6f582f}#dice-roller .roll.crit{--roll-color: #285c46}#dice-roller .roll{background:linear-gradient(90deg, var(--main-bg-color) 0%, var(--roll-color) 100%);transition:200ms --roll-color}#dice-roller .roll .dice label,#dice-roller .roll .result-with,#dice-roller .roll .result-box{transition:250ms opacity}#dice-roller .roll.rolling{--roll-color: #2d2e46 !important}#dice-roller .roll.rolling .result-with,#dice-roller .roll.rolling .result-box{opacity:0%}#dice-roller .dice.rolling label{opacity:0}#dice-roller .modifier{width:36px;height:36px;font-family:Eveleth;text-align:center;line-height:36px;font-size:20px;text-wrap:nowrap;user-select:none;-webkit-text-stroke:3px #383848;paint-order:stroke fill;cursor:pointer;transition:50ms color,50ms transform}#dice-roller .modifier.disabled{color:var(--faded-text-color)}#dice-roller .modifier:active{transform:scale(.8)}#dice-roller .roll-customize .modifier-input{margin:0;flex:1 1 80px;min-width:0;width:80px;height:30px;box-sizing:border-box;text-align:center;font-family:Overpass;font-weight:600;font-size:18px;padding:0}#dice-roller .result-row{display:flex;flex-direction:row}#dice-roller .result-box{border:2px solid rgba(255,255,255,.2666666667);background-color:rgba(0,0,0,.2666666667);border-radius:8px;flex:0 0 50px;height:36px;box-sizing:border-box;margin-right:4px;padding:4px;display:flex;align-self:center}#dice-roller .result{font-family:Eveleth;align-self:center;font-size:20px;text-align:center;width:100%}#dice-roller .result-with{border:2px solid rgba(255,255,255,.2666666667);background-color:rgba(0,0,0,.2666666667);position:absolute;right:0px;bottom:0px;text-align:left;padding:6px 10px;border-radius:10px 0 0 0;border-width:2px 0 0 2px;font-weight:800}#dice-roller .roll-button,#dice-roller .reroll-button{background:linear-gradient(270deg, #6037df 0%, #3c91db 100%);border:none;margin:0;padding:7px;border-radius:6px;font-weight:900;font-family:Overpass}#dice-roller:not(.open) .roll-stack,#dice-roller:not(.open) .dice-selector{display:none !important}@keyframes roll{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@property --roll-color{syntax:"<color>";initial-value:#2d2e46;inherits:true}