*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(180deg,#fdc0ab,#f6cbb8,#fff7ea);padding-bottom:50px}button.colored{background:linear-gradient(90deg,#ef7c61,#fac17a);border:1px solid rgba(231,126,43,.533);border-radius:999px!important;box-shadow:0 5px 20px 2px #0000004d!important;font-size:1.3rem;padding:5px 50px;text-transform:inherit}button.colored:hover{box-shadow:0 5px 20px 2px #e77e2b!important}button.colored.spin-bottle{font-size:2.3rem}.MuiPaper-root:not(.MuiAlert-root){background-color:#fef1e8!important;border:1px solid #fdc0ab;border-radius:20px!important;box-shadow:0 10px 30px 5px #0000004d!important;padding:20px 30px!important}ol{font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.00938em;line-height:1.8;margin-left:20px;padding-left:20px}:root{font-size:16px}.app{font-family:Arial,sans-serif;padding:20px;position:relative;text-align:center}.tagline{font-size:2.5rem!important}.players{display:flex;flex-direction:row;margin-bottom:20px}.players input,button{margin:5px;padding:5px}.players button{margin-top:10px;padding:5px 10px}.circle-container{height:400px;margin:100px auto;position:relative;width:400px}.circle{position:relative}.blur-circle,.circle{border-radius:50%;height:100%;width:100%}.blur-circle{-webkit-backdrop-filter:blur(1000px);backdrop-filter:blur(1000px);border:5px solid #fff;box-shadow:0 0 20px 5px #fff,inset 0 0 20px 5px #fff;left:0;position:absolute;top:0;z-index:0}.player-dot{background:#25274e;border:1px solid #665194;border-radius:30px;color:#fff;font-size:1rem;padding:8px 10px 8px 20px;position:absolute;text-align:center;text-transform:uppercase;transform:translate(-50%,-50%);transition:1s ease;width:130px}.player-dot.selected{background:#bccc32!important;color:#000;font-weight:700}.bottle-container{flex-wrap:nowrap!important;overflow-x:auto;white-space:nowrap}.bottle{font-size:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center center;z-index:2}.bottle-item{border-radius:10px;box-shadow:0 5px 10px 1px #0003;cursor:pointer;height:120px;margin:15px 5px;min-width:100px!important;padding:5px;text-align:center;width:100px}.bottle-item.selected,.bottle-item:hover{border:2px solid orange}.bottle-item:first-child{margin-left:10px}.bottle-item:last-child{margin-right:10px}button{cursor:pointer;font-size:16px;padding:10px 20px}.MuiButton-outlined{border:1px solid #25274e!important;color:#25274e!important}.MuiButton-outlined:hover{background-color:#25274e!important;border:1px solid #25274e!important;color:#f7f7f7!important}.MuiDialog-container>.MuiPaper-root{padding:0!important}.selected-player{font-size:20px;font-weight:700;margin-top:20px}.division-line{background:#0000;border:1px solid #ffffff80;height:0;top:50%;transition:all 1s ease-in-out;width:200px;z-index:1}.deg,.division-line{left:50%;position:absolute}.deg{color:#555;font-size:.8em}.popup{background:#038000;border:1px solid #ccc;border-radius:5px;color:#fff;font-size:1.5rem;padding:10px 25px;position:fixed;right:15px;top:15px;transition:all 1s ease-in-out}.checkboxLabel{padding:5px 10px}.checkboxLabel input{margin-right:10px}.bottleList{display:flex}.bottleList>div{border:1px solid #f7f7f7;border-radius:5px;cursor:pointer;height:120px;margin:5px;padding:5px;text-align:center;width:120px}.bottleList .MuiPaper-root{max-height:120px;max-width:120px}.bottleList img{max-height:110px;max-width:110px}.bottleList>div.active,.bottleList>div:hover{background:#eee}.scrollable{scrollbar-color:#ed7d60 #e4bbad;scrollbar-width:thin}.scrollable::-webkit-scrollbar{height:10px;width:10px}.scrollable::-webkit-scrollbar-track{background:#e4bbad;border-radius:5px}.scrollable::-webkit-scrollbar-thumb{background:#ed7d60;border-radius:5px}.scrollable::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1536px){:root{font-size:16px}}@media (max-width:1199px){h1{font-size:4rem!important}.tagline{font-size:1.8rem!important}}@media (max-width:899px){h1{font-size:3rem!important}.tagline{font-size:1.5rem!important}button.colored.spin-bottle{font-size:1.7rem!important}.reset-rounded{padding:12px!important}.player-dot{width:100px}.player-dot p{font-size:.8rem!important}}@media (max-width:599px){h1{font-size:2.5rem!important}.tagline{font-size:1.2rem!important}.circle-container{height:300px;margin:80px auto;width:300px}.division-line{width:50%}button.colored.spin-bottle{font-size:1.2rem!important}.reset-rounded{padding:6px!important}.player-dot p{font-size:.7rem!important}}
/*# sourceMappingURL=main.0999e8a0.css.map*/