body{font-family:sans-serif;margin:0;overflow-x:hidden;padding:0;width:100%}.desktop_view{display:block}.mobile_view{display:none}.rummy{background:url(/static/media/bg.344edbdfd471c20d7ae2.png) no-repeat;background-attachment:fixed;background-size:cover;height:100vh;margin-left:auto;margin-right:auto;overflow:hidden;position:relative}.rummy .header .header_container{align-items:flex-start;cursor:pointer;display:grid;grid-template-columns:1fr 1fr 1fr;padding-left:28px;padding-right:28px}.rummy .header .header_container .user_profile{align-items:center;display:flex;gap:28px;padding-top:20px}.rummy .header .header_container .user_profile .user_info .user_heading{color:#fcbf00;font-size:20px;font-weight:600}.rummy .header .header_container .user_profile .user_info .user_name{color:#fff;font-size:20px;font-weight:600}.rummy .header .header_container .user_profile .user_container{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rummy .header .header_container .user_profile img:first-child{height:60px;max-width:100%;width:60px}.rummy .header .header_container .user_profile img:last-child{max-width:100%;position:absolute;right:-8px;top:-8px}.rummy .header .header_container .nav_bar{position:relative;text-align:center}.rummy .header .header_container .nav_bar .nav_bg_img{display:flex;margin-left:auto;margin-right:auto}.rummy .header .header_container .nav_bar img{max-width:100%;width:auto}.rummy .header .header_container .nav_bar .nav_container{grid-gap:30px;display:grid;grid-template-columns:1fr 1fr;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rummy .header .header_container .nav_bar .nav_container div{align-items:center;display:flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rummy .header .header_container .nav_bar .nav_container div p{color:#fcbf00;font-size:16px;left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rummy .header .header_container .lock_key{padding-top:20px;position:relative;text-align:end}.rummy .header .header_container .lock_key img{height:48px;width:48px}.rummy .rummy-wrapper{padding-top:20px;width:100%}.rummy .rummy-wrapper .body_container{margin-left:auto;margin-right:6%;text-align:center;width:50%}.rummy .rummy-wrapper .body_container .app_logo{height:80px;text-align:center}.rummy .rummy-wrapper .body_container .app_logo img{height:100%;margin:auto;max-width:100%}.rummy .rummy-wrapper .body_container .rummy_cards{cursor:pointer;display:flex;justify-content:center}.rummy .rummy-wrapper .body_container .rummy_cards img{height:250px}.rummy .rummy-wrapper .rummy_side_container::-webkit-scrollbar{display:none}.rummy .rummy-wrapper .rummy_side_container{height:550px;overflow-y:scroll}.rummy #public{margin-left:auto;min-height:auto}.rummy #public .rooms{grid-template-columns:1fr 1fr;height:100%;padding-left:0;padding-right:0}.mymodal{background:#fff;border:1px solid #d3d4d8;border-radius:4px;display:flex;flex-direction:column;height:auto;justify-content:center;left:50%;outline:none;overflow-x:hidden;overflow-y:auto;padding:20px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px}.myoverlay{background-color:rgba(0,0,0,.2);bottom:0;left:0;position:fixed;right:0;top:0;z-index:99999}.ReactModal__Overlay{opacity:0;transition:opacity .5s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.custom-modal-header{align-items:center;display:flex;justify-content:space-between}.custom-modal-header p{color:#52006f;font-size:20px;font-weight:600;margin-bottom:0;margin-top:0;padding-bottom:20px}.custom-modal-header svg{fill:#52006f;cursor:pointer;transition:all .2s}.custom-modal-header svg:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.alert-modal{align-items:flex-start;background-color:#52006f;max-width:400px;min-width:400px;padding-bottom:40px;top:20px;-webkit-transform:translate(-50%);transform:translate(-50%);width:auto}.alert-modal .custom-modal-header{display:block}.alert-modal .close-btn{text-align:right}.alert-modal svg{fill:#fff}.alert-modal p{color:#fff;font-size:32px;padding:0;text-align:center;width:100%}.form-group{width:100%}input{border:1px solid #d3d4d8;border-radius:4px;box-sizing:border-box;display:block;padding:12px 20px;transition:all .2s;width:100%}.btn-primary,.btn-primary:focus{background-color:#52006f;border:1px solid #52006f;border-radius:4px;color:#fff;cursor:pointer;margin-top:20px;padding:12px 20px;transition:all .6s;width:auto}.btn-primary:hover{background-color:#fff;color:#52006f}.btn-cancel,.btn-cancel:focus{background-color:#d3d4d8;border:1px solid #d3d4d8;border-radius:4px;color:#000;cursor:pointer;margin-top:20px;padding:12px 20px;transition:all .6s;width:auto}.btn-group{display:flex;gap:20px;justify-content:flex-end}button{min-width:100px}.btn-cancel:hover{background-color:#fff;color:#000}label{display:block;font-size:14px;padding-bottom:8px}label span{color:red;font-size:12px}input:focus{border:1px solid #52006f}input:focus-visible{outline:none}canvas{display:flex;height:100vh!important;width:100vw!important}body::-webkit-scrollbar{display:none!important}.page-loading{align-items:center;display:flex;height:100vh;inset:0;justify-content:center;position:absolute;z-index:9}.public-header{background-color:#52006f;color:#fff;padding:20px 40px}.public-header .header-container{align-items:center;display:flex;justify-content:space-between;width:100%}.public-header .header-container .app-logo{align-items:center;color:#fcbf00;display:flex;gap:8px}.public-header .header-container .app-logo .back{color:#fcbf00}.public-header .user-name{color:#fcbf00;font-size:20px;font-weight:600}.public-header .header-container img{height:50px}#public{min-height:80vh;padding-bottom:40px;padding-top:40px}#public .rooms{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr 1fr;padding-left:40px;padding-right:40px}#public .rooms .card{align-items:center;background-color:#fff;border-radius:8px;display:flex;font-size:16px;justify-content:space-between;padding:20px}#public .rooms .card button{font-weight:600;margin-top:0}.app-btns{align-items:center;display:flex;gap:16px;justify-content:center;padding-top:10px}.app-btns a:last-child{margin-top:4px}.app-btns a svg{height:80px;width:80px}.app-btns a{color:#fff}@media only screen and (min-device-width:200px) and (max-device-width:1024px){.app-btns{justify-content:space-between;padding-left:12px;padding-right:6px}#public .rooms{grid-template-columns:1fr;padding-left:12px;padding-right:12px}.public-header{padding:12px}.public-header .header-container img{height:auto;width:100px}.public-header .user-name{font-size:16px}.public-header .header-container .app-logo{gap:4px}.public-header .header-container .app-logo svg{height:16px;width:16px}.alert-modal{min-width:auto;width:90%}.mymodal{box-sizing:border-box;padding:20px;width:90%}.btn-cancel,.btn-primary{min-width:auto;padding:8px 16px}.desktop_view,.mobile_view .rummy_side_container #public{display:none}.mobile_view{background:url(/static/media/bg-mob.ad2743f3bdbe0593b297.png);background-attachment:fixed;background-position:50%;background-size:cover;display:block;min-height:100vh}.mobile_view .header{padding-left:20px;padding-right:20px}.mobile_view .header .nav_bar{position:relative;text-align:center}.mobile_view .header .nav_bar .nav_bg_img{display:flex;margin-left:auto;margin-right:auto}.mobile_view .header .nav_bar img{max-width:100%;width:auto}.mobile_view .header .nav_bar .nav_container{grid-gap:8px;align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-items:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:70%}.mobile_view .header .nav_bar .nav_container div{align-items:center;display:flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.mobile_view .header .nav_bar .nav_container div p{color:#fcbf00;font-size:16px;left:50%;margin:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.mobile_view .header .header_container{align-items:center;display:flex;justify-content:space-between;padding-top:20px}.mobile_view .header .header_container .user_container{position:relative}.mobile_view .header .header_container .user_profile{align-items:center;display:flex;gap:20px}.mobile_view .header .header_container .user_profile .user_heading{color:#fcbf00;font-size:16px;font-weight:500}.mobile_view .header .header_container .user_profile .user_name{color:#fff;font-size:16px;font-weight:500}.mobile_view .header .header_container .user_container img:first-child{height:80px;width:80px}.mobile_view .header .header_container .star{position:absolute;right:-8px;top:-8px}.mobile_view .header .header_container .lock_key{text-align:right}.mobile_view .rummy-wrapper{align-items:center;display:flex;padding-left:20px;padding-right:20px}.mobile_view .body_container{display:flex;flex-direction:column;height:100%;justify-content:center}.mobile_view .body_container .app_logo{text-align:center}.mobile_view .body_container .app_logo img{max-width:100%}.mobile_view .body_container .rummy_cards{display:grid;grid-template-columns:1fr 1fr;justify-items:center}.mobile_view .body_container .rummy_cards img{max-width:100%}}
/*# sourceMappingURL=main.2b99d8f0.css.map*/