.tooltip-container{display:flex;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;white-space:nowrap}.tooltip-container.shown{opacity:1}.tooltip-wrapper{background-color:#222;border:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 2px 4px var(--primary-offset);color:#f5f5f5;color:var(--text,#f5f5f5);display:flex;flex-direction:column;font-size:.75rem;padding:.5rem 1rem;text-align:center;width:auto}.container-above{align-items:end}.container-above,.container-below{height:0;justify-content:center;left:var(--container-left);overflow:visible;top:var(--container-top);width:var(--container-width)}.container-below{align-items:start}.container-left{justify-content:end}.container-left,.container-right{align-items:center;height:var(--container-height);left:var(--container-left);overflow:visible;top:var(--container-top);width:0}.container-right{justify-content:flex-start}.tt-separator{border-bottom:1px solid var(--background-offset);margin:.5rem;opacity:.5;width:100%}.tooltip-body{align-items:center;display:flex;flex-direction:column}.tooltip-body .icon-tooltip{display:flex;gap:1rem;width:100%}.alert-wrapper{bottom:0;display:flex;height:100%;justify-content:center;overflow:hidden;pointer-events:none;position:absolute;width:100%}.alert-relative{position:relative}.alert{align-items:center;background-color:var(--alert-primary);border-radius:4px;bottom:-400px;box-shadow:0 1px 2px var(--contrast);display:flex;font-weight:700;gap:.5rem;min-width:350px;padding:.5rem;pointer-events:all;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.alert-content{flex:1 1;padding:.5rem}.slide-up{-webkit-animation:SlideUp var(--alert-transition-time) ease 0s 1 forwards;animation:SlideUp var(--alert-transition-time) ease 0s 1 forwards}@-webkit-keyframes SlideUp{0%{bottom:-200px}50%{bottom:2.5rem}75%{bottom:1.75rem}90%{bottom:2.2rem}to{bottom:2rem}}@keyframes SlideUp{0%{bottom:-200px}50%{bottom:2.5rem}75%{bottom:1.75rem}90%{bottom:2.2rem}to{bottom:2rem}}.slide-down{-webkit-animation:SlideDown var(--alert-transition-time) ease 0s 1 forwards;animation:SlideDown var(--alert-transition-time) ease 0s 1 forwards}@-webkit-keyframes SlideDown{0%{bottom:2rem}to{bottom:-200px}}@keyframes SlideDown{0%{bottom:2rem}to{bottom:-200px}}.alert-close-button{align-items:center;border:2px solid var(--contrast);border-radius:4px;color:var(--contrast);cursor:pointer;display:flex;height:2rem;justify-content:center;margin-right:.5rem;opacity:.75;transition:all .1s ease;width:2rem}.alert-close-button:hover{background-color:var(--contrast);color:var(--alert-primary);opacity:.5}.controller{background-color:var(--background);color:var(--primary);display:flex;flex-direction:column;gap:.25rem;overflow-x:visible;position:relative;transition:width .1s ease;width:var(--controller-width);z-index:2}.controller .aspect-list{display:flex;flex-wrap:wrap;gap:.5rem;overflow-x:visible;row-gap:.5rem}.controller .aspect-list .select{font-size:.75rem}.controller .aspect-list .aspect.full{width:100%}.controller .aspect-list .aspect:hover{outline:1px solid var(--highlight)}.controller .aspect-list .aspect{align-items:center;background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;color:var(--background);display:flex;font-size:75%;overflow:hidden;transition:all .1s ease;width:calc(50% - .25rem)}.controller .aspect-list .aspect .label{color:var(--offset-text);cursor:default;display:flex;flex:1 1;flex-direction:column;font-weight:700;padding:.5rem;text-align:center}.controller .aspect-list .aspect .label div{cursor:default}.controller .aspect-list .aspect .label input{background-color:transparent;border:none;color:var(--offset-text);font-weight:700;outline:none;text-align:center;width:100%}.controller .aspect-list .aspect .label input:hover{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.controller .aspect-list .aspect .label input[type=number]{-moz-appearance:textfield}.controller .aspect-list .aspect .label input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.controller .aspect-list .aspect button{align-items:center;background-color:transparent;border:none;color:var(--offset-text);cursor:pointer;display:flex;font-size:100%;height:100%;justify-content:center;transition:all .1s ease;width:25%}.controller .aspect-list .aspect button.add{--button-color:#006400}.controller .aspect-list .aspect button.remove{--button-color:darkred}.controller .aspect-list .aspect button:hover{font-size:125%}.controller .aspect-list .aspect button:active{font-size:100%}.controller .aspect-list .aspect input[type=color]{border:none;border-left:1px solid var(--background);cursor:pointer;height:100%;padding:0;width:50%}.controller .aspect-list .aspect input[type=color]::-moz-color-swatch{border:none}.controller .aspect-list .aspect input[type=color]::-webkit-color-swatch-wrapper{border-radius:0;padding:0}.controller .aspect-list .aspect input[type=color]::-webkit-color-swatch{border:none}.controller .aspect-list .aspect select{background-color:transparent;border:none;height:100%;width:50%}.edit-mode .controller .aspect-list .aspect{width:calc(25% - .375rem)}.edit-mode .controller .aspect-list .aspect.full{width:calc(50% - .25rem)}.dice-controls{display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:.5rem 1rem 1rem;z-index:1}.window-toggle.active{background-color:var(--background);color:var(--primary)}.window-controls{display:flex;height:2.5rem;z-index:10}.window-controls button{align-items:center;background-color:var(--primary);border:none;border-radius:0;border-right:1px solid var(--offset);color:var(--background);cursor:pointer;display:flex;flex:1 1;font-size:1.5rem;height:100%;justify-content:center;transition:all .2s ease}.window-controls button svg{transition:inherit}.window-controls button:not(.active):hover svg{-webkit-filter:drop-shadow(1px 1px 1px var(--offset));filter:drop-shadow(1px 1px 1px var(--offset));translate:-2px -2px}.window-controls button:not(.active):active svg{-webkit-filter:drop-shadow(0 0 0 var(--offset));filter:drop-shadow(0 0 0 var(--offset));translate:0 0}.command:focus-within,.command:hover{outline-color:var(--highlight)}.command{border-radius:4px;display:flex;outline:1px solid transparent;transition:all .1s ease;width:100%}.command input[type=text]{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex:1 1;outline:none}.command button{background-color:var(--text);border:2px solid var(--offset);border-left:none;border-radius:4px;border-bottom-left-radius:0;border-top-left-radius:0}.command button svg{transition:all .1s ease}.command button:hover svg{scale:1.1}.command button:active svg{scale:.9}.major-button-container{width:100%}.major-button-container button{align-items:center;background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;color:var(--offset-text);cursor:pointer;display:flex;font-weight:700;gap:.5rem;justify-content:center;outline:1px solid transparent;padding:.5rem;transition:all .1s ease;width:100%}.major-button-container button:hover{background-color:var(--offset);outline:1px solid var(--highlight)}.major-button-container button:active{outline-color:transparent}.result-container{align-items:center;color:var(--text);cursor:default;display:flex;font-weight:700;gap:.5rem;justify-content:space-evenly;width:100%}.result-container .result-number{cursor:default;font-size:6rem}.roll-command{font-size:.75rem;font-weight:700}.dice-string-container,.roll-command{display:flex;flex-direction:column;gap:.5rem;width:100%}.menu-buttons{display:flex;gap:.5rem;width:100%}.menu-buttons button{align-items:center;background-color:var(--background);border:none;border-radius:4px;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:700;gap:.5rem;justify-content:center;outline:1px solid transparent;padding:.5rem;transition:all .2s ease}.menu-buttons button.active,.menu-buttons button:hover{background-color:var(--offset);color:var(--background)}.menu-buttons button.active{box-shadow:inset 1px 1px 5px var(--background)}.select{position:relative;width:100%}.select .selected{align-items:center;background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;color:var(--offset-text);cursor:pointer;display:flex;gap:.5rem;padding:.5rem}.select .selected .label{font-weight:700}.select .options-container{color:var(--offset-text);display:flex;flex-direction:column;opacity:0;pointer-events:none;position:absolute;transition:all .25s ease;width:100%;z-index:3}.select .options-container .options{background-color:var(--primary);border-radius:4px;box-shadow:1px 1px 5px var(--background);overflow-y:auto}.select .options-container .options .option{align-items:center;border-bottom:1px solid var(--offset);cursor:pointer;display:flex;padding:.5rem;text-align:end;transition:all .1s ease;width:100%}.select .options-container .options .option:last-of-type{border-bottom:none}.select .options-container .options .option:hover{background-color:var(--offset)}.select .options-container.active{opacity:1;pointer-events:all}.select.up .options-container{bottom:100%;padding:.5rem 0}.select.down .options-container{padding:.5rem 0;top:100%}.select.left-up .options-container{bottom:0;padding:0 .5rem;right:100%}.select.left-down .options-container{padding:0 .5rem;right:100%;top:0}.select.right-up .options-container{bottom:0;left:100%;padding:0 .5rem}.select.right-down .options-container{left:100%;padding:0 .5rem;top:0}.dice-style-controls{display:flex;flex-direction:column;gap:.5rem}.dice-style-ui-summary{align-items:center;display:flex;font-size:.75rem;gap:.5rem;justify-content:flex-end}.dice-style-ui-summary .name{font-weight:700}.dice-style-select-container,.dice-style-ui-summary .colors{align-items:center;display:flex;gap:.5rem}.substyle-editor{border-top:1px dashed var(--offset);padding-top:.5rem}.style-editor{display:flex;flex-direction:column;gap:.5rem;width:100%}.style-editor .title-row{display:flex;flex-wrap:wrap;gap:.5rem;width:100%}.style-editor .title-row button{background-color:var(--background);border-radius:1000px;border-style:solid;color:var(--text);height:2rem;transition:all .1s ease;width:2rem}.style-editor .title-row button svg{scale:1;transition:all .1s ease}.style-editor .title-row button:hover svg{scale:.9}.style-editor .title-row button.on{background-color:var(--primary);color:var(--background);scale:1}.style-editor .title-row button:active svg{scale:.75}.style-editor .load-style-section,.style-editor .text-style-section{color:var(--text);display:flex;flex-direction:column;font-size:.75rem;font-weight:700;gap:.5rem;padding:.5rem}.style-editor .name{color:var(--text);font-size:1.25rem;font-weight:700}.style-editor .select{width:100%}.style-editor .select .name{color:var(--offset-text);font-size:.75rem}.style-editor .select .option{display:flex}.style-editor input[type=checkbox]{cursor:pointer;margin:.5rem}.file-input{background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;color:var(--background);cursor:pointer;flex-direction:column;font-weight:700;justify-content:center;padding:.5rem}.file-input,.file-input .info{display:flex;gap:.5rem;width:100%}.panel{left:calc(var(--panel-width)*-1);padding:1rem;position:absolute}.panel .content{background-color:var(--background);border:2px solid var(--primary);border-radius:4px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;width:var(--panel-width)}.panel .content .title{align-items:center;color:var(--text);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;justify-content:space-between}.panel .content .title button{background-color:transparent;border:none;color:darkred;font-size:1.5rem;padding:0}.panel .content .blurb{color:var(--text);font-size:.7rem;font-style:italic}.panel .content input{color:var(--offset-text)}.panel .content .buttons{display:flex}.panel .content .buttons button{background-color:#006400;border:2px solid var(--offset);border-radius:4px;color:var(--text);flex:1 1;font-weight:700;outline:1px solid transparent}.panel .content .buttons button:hover{outline:1px solid var(--highlight)}.panel .content .buttons button:active{outline-color:transparent}.panel.active{left:var(--controller-width);right:auto}.origin{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.origin,.origin .origin-plane{height:100%;position:absolute;width:100%}.origin .origin-plane svg{height:100%;overflow:visible;width:100%}.origin .origin-plane:nth-of-type(2){-webkit-transform:rotateX(90deg);transform:rotateX(90deg)}.origin .origin-plane:nth-of-type(3){-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.d10{--o:calc(var(--f)/1.7);height:calc(var(--a));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d10 .face-plane:first-of-type{-webkit-transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(72deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(72deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(2){-webkit-transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(144deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(144deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(3){-webkit-transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(216deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(216deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(4){-webkit-transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(288deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(288deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(5){-webkit-transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(1turn) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o)*-1)) rotateX(180deg) rotateY(1turn) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(6){-webkit-transform:translateY(calc(var(--o))) rotateY(432deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o))) rotateY(432deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(7){-webkit-transform:translateY(calc(var(--o))) rotateY(504deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o))) rotateY(504deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(8){-webkit-transform:translateY(calc(var(--o))) rotateY(576deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o))) rotateY(576deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(9){-webkit-transform:translateY(calc(var(--o))) rotateY(648deg) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o))) rotateY(648deg) rotateX(43.2deg) translateZ(var(--f))}.d10 .face-plane:nth-of-type(10){-webkit-transform:translateY(calc(var(--o))) rotateY(2turn) rotateX(43.2deg) translateZ(var(--f));transform:translateY(calc(var(--o))) rotateY(2turn) rotateX(43.2deg) translateZ(var(--f))}.d10.roll-1{-webkit-transform:rotate(180deg) rotateX(40deg) rotateY(-36deg);transform:rotate(180deg) rotateX(40deg) rotateY(-36deg)}.d10.roll-7{-webkit-transform:rotate(180deg) rotateX(40deg) rotateY(36deg);transform:rotate(180deg) rotateX(40deg) rotateY(36deg)}.d10.roll-3{-webkit-transform:rotate(180deg) rotateX(40deg) rotateY(108deg);transform:rotate(180deg) rotateX(40deg) rotateY(108deg)}.d10.roll-5{-webkit-transform:rotate(180deg) rotateX(40deg) rotateY(180deg);transform:rotate(180deg) rotateX(40deg) rotateY(180deg)}.d10.roll-6{-webkit-transform:rotateX(-40deg) rotateY(-72deg);transform:rotateX(-40deg) rotateY(-72deg)}.d10.roll-2{-webkit-transform:rotateX(-40deg) rotateY(-144deg);transform:rotateX(-40deg) rotateY(-144deg)}.d10.roll-8{-webkit-transform:rotateX(-40deg) rotateY(144deg);transform:rotateX(-40deg) rotateY(144deg)}.d10.roll-10{-webkit-transform:rotateX(-40deg) rotateY(72deg);transform:rotateX(-40deg) rotateY(72deg)}.d10.roll-4{-webkit-transform:rotateX(-40deg) rotateY(0deg);transform:rotateX(-40deg) rotateY(0deg)}.d10.roll-9{-webkit-transform:rotate(180deg) rotateX(40deg) rotateY(-108deg);transform:rotate(180deg) rotateX(40deg) rotateY(-108deg)}.d10.rolling-1{--roll-target:rotateZ(180deg) rotateX(40deg) rotateY(-36deg)}.d10.rolling-7{--roll-target:rotateZ(180deg) rotateX(40deg) rotateY(36deg)}.d10.rolling-3{--roll-target:rotateZ(180deg) rotateX(40deg) rotateY(108deg)}.d10.rolling-5{--roll-target:rotateZ(180deg) rotateX(40deg) rotateY(180deg)}.d10.rolling-6{--roll-target:rotateX(-40deg) rotateY(-72deg)}.d10.rolling-2{--roll-target:rotateX(-40deg) rotateY(-144deg)}.d10.rolling-8{--roll-target:rotateX(-40deg) rotateY(144deg)}.d10.rolling-10{--roll-target:rotateX(-40deg) rotateY(72deg)}.d10.rolling-4{--roll-target:rotateX(-40deg) rotateY(0deg)}.d10.rolling-9{--roll-target:rotateZ(180deg) rotateX(40deg) rotateY(-108deg)}.d12{height:calc(var(--a));scale:.5 .5 .5;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d12 .face-plane:first-of-type{-webkit-transform:translateZ(var(--f));transform:translateZ(var(--f))}.d12 .face-plane:nth-of-type(2){-webkit-transform:rotateX(90deg) rotate(180deg) rotateY(144deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotate(180deg) rotateY(144deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(3){-webkit-transform:rotateX(90deg) rotate(180deg) rotateY(216deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotate(180deg) rotateY(216deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(4){-webkit-transform:rotateX(90deg) rotate(180deg) rotateY(288deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotate(180deg) rotateY(288deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(5){-webkit-transform:rotateX(90deg) rotate(180deg) rotateY(1turn) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotate(180deg) rotateY(1turn) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(6){-webkit-transform:rotateX(90deg) rotate(180deg) rotateY(432deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotate(180deg) rotateY(432deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(7){-webkit-transform:rotateX(90deg) rotateY(540deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotateY(540deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(8){-webkit-transform:rotateX(90deg) rotateY(612deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotateY(612deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(9){-webkit-transform:rotateX(90deg) rotateY(684deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotateY(684deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(10){-webkit-transform:rotateX(90deg) rotateY(756deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotateY(756deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(11){-webkit-transform:rotateX(90deg) rotateY(828deg) rotateX(-26.54deg) translateZ(var(--f));transform:rotateX(90deg) rotateY(828deg) rotateX(-26.54deg) translateZ(var(--f))}.d12 .face-plane:nth-of-type(12){-webkit-transform:rotateX(180deg) translateZ(var(--f));transform:rotateX(180deg) translateZ(var(--f))}.d12.roll-1{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}.d12.roll-3{-webkit-transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(144deg);transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(144deg)}.d12.roll-8{-webkit-transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(-144deg);transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(-144deg)}.d12.roll-7{-webkit-transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(-72deg);transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(-72deg)}.d12.roll-9{-webkit-transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(0deg);transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(0deg)}.d12.roll-11{-webkit-transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(72deg);transform:rotateX(180deg) rotate(180deg) rotateX(64deg) rotate(72deg)}.d12.roll-4{-webkit-transform:rotate(180deg) rotateX(64deg);transform:rotate(180deg) rotateX(64deg)}.d12.roll-6{-webkit-transform:rotate(180deg) rotateX(64deg) rotate(-72deg);transform:rotate(180deg) rotateX(64deg) rotate(-72deg)}.d12.roll-5{-webkit-transform:rotate(180deg) rotateX(64deg) rotate(-144deg);transform:rotate(180deg) rotateX(64deg) rotate(-144deg)}.d12.roll-10{-webkit-transform:rotate(180deg) rotateX(64deg) rotate(144deg);transform:rotate(180deg) rotateX(64deg) rotate(144deg)}.d12.roll-2{-webkit-transform:rotate(180deg) rotateX(64deg) rotate(72deg);transform:rotate(180deg) rotateX(64deg) rotate(72deg)}.d12.roll-12{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.d12.rolling-1{--roll-target:rotateX(0deg)}.d12.rolling-3{--roll-target:rotateX(180deg) rotateZ(180deg) rotateX(64deg) rotateZ(144deg)}.d12.rolling-8{--roll-target:rotateX(180deg) rotateZ(180deg) rotateX(64deg) rotateZ(-144deg)}.d12.rolling-7{--roll-target:rotateX(180deg) rotateZ(180deg) rotateX(64deg) rotateZ(-72deg)}.d12.rolling-9{--roll-target:rotateX(180deg) rotateZ(180deg) rotateX(64deg) rotateZ(0deg)}.d12.rolling-11{--roll-target:rotateX(180deg) rotateZ(180deg) rotateX(64deg) rotateZ(72deg)}.d12.rolling-4{--roll-target:rotateZ(180deg) rotateX(64deg)}.d12.rolling-6{--roll-target:rotateZ(180deg) rotateX(64deg) rotateZ(-72deg)}.d12.rolling-5{--roll-target:rotateZ(180deg) rotateX(64deg) rotateZ(-144deg)}.d12.rolling-10{--roll-target:rotateZ(180deg) rotateX(64deg) rotateZ(144deg)}.d12.rolling-2{--roll-target:rotateZ(180deg) rotateX(64deg) rotateZ(72deg)}.d12.rolling-12{--roll-target:rotateX(180deg)}.d20{height:calc(var(--a));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d20 .face-plane:first-of-type{-webkit-transform:rotateY(72deg) rotateX(52.62deg) translateZ(var(--f));transform:rotateY(72deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(2){-webkit-transform:rotateY(144deg) rotateX(52.62deg) translateZ(var(--f));transform:rotateY(144deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(3){-webkit-transform:rotateY(216deg) rotateX(52.62deg) translateZ(var(--f));transform:rotateY(216deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(4){-webkit-transform:rotateY(288deg) rotateX(52.62deg) translateZ(var(--f));transform:rotateY(288deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(5){-webkit-transform:rotateY(1turn) rotateX(52.62deg) translateZ(var(--f));transform:rotateY(1turn) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(6){-webkit-transform:rotate(180deg) rotateY(396deg) rotateX(52.62deg) translateZ(var(--f));transform:rotate(180deg) rotateY(396deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(7){-webkit-transform:rotate(180deg) rotateY(468deg) rotateX(52.62deg) translateZ(var(--f));transform:rotate(180deg) rotateY(468deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(8){-webkit-transform:rotate(180deg) rotateY(540deg) rotateX(52.62deg) translateZ(var(--f));transform:rotate(180deg) rotateY(540deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(9){-webkit-transform:rotate(180deg) rotateY(612deg) rotateX(52.62deg) translateZ(var(--f));transform:rotate(180deg) rotateY(612deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(10){-webkit-transform:rotate(180deg) rotateY(684deg) rotateX(52.62deg) translateZ(var(--f));transform:rotate(180deg) rotateY(684deg) rotateX(52.62deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(11){-webkit-transform:rotate(180deg) rotateY(792deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(180deg) rotateY(792deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(12){-webkit-transform:rotate(180deg) rotateY(864deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(180deg) rotateY(864deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(13){-webkit-transform:rotate(180deg) rotateY(936deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(180deg) rotateY(936deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(14){-webkit-transform:rotate(180deg) rotateY(1008deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(180deg) rotateY(1008deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(15){-webkit-transform:rotate(180deg) rotateY(3turn) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(180deg) rotateY(3turn) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(16){-webkit-transform:rotate(0deg) rotateY(1188deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1188deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(17){-webkit-transform:rotate(0deg) rotateY(1260deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1260deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(18){-webkit-transform:rotate(0deg) rotateY(1332deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1332deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(19){-webkit-transform:rotate(0deg) rotateY(1404deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1404deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(20){-webkit-transform:rotate(0deg) rotateY(1476deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1476deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(21){-webkit-transform:rotate(0deg) rotateY(1548deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1548deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(22){-webkit-transform:rotate(0deg) rotateY(1620deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1620deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(23){-webkit-transform:rotate(0deg) rotateY(1692deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1692deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(24){-webkit-transform:rotate(0deg) rotateY(1764deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1764deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(25){-webkit-transform:rotate(0deg) rotateY(1836deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1836deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(26){-webkit-transform:rotate(0deg) rotateY(1908deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1908deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(27){-webkit-transform:rotate(0deg) rotateY(1980deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(1980deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(28){-webkit-transform:rotate(0deg) rotateY(2052deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2052deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(29){-webkit-transform:rotate(0deg) rotateY(2124deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2124deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(30){-webkit-transform:rotate(0deg) rotateY(2196deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2196deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(31){-webkit-transform:rotate(0deg) rotateY(2268deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2268deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(32){-webkit-transform:rotate(0deg) rotateY(2340deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2340deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(33){-webkit-transform:rotate(0deg) rotateY(2412deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2412deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(34){-webkit-transform:rotate(0deg) rotateY(2484deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2484deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(35){-webkit-transform:rotate(0deg) rotateY(2556deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2556deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(36){-webkit-transform:rotate(0deg) rotateY(2628deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2628deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(37){-webkit-transform:rotate(0deg) rotateY(2700deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2700deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(38){-webkit-transform:rotate(0deg) rotateY(2772deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2772deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(39){-webkit-transform:rotate(0deg) rotateY(2844deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2844deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(40){-webkit-transform:rotate(0deg) rotateY(2916deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2916deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(41){-webkit-transform:rotate(0deg) rotateY(2988deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(2988deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(42){-webkit-transform:rotate(0deg) rotateY(3060deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3060deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(43){-webkit-transform:rotate(0deg) rotateY(3132deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3132deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(44){-webkit-transform:rotate(0deg) rotateY(3204deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3204deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(45){-webkit-transform:rotate(0deg) rotateY(3276deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3276deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(46){-webkit-transform:rotate(0deg) rotateY(3348deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3348deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(47){-webkit-transform:rotate(0deg) rotateY(3420deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3420deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(48){-webkit-transform:rotate(0deg) rotateY(3492deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3492deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(49){-webkit-transform:rotate(0deg) rotateY(3564deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3564deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(50){-webkit-transform:rotate(0deg) rotateY(3636deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3636deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(51){-webkit-transform:rotate(0deg) rotateY(3708deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3708deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(52){-webkit-transform:rotate(0deg) rotateY(3780deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3780deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(53){-webkit-transform:rotate(0deg) rotateY(3852deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3852deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(54){-webkit-transform:rotate(0deg) rotateY(3924deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3924deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(55){-webkit-transform:rotate(0deg) rotateY(3996deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(3996deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(56){-webkit-transform:rotate(0deg) rotateY(4068deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4068deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(57){-webkit-transform:rotate(0deg) rotateY(4140deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4140deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(58){-webkit-transform:rotate(0deg) rotateY(4212deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4212deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(59){-webkit-transform:rotate(0deg) rotateY(4284deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4284deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(60){-webkit-transform:rotate(0deg) rotateY(4356deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4356deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(61){-webkit-transform:rotate(0deg) rotateY(4428deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4428deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(62){-webkit-transform:rotate(0deg) rotateY(4500deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4500deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(63){-webkit-transform:rotate(0deg) rotateY(4572deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4572deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(64){-webkit-transform:rotate(0deg) rotateY(4644deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4644deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(65){-webkit-transform:rotate(0deg) rotateY(4716deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4716deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(66){-webkit-transform:rotate(0deg) rotateY(4788deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4788deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(67){-webkit-transform:rotate(0deg) rotateY(4860deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4860deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(68){-webkit-transform:rotate(0deg) rotateY(4932deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(4932deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(69){-webkit-transform:rotate(0deg) rotateY(5004deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5004deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(70){-webkit-transform:rotate(0deg) rotateY(5076deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5076deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(71){-webkit-transform:rotate(0deg) rotateY(5148deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5148deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(72){-webkit-transform:rotate(0deg) rotateY(5220deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5220deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(73){-webkit-transform:rotate(0deg) rotateY(5292deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5292deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(74){-webkit-transform:rotate(0deg) rotateY(5364deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5364deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(75){-webkit-transform:rotate(0deg) rotateY(5436deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5436deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(76){-webkit-transform:rotate(0deg) rotateY(5508deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5508deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(77){-webkit-transform:rotate(0deg) rotateY(5580deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5580deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(78){-webkit-transform:rotate(0deg) rotateY(5652deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5652deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(79){-webkit-transform:rotate(0deg) rotateY(5724deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5724deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(80){-webkit-transform:rotate(0deg) rotateY(5796deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5796deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(81){-webkit-transform:rotate(0deg) rotateY(5868deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5868deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(82){-webkit-transform:rotate(0deg) rotateY(5940deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(5940deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(83){-webkit-transform:rotate(0deg) rotateY(6012deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6012deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(84){-webkit-transform:rotate(0deg) rotateY(6084deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6084deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(85){-webkit-transform:rotate(0deg) rotateY(6156deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6156deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(86){-webkit-transform:rotate(0deg) rotateY(6228deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6228deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(87){-webkit-transform:rotate(0deg) rotateY(6300deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6300deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(88){-webkit-transform:rotate(0deg) rotateY(6372deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6372deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(89){-webkit-transform:rotate(0deg) rotateY(6444deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6444deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(90){-webkit-transform:rotate(0deg) rotateY(6516deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6516deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(91){-webkit-transform:rotate(0deg) rotateY(6588deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6588deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(92){-webkit-transform:rotate(0deg) rotateY(6660deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6660deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(93){-webkit-transform:rotate(0deg) rotateY(6732deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6732deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(94){-webkit-transform:rotate(0deg) rotateY(6804deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6804deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(95){-webkit-transform:rotate(0deg) rotateY(6876deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6876deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(96){-webkit-transform:rotate(0deg) rotateY(6948deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(6948deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(97){-webkit-transform:rotate(0deg) rotateY(7020deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7020deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(98){-webkit-transform:rotate(0deg) rotateY(7092deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7092deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(99){-webkit-transform:rotate(0deg) rotateY(7164deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7164deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(100){-webkit-transform:rotate(0deg) rotateY(7236deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7236deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(101){-webkit-transform:rotate(0deg) rotateY(7308deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7308deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(102){-webkit-transform:rotate(0deg) rotateY(7380deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7380deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(103){-webkit-transform:rotate(0deg) rotateY(7452deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7452deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(104){-webkit-transform:rotate(0deg) rotateY(7524deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7524deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(105){-webkit-transform:rotate(0deg) rotateY(7596deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7596deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(106){-webkit-transform:rotate(0deg) rotateY(7668deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7668deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(107){-webkit-transform:rotate(0deg) rotateY(7740deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7740deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(108){-webkit-transform:rotate(0deg) rotateY(7812deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7812deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(109){-webkit-transform:rotate(0deg) rotateY(7884deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7884deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(110){-webkit-transform:rotate(0deg) rotateY(7956deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(7956deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(111){-webkit-transform:rotate(0deg) rotateY(8028deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8028deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(112){-webkit-transform:rotate(0deg) rotateY(8100deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8100deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(113){-webkit-transform:rotate(0deg) rotateY(8172deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8172deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(114){-webkit-transform:rotate(0deg) rotateY(8244deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8244deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(115){-webkit-transform:rotate(0deg) rotateY(8316deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8316deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(116){-webkit-transform:rotate(0deg) rotateY(8388deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8388deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(117){-webkit-transform:rotate(0deg) rotateY(8460deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8460deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(118){-webkit-transform:rotate(0deg) rotateY(8532deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8532deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(119){-webkit-transform:rotate(0deg) rotateY(8604deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8604deg) rotateX(-10.81deg) translateZ(var(--f))}.d20 .face-plane:nth-of-type(120){-webkit-transform:rotate(0deg) rotateY(8676deg) rotateX(-10.81deg) translateZ(var(--f));transform:rotate(0deg) rotateY(8676deg) rotateX(-10.81deg) translateZ(var(--f))}.d20.roll-1{-webkit-transform:rotateX(-52.6deg) rotateY(-72deg);transform:rotateX(-52.6deg) rotateY(-72deg)}.d20.roll-19{-webkit-transform:rotateX(-52.6deg) rotateY(-144deg);transform:rotateX(-52.6deg) rotateY(-144deg)}.d20.roll-3{-webkit-transform:rotateX(-52.6deg) rotateY(144deg);transform:rotateX(-52.6deg) rotateY(144deg)}.d20.roll-17{-webkit-transform:rotateX(-52.6deg) rotateY(72deg);transform:rotateX(-52.6deg) rotateY(72deg)}.d20.roll-7{-webkit-transform:rotateX(-52.6deg) rotateY(0deg);transform:rotateX(-52.6deg) rotateY(0deg)}.d20.roll-2{-webkit-transform:rotate(180deg) rotateX(52.6deg) rotateY(36deg);transform:rotate(180deg) rotateX(52.6deg) rotateY(36deg)}.d20.roll-20{-webkit-transform:rotate(180deg) rotateX(52.6deg) rotateY(108deg);transform:rotate(180deg) rotateX(52.6deg) rotateY(108deg)}.d20.roll-14{-webkit-transform:rotate(180deg) rotateX(52.6deg) rotateY(180deg);transform:rotate(180deg) rotateX(52.6deg) rotateY(180deg)}.d20.roll-4{-webkit-transform:rotate(180deg) rotateX(52.6deg) rotateY(-108deg);transform:rotate(180deg) rotateX(52.6deg) rotateY(-108deg)}.d20.roll-18{-webkit-transform:rotate(180deg) rotateX(52.6deg) rotateY(-36deg);transform:rotate(180deg) rotateX(52.6deg) rotateY(-36deg)}.d20.roll-10{-webkit-transform:rotate(180deg) rotateX(-10.8deg) rotateY(72deg);transform:rotate(180deg) rotateX(-10.8deg) rotateY(72deg)}.d20.roll-16{-webkit-transform:rotate(180deg) rotateX(-10.8deg) rotateY(144deg);transform:rotate(180deg) rotateX(-10.8deg) rotateY(144deg)}.d20.roll-9{-webkit-transform:rotate(180deg) rotateX(-10.8deg) rotateY(-144deg);transform:rotate(180deg) rotateX(-10.8deg) rotateY(-144deg)}.d20.roll-13{-webkit-transform:rotate(180deg) rotateX(-10.8deg) rotateY(-72deg);transform:rotate(180deg) rotateX(-10.8deg) rotateY(-72deg)}.d20.roll-15{-webkit-transform:rotate(180deg) rotateX(-10.8deg) rotateY(0deg);transform:rotate(180deg) rotateX(-10.8deg) rotateY(0deg)}.d20.roll-11{-webkit-transform:rotateX(10.8deg) rotateY(-108deg);transform:rotateX(10.8deg) rotateY(-108deg)}.d20.roll-6{-webkit-transform:rotateX(10.8deg) rotateY(180deg);transform:rotateX(10.8deg) rotateY(180deg)}.d20.roll-8{-webkit-transform:rotateX(10.8deg) rotateY(108deg);transform:rotateX(10.8deg) rotateY(108deg)}.d20.roll-12{-webkit-transform:rotateX(10.8deg) rotateY(36deg);transform:rotateX(10.8deg) rotateY(36deg)}.d20.roll-5{-webkit-transform:rotateX(10.8deg) rotateY(-36deg);transform:rotateX(10.8deg) rotateY(-36deg)}.d20.rolling-1{--roll-target:rotateX(-52.6deg) rotateY(-72deg)}.d20.rolling-19{--roll-target:rotateX(-52.6deg) rotateY(-144deg)}.d20.rolling-3{--roll-target:rotateX(-52.6deg) rotateY(144deg)}.d20.rolling-17{--roll-target:rotateX(-52.6deg) rotateY(72deg)}.d20.rolling-7{--roll-target:rotateX(-52.6deg) rotateY(0deg)}.d20.rolling-2{--roll-target:rotateZ(180deg) rotateX(52.6deg) rotateY(36deg)}.d20.rolling-20{--roll-target:rotateZ(180deg) rotateX(52.6deg) rotateY(108deg)}.d20.rolling-14{--roll-target:rotateZ(180deg) rotateX(52.6deg) rotateY(180deg)}.d20.rolling-4{--roll-target:rotateZ(180deg) rotateX(52.6deg) rotateY(-108deg)}.d20.rolling-18{--roll-target:rotateZ(180deg) rotateX(52.6deg) rotateY(-36deg)}.d20.rolling-10{--roll-target:rotateZ(180deg) rotateX(-10.8deg) rotateY(72deg)}.d20.rolling-16{--roll-target:rotateZ(180deg) rotateX(-10.8deg) rotateY(144deg)}.d20.rolling-9{--roll-target:rotateZ(180deg) rotateX(-10.8deg) rotateY(-144deg)}.d20.rolling-13{--roll-target:rotateZ(180deg) rotateX(-10.8deg) rotateY(-72deg)}.d20.rolling-15{--roll-target:rotateZ(180deg) rotateX(-10.8deg) rotateY(0deg)}.d20.rolling-11{--roll-target:rotateX(10.8deg) rotateY(-108deg)}.d20.rolling-6{--roll-target:rotateX(10.8deg) rotateY(180deg)}.d20.rolling-8{--roll-target:rotateX(10.8deg) rotateY(108deg)}.d20.rolling-12{--roll-target:rotateX(10.8deg) rotateY(36deg)}.d20.rolling-5{--roll-target:rotateX(10.8deg) rotateY(-36deg)}.d4{height:calc(var(--a));transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d4 .face-plane:first-child{-webkit-transform:translateY(17%) rotateX(19.47deg) translateZ(var(--f));transform:translateY(17%) rotateX(19.47deg) translateZ(var(--f))}.d4 .face-plane:nth-child(2){-webkit-transform:translateY(17%) rotateY(120deg) rotateX(19.47deg) translateZ(var(--f));transform:translateY(17%) rotateY(120deg) rotateX(19.47deg) translateZ(var(--f))}.d4 .face-plane:nth-child(3){-webkit-transform:translateY(17%) rotateY(-120deg) rotateX(19.47deg) translateZ(var(--f));transform:translateY(17%) rotateY(-120deg) rotateX(19.47deg) translateZ(var(--f))}.d4 .face-plane:nth-child(4){-webkit-transform:translateY(17%) rotateX(90deg) translateZ(calc(var(--f)*-1)) rotateY(180deg);transform:translateY(17%) rotateX(90deg) translateZ(calc(var(--f)*-1)) rotateY(180deg)}.d4.roll-1{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}.d4.roll-2{-webkit-transform:rotateX(0deg) rotateY(240deg) rotate(0deg);transform:rotateX(0deg) rotateY(240deg) rotate(0deg)}.d4.roll-3{-webkit-transform:rotateX(0deg) rotateY(120deg) rotate(0deg);transform:rotateX(0deg) rotateY(120deg) rotate(0deg)}.d4.roll-4{-webkit-transform:rotateX(90deg) rotateY(180deg) rotate(0deg);transform:rotateX(90deg) rotateY(180deg) rotate(0deg)}.d4.rolling-1{--roll-target:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.d4.rolling-2{--roll-target:rotateX(0deg) rotateY(240deg) rotateZ(0deg)}.d4.rolling-3{--roll-target:rotateX(0deg) rotateY(120deg) rotateZ(0deg)}.d4.rolling-4{--roll-target:rotateX(90deg) rotateY(180deg) rotateZ(0deg)}.d6{height:calc(var(--a));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d6 .face-plane:first-of-type{-webkit-transform:rotateX(90deg) translateZ(var(--f));transform:rotateX(90deg) translateZ(var(--f))}.d6 .face-plane:nth-of-type(2){-webkit-transform:rotateX(180deg) translateZ(var(--f));transform:rotateX(180deg) translateZ(var(--f))}.d6 .face-plane:nth-of-type(3){-webkit-transform:rotateX(270deg) translateZ(var(--f));transform:rotateX(270deg) translateZ(var(--f))}.d6 .face-plane:nth-of-type(4){-webkit-transform:rotateX(1turn) translateZ(var(--f));transform:rotateX(1turn) translateZ(var(--f))}.d6 .face-plane:nth-of-type(5){-webkit-transform:rotateY(90deg) translateZ(var(--f));transform:rotateY(90deg) translateZ(var(--f))}.d6 .face-plane:nth-of-type(6){-webkit-transform:rotateY(270deg) translateZ(var(--f));transform:rotateY(270deg) translateZ(var(--f))}.d6.roll-1{-webkit-transform:rotateX(-90deg) rotateY(0deg) rotate(0deg);transform:rotateX(-90deg) rotateY(0deg) rotate(0deg)}.d6.roll-5{-webkit-transform:rotateX(180deg) rotateY(0deg) rotate(0deg);transform:rotateX(180deg) rotateY(0deg) rotate(0deg)}.d6.roll-6{-webkit-transform:rotateX(90deg) rotateY(0deg) rotate(0deg);transform:rotateX(90deg) rotateY(0deg) rotate(0deg)}.d6.roll-2{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}.d6.roll-3{-webkit-transform:rotateX(0deg) rotateY(-90deg) rotate(0deg);transform:rotateX(0deg) rotateY(-90deg) rotate(0deg)}.d6.roll-4{-webkit-transform:rotateX(0deg) rotateY(90deg) rotate(0deg);transform:rotateX(0deg) rotateY(90deg) rotate(0deg)}.d6.rolling-1{--roll-target:rotateX(-90deg) rotateY(0deg) rotateZ(0deg)}.d6.rolling-5{--roll-target:rotateX(180deg) rotateY(0deg) rotateZ(0deg)}.d6.rolling-6{--roll-target:rotateX(90deg) rotateY(0deg) rotateZ(0deg)}.d6.rolling-2{--roll-target:rotateX(0deg) rotateY(0deg) rotateZ(0deg)}.d6.rolling-3{--roll-target:rotateX(0deg) rotateY(-90deg) rotateZ(0deg)}.d6.rolling-4{--roll-target:rotateX(0deg) rotateY(90deg) rotateZ(0deg)}.d8{height:calc(var(--a));-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease;width:calc(var(--a))}.d8 .face-plane:first-of-type{-webkit-transform:rotateY(90deg) rotateX(35.264deg) translateZ(var(--f));transform:rotateY(90deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(2){-webkit-transform:rotateY(180deg) rotateX(35.264deg) translateZ(var(--f));transform:rotateY(180deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(3){-webkit-transform:rotateY(270deg) rotateX(35.264deg) translateZ(var(--f));transform:rotateY(270deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(4){-webkit-transform:rotateY(1turn) rotateX(35.264deg) translateZ(var(--f));transform:rotateY(1turn) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(5){-webkit-transform:rotate(180deg) rotateY(450deg) rotateX(35.264deg) translateZ(var(--f));transform:rotate(180deg) rotateY(450deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(6){-webkit-transform:rotate(180deg) rotateY(540deg) rotateX(35.264deg) translateZ(var(--f));transform:rotate(180deg) rotateY(540deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(7){-webkit-transform:rotate(180deg) rotateY(630deg) rotateX(35.264deg) translateZ(var(--f));transform:rotate(180deg) rotateY(630deg) rotateX(35.264deg) translateZ(var(--f))}.d8 .face-plane:nth-of-type(8){-webkit-transform:rotate(180deg) rotateY(2turn) rotateX(35.264deg) translateZ(var(--f));transform:rotate(180deg) rotateY(2turn) rotateX(35.264deg) translateZ(var(--f))}.d8.roll-1{-webkit-transform:rotateX(-45deg) rotateY(-90deg) rotate(0deg);transform:rotateX(-45deg) rotateY(-90deg) rotate(0deg)}.d8.roll-7{-webkit-transform:rotateX(-45deg) rotateY(180deg) rotate(0deg);transform:rotateX(-45deg) rotateY(180deg) rotate(0deg)}.d8.roll-5{-webkit-transform:rotateX(-45deg) rotateY(90deg) rotate(0deg);transform:rotateX(-45deg) rotateY(90deg) rotate(0deg)}.d8.roll-3{-webkit-transform:rotateX(-45deg) rotateY(0deg) rotate(0deg);transform:rotateX(-45deg) rotateY(0deg) rotate(0deg)}.d8.roll-8{-webkit-transform:rotateX(135deg) rotateY(-90deg) rotate(0deg);transform:rotateX(135deg) rotateY(-90deg) rotate(0deg)}.d8.roll-6{-webkit-transform:rotateX(135deg) rotateY(0deg) rotate(0deg);transform:rotateX(135deg) rotateY(0deg) rotate(0deg)}.d8.roll-4{-webkit-transform:rotateX(135deg) rotateY(90deg) rotate(0deg);transform:rotateX(135deg) rotateY(90deg) rotate(0deg)}.d8.roll-2{-webkit-transform:rotateX(135deg) rotateY(180deg) rotate(0deg);transform:rotateX(135deg) rotateY(180deg) rotate(0deg)}.d8.rolling-1{--roll-target:rotateX(-45deg) rotateY(-90deg) rotateZ(0deg)}.d8.rolling-7{--roll-target:rotateX(-45deg) rotateY(180deg) rotateZ(0deg)}.d8.rolling-5{--roll-target:rotateX(-45deg) rotateY(90deg) rotateZ(0deg)}.d8.rolling-3{--roll-target:rotateX(-45deg) rotateY(0deg) rotateZ(0deg)}.d8.rolling-8{--roll-target:rotateX(135deg) rotateY(-90deg) rotateZ(0deg)}.d8.rolling-6{--roll-target:rotateX(135deg) rotateY(0deg) rotateZ(0deg)}.d8.rolling-4{--roll-target:rotateX(135deg) rotateY(90deg) rotateZ(0deg)}.d8.rolling-2{--roll-target:rotateX(135deg) rotateY(180deg) rotateZ(0deg)}.roller{background-color:var(--primary);cursor:move;display:flex;flex:1 1;flex-wrap:wrap;-webkit-perspective:8000px;perspective:8000px;position:relative;width:100%}.roller .die{font-size:300%;position:relative;transition:scale .1s ease;-webkit-user-select:none;user-select:none}.roller .die,.roller .die .face-plane{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.roller .die .face-plane{height:100%;position:absolute;transition:all .5s ease;width:100%}.roller .die .face-plane svg{height:100%;overflow:visible;width:100%}.roller-ui-layer{height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.roller-ui-layer .menu-mode{bottom:0;padding:1rem;position:absolute;right:0}.roller-ui-layer .menu-mode .toggle{align-items:center;background-color:var(--background);border:2px solid var(--contrast);border-radius:1000px;color:var(--offset);display:flex;font-size:.75rem;font-weight:700;gap:0;height:2.5rem;justify-content:flex-end;opacity:0;overflow:hidden;padding:0;pointer-events:all;transition:all .2s ease;width:2.5rem}.roller-ui-layer .menu-mode .toggle .icon{background-color:var(--primary);border:none;border-radius:1000px;color:var(--background);min-width:calc(2.5rem - 4px);rotate:180deg;translate:0 0}.roller-ui-layer .menu-mode .toggle .icon,.roller-ui-layer .menu-mode .toggle .label{align-items:center;display:flex;justify-content:center;min-height:calc(2.5rem - 4px);transition:all .2s ease}.roller-ui-layer .menu-mode .toggle .label{text-wrap:nowrap;color:var(--text);flex:1 1}.roller-ui-layer .menu-mode .toggle:hover{opacity:1;width:8rem}.roller-ui-layer .menu-mode .toggle:hover .icon{rotate:180deg}.roller-ui-layer .menu-mode .toggle.show{opacity:1;width:8rem}.roller-ui-layer .menu-mode .toggle.active .icon{rotate:0deg}.roller-ui-layer .menu-mode .toggle.active:hover .icon{rotate:0deg;translate:-5.5rem 0}.roller-ui-layer .menu-mode .toggle.active:hover .label{translate:calc(2.5rem - 4px) 0}.roller:hover .toggle{opacity:.25}.dice-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.dice-options-container{height:100%;pointer-events:none;position:absolute;width:100%;z-index:2}.dice-options-container .relative-parent{height:100%;pointer-events:all;position:relative;width:100%}.dice-options-container .dice-menu{display:flex;flex-direction:column;gap:1rem;position:absolute;right:1rem;top:1rem}.dice-options-container .dice-menu button{background-color:transparent;border:none;color:var(--offset);font-size:2rem;opacity:0;padding:0;pointer-events:none;transition:all .1s ease}.dice-options-container .dice-menu .open-menu{pointer-events:all}.dice-menu-interact{display:flex;opacity:0;padding-right:1rem;pointer-events:none;position:absolute;right:100%;top:0;transition:all .1s ease;width:max(16rem,var(--wrapper-width) - 4rem);z-index:3}.dice-menu-interact .select{font-size:1rem;z-index:3}.dice-menu-interact .select .options svg{font-size:.75rem}.dice-menu-interact input[type=number],.dice-menu-interact input[type=text]{height:100%;width:100%}.dice-menu-interact.active,.dice-options-container.active .dice-menu button{opacity:1;pointer-events:all}.relative-parent:hover .open-menu{opacity:1}.dice-result{bottom:0;color:var(--offset);font-size:3rem;font-weight:700;padding:1rem;pointer-events:none;position:absolute;right:0;-webkit-user-select:none;user-select:none}.dice-result.show{opacity:1;transition:all .25s ease}.dice-result.hide{opacity:0;transition:all 1ms ease}.test-y{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationY;animation-name:TestRotationY;-webkit-animation-timing-function:linear;animation-timing-function:linear}.test-x{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationX;animation-name:TestRotationX;-webkit-animation-timing-function:linear;animation-timing-function:linear}.test-z{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-duration:20s;animation-duration:20s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationZ;animation-name:TestRotationZ;-webkit-animation-timing-function:linear;animation-timing-function:linear}.idle-rolling{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:IdleRoll;animation-name:IdleRoll;-webkit-animation-timing-function:linear;animation-timing-function:linear}.idle-rolling,.idle-y{-webkit-animation-duration:var(--idle-duration);animation-duration:var(--idle-duration)}.idle-y{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationY;animation-name:TestRotationY;-webkit-animation-timing-function:linear;animation-timing-function:linear}.idle-x{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationX;animation-name:TestRotationX;-webkit-animation-timing-function:linear;animation-timing-function:linear}.idle-x,.idle-z{-webkit-animation-duration:var(--idle-duration);animation-duration:var(--idle-duration)}.idle-z{-webkit-animation-delay:0ms;animation-delay:0ms;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:TestRotationZ;animation-name:TestRotationZ;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes IdleRoll{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}50%{-webkit-transform:rotateX(90deg) rotateY(180deg) rotate(270deg);transform:rotateX(90deg) rotateY(180deg) rotate(270deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn) rotate(1turn);transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}@keyframes IdleRoll{0%{-webkit-transform:rotateX(0deg) rotateY(0deg) rotate(0deg);transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}50%{-webkit-transform:rotateX(90deg) rotateY(180deg) rotate(270deg);transform:rotateX(90deg) rotateY(180deg) rotate(270deg)}to{-webkit-transform:rotateX(1turn) rotateY(1turn) rotate(1turn);transform:rotateX(1turn) rotateY(1turn) rotate(1turn)}}@-webkit-keyframes TestRotationX{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}0%{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@keyframes TestRotationX{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}0%{-webkit-transform:rotateX(1turn);transform:rotateX(1turn)}}@-webkit-keyframes TestRotationY{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}0%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@keyframes TestRotationY{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}0%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}}@-webkit-keyframes TestRotationZ{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes TestRotationZ{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}0%{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.rolling{-webkit-animation:roll var(--roll-duration) ease forwards;animation:roll var(--roll-duration) ease forwards}@-webkit-keyframes roll{0%{-webkit-transform:var(--roll-target);transform:var(--roll-target)}to{-webkit-transform:var(--roll-target) rotate3d(var(--raxis-x),var(--raxis-y),var(--raxis-z),7turn);transform:var(--roll-target) rotate3d(var(--raxis-x),var(--raxis-y),var(--raxis-z),7turn)}}@keyframes roll{0%{-webkit-transform:var(--roll-target);transform:var(--roll-target)}to{-webkit-transform:var(--roll-target) rotate3d(var(--raxis-x),var(--raxis-y),var(--raxis-z),7turn);transform:var(--roll-target) rotate3d(var(--raxis-x),var(--raxis-y),var(--raxis-z),7turn)}}.window{background-color:var(--background);display:flex;flex-direction:column;height:calc(100% - 2.5rem);left:0;overflow-y:auto;padding-bottom:1rem;padding-top:1rem;position:absolute;top:2.5rem;translate:0 -100%;width:100%;z-index:2}.window.active{translate:0 0}.window-section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem 1rem}.window-section .title{color:var(--text);font-size:1.25rem;font-weight:700}.window-section .asset-list{border:2px solid var(--offset);border-radius:4px;display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.window-section .asset-list .asset{background-color:var(--primary);border-bottom:1px solid var(--offset);color:var(--offset-text);cursor:default;display:flex;font-size:.7rem;font-weight:700;gap:.5rem;padding:.5rem}.window-section .asset-list .asset button{background-color:transparent;border:none;padding:0}.window-section .asset-list .asset:hover{background-color:var(--offset)}.window-section .asset-list .asset:last-of-type{border-bottom:none}.preference-list{display:flex;flex-direction:column;width:100%}.preference-list .preference{align-items:center;border-bottom:1px solid #444;display:flex;font-size:.75rem;gap:.5rem;padding:.5rem 0;width:100%}.preference-list .preference label{color:var(--text);flex:1.5 1;font-weight:700}.preference-list .preference .input-container{display:flex;flex:1 1;justify-content:flex-end}.preference-list .preference .input-container input[type=range],.preference-list .preference .input-container input[type=text]{width:100%}.preference-list .preference .increment-decrement{align-items:center;display:flex;flex:1 1;justify-content:space-around}.preference-list .preference .increment-decrement div{color:var(--text);font-weight:700}.preference-list .preference .increment-decrement button{background-color:var(--background);border:none;color:var(--text)}.preference-list .preference select{color:var(--contrast)}.preference-list .preference:last-of-type{border-bottom:none}#about-window{color:var(--text)}#about-window .window-section{align-items:center;text-align:center}#about-window .window-section:not(:last-of-type):after{border-bottom:1px solid var(--offset);content:"";height:.5rem;width:75%}.links{display:flex;font-size:2.5rem;justify-content:space-evenly;width:100%}.links a{cursor:pointer}.links:not(:last-of-type){padding-bottom:.5rem}.smaller{font-size:75%}.links.smaller{font-size:1.25rem}#roll-history-window{padding:0}.roll-records{display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}.roll-record:last-of-type{border-bottom:2px solid var(--offset)}.roll-record{border-bottom:1px solid var(--primary);border:2px solid var(--offset);border-radius:4px;display:flex;flex-direction:column}.roll-record .title-row{align-items:center;background-color:var(--offset);color:var(--offset-text);display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;padding:.25rem .5rem;width:100%}.roll-record .title-row input{background-color:hsla(0,0%,100%,.533);border:none;flex:1 1;height:100%;outline:none}.roll-record .title-row .annotation{flex:1 1;font-weight:700}.roll-record .title-row .controls{display:flex}.roll-record .title-row .controls button{background-color:transparent;border:none;font-size:.75rem;height:100%}.roll-record .timestamp{font-style:italic}.roll-record .command{width:75%;word-break:break-all}.roll-record .command,.roll-record .result{color:var(--offset-text);padding:.25rem .5rem}.roll-record .result{flex:1 1;font-size:1.25rem;font-weight:700;justify-content:center}.roll-record .result,.roll-record>div{align-items:center;display:flex}.roll-record>div:last-of-type{background-color:var(--primary)}.key-preference{align-items:center;display:flex;font-weight:700;gap:.5rem}.key-preference .key-name{color:var(--text)}.key-record-modal{background-color:rgba(0,0,0,.502);color:var(--text);display:flex;gap:.5rem;height:0;z-index:1000}.dialogue,.key-record-modal{align-items:center;height:100vh;justify-content:center;left:0;position:fixed;width:100vw}.dialogue{background-color:rgba(0,0,0,.75);display:none;flex-direction:column;top:0;z-index:100}.dialogue-internal{border-radius:4px;box-shadow:0 3px 5px #222;position:relative;transition:all .25s ease}.dialogue-content{background-color:#222;border-radius:inherit;color:var(--text);display:flex;flex-direction:column;gap:1rem;max-width:min(600px,95vw);padding:2rem;z-index:2}.dialogue-section{display:flex;width:100%}.dialogue-section.col{flex-direction:column}.dialogue-controls{display:flex;gap:1rem;justify-content:center;width:100%}.fade-in{-webkit-animation:fadeIn var(--fade-duration) ease forwards;animation:fadeIn var(--fade-duration) ease forwards}@-webkit-keyframes fadeIn{0%{opacity:0}75%{opacity:1}}@keyframes fadeIn{0%{opacity:0}75%{opacity:1}}.fade-out{-webkit-animation:fadeOut var(--fade-duration) ease forwards;animation:fadeOut var(--fade-duration) ease forwards}@-webkit-keyframes fadeOut{0%{opacity:1}25%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}25%{opacity:1}to{opacity:0}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background:#222;--primary:#f5f5f5;--offset-text:#222;--text:#f5f5f5;--contrast:#222;--offset:#d3d3d3;--controller-width:20%;--danger:darkred;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page{height:100vh;overflow:hidden;width:100vw}.App{display:flex;height:100%;width:100%}.nodisplay{display:none!important}.flex-fill{flex:1 1}.danger{color:var(--danger)}button{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center;padding:.5rem}input[type=number],input[type=text]{background-color:var(--primary);border:2px solid var(--offset);border-radius:4px;color:var(--offset-text);padding:.5rem}select{color:var(--offset-text)}select option{color:var(--contrast)}.relative-parent{height:100%;position:relative;width:100%}
/*# sourceMappingURL=main.33e3fb1d.css.map*/