*{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;font-size:16px;line-height:2!important}
@keyframes fadeIn {
from{opacity:0}
to{opacity:1}
}
.container{padding:1.25rem;margin:0 auto}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#fff;font-weight:600;padding:0;margin:0}
.h1,h1{font-size:2.25rem}
.h2,h2{font-size:2rem}
.h3,h3{font-size:1.75rem}
.h4,h4{font-size:1.75rem}
.h5,h5{font-size:1.75rem}
.h6,h6{font-size:1.75rem}
p{color:#fff;padding:0;margin:0 0 1.25rem!important}
strong{font-weight:700}
ul{margin-bottom:1.25rem}
li{color:#fff}
body{background-color:#161616}
textarea{max-height:calc(100% - 84px)!important;height:100%}
.form-control{padding:1.25rem;color:#fff!important;background-color:#242424!important;border:transparent!important;box-shadow:none!important}
.table{margin:0 auto 1.25rem;--bs-table-color:#fff!important;--bs-table-bg:#242424!important;border:transparent!important;border-radius:5px}
.table>:not(caption)>*>*{padding:.625rem 1.25rem}
.modal-content{background-color:#242424!important;color:#fff!important;border:transparent!important;border-radius:5px}
.modal-header{border-bottom:none!important}
.modal-footer{border-top:none!important;justify-content:center}
.modal-title{width:100%;text-align:center}
button{font-weight:500!important;border:none!important;border-radius:0!important;color:#fff!important;padding:.625rem 1.25rem}
.btn-group{width:100%;margin:1.25rem auto;border-radius:5px;overflow:hidden;border:transparent!important}
#shuffleButton{background-color:#4f8cff}
#sortButton{background-color:#7c3aed}
#resetButton{background-color:#f59e42}
#clearTableButton{background-color:#ef4444;}
#closeModal{background-color:#64748b;}
#deleteWinner{background-color:#ef4444;}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background-color:#202020}
::-webkit-scrollbar-thumb{background-color:#121212}
::selection{background-color:#fff;color:#242424}
#spin-wheel{position:relative;display:flex;align-items:center;justify-content:center;padding:0;margin:0 auto 1.25rem;overflow:hidden}
#wheel{display:flex;align-items:center;position:relative;justify-self:flex-end;cursor:pointer;width:80vmin;max-width:100%;flex-shrink:1;height:auto;aspect-ratio:1/1;border-radius:50%;background-color:#fff;box-sizing:border-box;border:10px solid #fff;background-clip:content-box;background-image:conic-gradient(#fbf8cc 0deg,#fbf8cc 15deg,#fceece 0deg,#fceece 30deg,#fde4cf 0deg,#fde4cf 45deg,#ffcfd2 0deg,#ffcfd2 60deg,#f1c0e8 0deg,#f1c0e8 75deg,#cfbaf0 0deg,#cfbaf0 90deg,#a3c4f3 0deg,#a3c4f3 105deg,#90dbf4 0deg,#90dbf4 120deg,#8eecf5 0deg,#8eecf5 135deg,#98f5e1 0deg,#98f5e1 150deg,#a9f8d1 0deg,#a9f8d1 165deg,#b9fbc0 0deg,#b9fbc0 180deg,#fbf8cc 0deg,#fbf8cc 195deg,#fceece 0deg,#fceece 210deg,#fde4cf 0deg,#fde4cf 225deg,#ffcfd2 0deg,#ffcfd2 240deg,#f1c0e8 0deg,#f1c0e8 255deg,#cfbaf0 0deg,#cfbaf0 270deg,#a3c4f3 0deg,#a3c4f3 285deg,#90dbf4 0deg,#90dbf4 300deg,#8eecf5 0deg,#8eecf5 315deg,#98f5e1 0deg,#98f5e1 330deg,#a9f8d1 0deg,#a9f8d1 345deg,#b9fbc0 0deg,#b9fbc0 360deg)}
#wheel--decoration{display:block;position:absolute;width:calc(85vmin - 2px);flex-shrink:1;height:auto;aspect-ratio:1/1;border-radius:50%}
#wheel span{font-size:1.5em;font-weight:700;position:absolute;left:50%;width:50%;text-align:right;padding:1.5em;transform-origin:center left;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#242424}
.arrow{position:absolute;width:0;height:0;border:1vw solid transparent!important;border-left:none;border-right:2vw solid #ff3021!important;top:50%;z-index:10;left:99%!important;transform:translate(-100%,-50%)}
#inputs{font-size:1.5em;width:100%;height:100%;resize:none}
#center-circle{position:absolute;top:50%;left:50%;z-index:10;transform:translate(-50%,-50%);cursor:pointer;width:5vmin;height:5vmin;background-color:#272727;border-radius:50%;display:flex;align-items:center;justify-content:center}
.custom-ul{list-style-type:none;padding:0}
@media (max-width: 1285px) {
.arrow{left:99%!important;border:1vw solid transparent!important;border-right:2vw solid #ed0c0c!important}
#wheel span{font-size:1.25em}
}
@media (max-width: 991px) {
.arrow{left:99%!important;border:1.25vw solid transparent!important;border-right:2.5vw solid #ed0c0c!important}
#wheel span{font-size:1em}
}
@media (max-width: 769px) {
.arrow{left:99%!important;border:1.5vw solid transparent!important;border-right:3vw solid #ed0c0c!important}
#wheel span{font-size:1.125em}
}
@media (max-width: 590px) {
.arrow{left:99%!important;border:1.75vw solid transparent!important;border-right:3.5vw solid #ed0c0c!important}
#wheel span{font-size:1em}
}
@media (max-width: 490px) {
.arrow{left:98%!important;border:1.5vw solid transparent!important;border-right:3vw solid #ed0c0c!important}
#wheel span{font-size:1.125em}
}
@media (max-width: 433px) {
.arrow{left:98%!important;border:2vw solid transparent!important;border-right:4vw solid #ed0c0c!important}
#wheel span{font-size:.75em}
}