.dice{position:relative;width:6.25rem;height:6.25rem;place-content:center;aspect-ratio:1}.dice svg{fill:none;position:absolute;width:100%;height:100%;top:0;left:0}.dice-container{font-family:Mulish,sans-serif;width:6.25rem;height:6.25rem;position:relative;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:transform .6s ease-in-out;user-select:none}.dice-container.rolling{animation:roll-animation .6s ease-in-out}@keyframes roll-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.roll-result{position:absolute;background-color:#245c5e;padding:.3125rem;border-radius:100%;font-size:1.5rem;line-height:1.5rem;font-weight:700;pointer-events:none;text-align:center}:root{font-size:16px}:root:before{content:"";position:absolute;background-image:url(/noise.png);mix-blend-mode:overlay;pointer-events:none;top:0;left:0;width:100vw;height:100vh;z-index:3}.notfound{text-align:center}body{color:#ece0c8;background:#293241;font-family:Mulish,sans-serif;margin:0;padding:1rem;box-sizing:border-box}.home{display:block;font-size:3rem;width:100%;text-align:center;margin:auto auto 1rem;font-weight:1000;font-family:Passero One,cursive}.content{max-width:100vw;margin:auto;overflow-y:scroll;height:calc(100vh - 7rem);max-height:calc(100vh - 7rem);scrollbar-width:none;-ms-overflow-style:none}.content::-webkit-scrollbar{display:none}@media screen and (min-width:768px){.content{max-width:1440px}}h1,h2,h3,h4,h5,h6{font-weight:1000;font-family:Mulish,sans-serif;white-space:wrap;overflow:hidden;text-overflow:ellipsis}p{font-family:Playfair Display,sans-serif;font-size:1.25rem;color:#98c1d9;text-align:justify}a{text-decoration:none}a,a:hover,a:visited{color:#ee6c4d}.slider-container{display:flex;flex-direction:column;align-items:start;width:100%}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:1rem;background:#245c5e;outline:none;cursor:pointer;position:relative}.custom-slider::-webkit-slider-runnable-track{background:#245c5e;height:1rem}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.5rem;height:1.5rem;background:#98c1d9;transition:.2s;border:3px solid #293241;margin-top:-.25rem}.custom-slider::-webkit-slider-thumb:hover{background:#ee6c4d}.custom-slider::-moz-range-thumb{width:1.5rem;height:1.5rem;background:#98c1d9;transition:.2s;border-radius:none;border:3px solid #293241;cursor:pointer}.custom-slider::-moz-range-thumb:hover{background:#ee6c4d}.toggle-switch{display:flex;align-items:center;cursor:pointer;position:relative;user-select:none}.toggle-switch input{display:none}.toggle-switch input:checked+.slider{background:#245c5e}.toggle-switch input:checked+.slider:before{transform:translateX(1.4rem)}.slider{position:relative;width:3rem;height:1.6rem;background:#98c1d9;transition:.2s}.slider:hover:before{background:#ee6c4d}.slider:before{content:"";position:absolute;width:1rem;height:1rem;background:#3d5a80;border:3px solid #293241;left:.1rem;top:.1rem;transition:.2s}.toggle-label{margin-right:.25rem}input[type=file]{display:none}.image-uploader{width:100%;position:relative;cursor:pointer}.image-input{display:none}.upload-area{width:100%;height:3rem;border:3px dashed #98c1d9;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.2s ease-in-out;background:#245c5e;box-sizing:border-box}.upload-area.dragover,.upload-area:hover{background:#245c5e;border-color:#98c1d9}.upload-text{text-align:center}.file-name,.upload-text{color:#98c1d9;font-size:1rem;font-weight:700}.file-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%}.color-picker-input{height:1.5rem;width:3rem;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;border:2px solid #98c1d9;background:#98c1d9}.color-picker-input::-webkit-color-swatch-wrapper{padding:0;margin:0;border:none}.color-picker-input::-webkit-color-swatch{border:none}.card{background:#245c5e;box-shadow:0 0 32px rgba(0,0,0,.333)}.select-container{position:relative;width:100%}.select-container .custom-select{appearance:none;width:100%;padding:8px 40px 8px 12px;border:none;background-color:#245c5e;font-size:1rem;font-weight:700;font-family:Mulish,sans-serif;color:#98c1d9;outline:none;cursor:pointer;transition:all .2s ease-in-out;box-shadow:0 0 32px rgba(0,0,0,.333)}.select-container .active{border-color:#007bff}.select-container .custom-arrow{position:absolute;top:50%;right:10px;pointer-events:none;transform:translateY(-50%);color:#98c1d9;transition:transform .2s ease-in-out}.select-container .rotate{transform:translateY(-50%) rotate(180deg)}.dice-roller{text-align:center;background:#245c5e;padding:1rem;box-shadow:0 0 32px rgba(0,0,0,.333)}.dice-roller .title{margin:0 0 1rem}.dice-roller .controls{display:flex;justify-content:center;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem}.dice-roller .controls .control-group{display:flex;flex-direction:column;align-items:center}.dice-roller .controls .control-group .dice-label{font-size:1.25rem;font-weight:700;margin-bottom:.3125rem}.dice-roller .controls .control-group .button{padding:.25rem .5rem;margin:.3125rem;line-height:.75rem;border:3px solid #293241;background:#3d5a80;color:#ece0c8;cursor:pointer;transition:all .2s ease-in-out}.dice-roller .controls .control-group .button:hover{background-color:#293241}.dice-roller .controls .control-group .button:disabled{background-color:#ccc;cursor:not-allowed;pointer-events:none;color:#666}.dice-roller .controls .control-group .remove-button{background-color:#ee6c4d;color:#293241}.dice-roller .controls .control-group .remove-button:hover{background-color:#c82333}.dice-roller .dice-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;min-height:fit-content}.dice-roller .dice-wrapper{display:inline-block;transition:transform .3s ease}.dice-roller .dice-wrapper:hover{transform:scale(1.1)}