@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&display=swap);:root{--wheel-font:"Lato","Quicksand",sans-serif;--wheel-size:400px;--wheel-slice-spacing:50px;--wheel-border-size:5px;--wheel-color:red;--PI:3.14159265358979;--nb-item:0;--item-nb:0;--selected-item:0;--nb-turn:5;--spinning-duration:4s;--reset-duration:0.25s;--modal-background:#000;--modal-content-background:#1b1b1b2d;--modal-padding:20px;--modal-box-shadow:0 4px 10px #0000001a;--modal-font-color:#333;--button-background:#ff4747;--button-hover-background:#e63e3e;--button-color:#fff;--modal-transition:all 0.3s ease-in-out;--modal-close-color:#ff4747;--arrow-color:#fff}body{background:url(/static/media/bg.3270ed278a6a4ae86747.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;margin:0}.wheel-container{background-color:#fff;background-color:var(--neutral-color);border:3px solid red;border:3px solid var(--wheel-color);border-radius:50%;box-sizing:initial;display:block;height:410px;height:calc(var(--wheel-size) + var(--wheel-border-size)*2);margin:auto;padding:3px;position:relative;-webkit-user-select:none;user-select:none;width:410px;width:calc(var(--wheel-size) + var(--wheel-border-size)*2)}.wheel-container:after,.wheel-container:before{border:20px solid #0000;border-left-width:0;content:"";display:block;height:0;position:absolute;top:50%;transform:translateY(-50%);width:0;z-index:2}.wheel-container:before{border-right-color:red;border-right-color:var(--wheel-color);right:0}.wheel-container:after{border-right-color:#fff;border-right-color:var(--arrow-color);right:-5px}.wheel{background-color:red;background-color:var(--wheel-color);border:5px solid red;border:solid var(--wheel-color) var(--wheel-border-size);border-radius:50%;box-sizing:initial;cursor:pointer;display:block;height:400px;height:var(--wheel-size);margin:auto;overflow:hidden;position:relative;transform:rotate(0deg);transition:transform .25s;transition:transform var(--reset-duration);width:400px;width:var(--wheel-size)}.wheel.spinning{transform:rotate(calc(5 * 1turn + (-1turn * 0 / 0)));transform:rotate(calc(var(--nb-turn)*1turn + -1turn*var(--selected-item)/var(--nb-item, 1)));transition:transform 4s;transition:transform var(--spinning-duration)}.wheel:after{background-color:#fff;background-color:var(--neutral-color);border-radius:50%;content:"";display:block;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;z-index:2}.wheel-item{color:#fff;color:var(--neutral-color);font-family:Lato,Quicksand,sans-serif;font-family:var(--wheel-font);padding:0 25px 0 50px;text-align:right;transform:translateY(-50%) rotate(calc(0 * (1turn / 0)));transform:translateY(-50%) rotate(calc(var(--item-nb)*(1turn/var(--nb-item, 1))));transform-origin:center left;width:50%}.wheel-item,.wheel-item:before{box-sizing:border-box;display:block;left:50%;position:absolute;top:50%}.wheel-item:before{--slice-max-width:calc(var(--PI)*var(--wheel-size) + var(--wheel-size)/2);--slice-width:calc(var(--slice-max-width)/var(--nb-item) - var(--wheel-slice-spacing));border:calc(var(--slice-width)/2) solid #0000;border-left:0 solid #0000;border-right:200px solid #fff;border-right:solid var(--neutral-color) calc(var(--wheel-size)/2);content:" ";height:0;opacity:.25;padding-left:0;transform:translate(-50%,-50%);width:0;z-index:-1}.modal{align-items:center;background-color:#000;background-color:var(--modal-background);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal.show{animation:fadeIn .3s ease-in-out;display:flex}.modal-content{animation:slideUp .5s ease-in-out;background-color:#1b1b1b2d;background-color:var(--modal-content-background);border-radius:var(--modal-border-radius);box-shadow:0 4px 10px #0000001a;box-shadow:var(--modal-box-shadow);color:#333;color:var(--modal-font-color);max-width:400px;padding:20px;padding:var(--modal-padding);text-align:center;width:80%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.close{color:#ff4747;color:var(--modal-close-color);cursor:pointer;font-size:24px;position:absolute;right:10px;top:10px;transition:color .3s}.close:hover{color:#f66}.modal h2{color:red;color:var(--wheel-color);text-transform:uppercase}.modal h2,.modal h3{font-family:Lato,Quicksand,sans-serif;font-family:var(--wheel-font);font-size:1.5rem;font-weight:600;margin-bottom:20px}.modal h3{background-color:red;border-radius:50px;color:#fff;padding-bottom:80px;padding-top:80px}.modal div{color:#555;font-size:1.2rem;font-weight:700;margin-bottom:20px}.modal button{background-color:#ff4747;background-color:var(--button-background);border:none;border-radius:8px;color:#fff;color:var(--button-color);cursor:pointer;font-size:1rem;max-width:250px;padding:12px 20px;transition:background-color .3s ease;width:100%}.modal button:hover{background-color:#e63e3e;background-color:var(--button-hover-background)}.wheel-container{align-items:center;background-color:#fff6;bottom:0;display:flex;justify-content:center;right:0;z-index:1000}.header,.wheel-container{left:0;position:fixed;top:0}.header{background-color:#fff0;text-align:center;width:100%;z-index:10}.logo{padding-top:5px}.logo,.modal-logo{border-radius:50px;height:auto;width:80px}@keyframes gradientColorChange{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.title{animation:gradientColorChange 2s ease infinite;background:linear-gradient(45deg,#f40,#fa7342,#fff,#000);-webkit-background-clip:text;background-size:400% 400%;color:#0000;font-family:Playfair Display,serif;font-size:3vw;letter-spacing:2px;text-shadow:2px 2px 4px #0000004d;text-transform:uppercase;z-index:9999}.pongal-title,.title{font-weight:700;margin-top:0;text-align:center}.pongal-title{animation:pongalGradient 5s linear infinite;background:radial-gradient(circle,#0000,#ff5722,#eb644f,#fa6d0f,#0000,#0000);background-size:600% 600%;color:#fff;font-family:Dancing Script,serif;font-size:4vw;letter-spacing:3px;padding:5px;text-decoration:none;text-shadow:4px 4px 6px #0000004d}@keyframes pongalGradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.title{font-size:5vw}}.content-to-export{background-color:#fff;border:2px solid #ddd;margin:0 auto;padding:20px;width:300px}.content-to-export strong{color:#e63946;display:inline-block;font-style:italic;font-weight:800;margin-right:8px;text-align:left}.data-row{font-size:16px;font-weight:800;margin-bottom:10px;text-align:left}.powered{align-items:center;color:#ddd;display:flex;font-size:10px;justify-content:center;width:100%}.dev-logo{height:auto;width:20px}:root{--app-font:"Quicksand","Lato",sans-serif;--neutral-color:#fff}.App{background:#fff;background:var(--neutral-color);font-family:Quicksand,Lato,sans-serif;font-family:var(--app-font);text-align:center;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.36d6cb9e.css.map*/