*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:inherit;text-decoration:inherit}a:hover{color:#f2bd53}body{font-family:Poppins,sans-serif;background-color:#fff;color:#333}.thems{background-color:#fff;background-color:#0d3a2d;background-color:#ffb902}.main-box{max-width:480px;min-width:200px;width:100vw;min-height:0%;max-height:100%;height:100vh;margin:0 auto;background-color:#fff;box-shadow:0 4px 8px #0000001a;display:flex}.leftContainer{max-width:480px;min-width:100px;width:100%;max-height:100%;min-height:0%;height:100%;position:relative;overflow-y:auto}.rightContainer{overflow:hidden;position:fixed;align-content:center;top:0;bottom:0;left:480px;right:0;text-align:center;border-left:10px solid rgb(235,235,235)}.nav-bar{height:60px;width:100%;max-width:480px;min-width:200px;align-items:center;position:fixed;top:0;left:0;background-color:#fff;padding-left:12px;padding-right:20px;display:flex;justify-content:space-between;box-shadow:#0003 0 1px 4px;z-index:1}.n-box1{height:90%}.nav-icon{height:100%;width:auto;display:flex;align-items:center;gap:10px}.nav-icon img{height:100%;width:100%}.wallet{margin-right:5px;width:auto;border:#d8d8d8 1px solid;background-color:#f3f3f3;box-shadow:#00000029 0 0 1px;border-radius:5px;display:flex;gap:3px;color:#000;padding:2px 8px;align-items:center}.slid-bar{color:#000;background-color:#fff;width:100%;max-width:480px;min-width:200px;min-height:100vh;position:fixed;top:0;transition:.2s;z-index:1}.slid-box{min-height:100%;padding:12px;display:flex;align-items:center;gap:10px}.slid-mbox{min-height:100%;padding:15px;display:flex;align-items:center;gap:10px}.slid-mbox img{width:140%}.s-box1{width:40px;height:40px;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center}.s-box2{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:.9em}.s-box3{display:flex;align-items:center;gap:10px}.slid-box img{width:140%}.slid-box:hover{background-color:#0d3a2d;color:#fff}.footer{width:100%;min-width:200px;max-width:480px;line-height:normal;display:flex;justify-content:space-evenly;font-size:.9em;position:fixed;bottom:0;left:0;padding:3px 0;background:#fff;border-top:1px solid #c0c0c0}.f-box{color:#363636;display:block;text-align:center;font-size:.75em;padding:5px}.main-container{width:100vw;max-width:480px;min-width:200px;align-items:center;margin-top:70px;margin-bottom:100px}.gamesCard{display:flex;padding:0 20px;justify-content:space-between;width:100%;max-width:480px;min-width:200px;align-items:center;margin-bottom:20px}.btn{height:30px;padding:5px;border-radius:5px;color:#0d6efd;background-color:transparent;box-shadow:0 0 1px 1px #0d6efd;display:flex;justify-content:center;align-items:center;gap:3px}.btn:hover{box-shadow:0 0 1px 1px #7d7d7d;background-color:#0d6efd;color:#fff}.flex-s-between{display:flex;justify-content:space-between}.flex-left{display:flex;justify-content:start}.flex-center{display:flex;justify-content:center}.flex-column{display:flex;flex-direction:column}.item-center{align-items:center}.gap-3{gap:3px}.gap-5{gap:5px}.gap-10{gap:10px}.gap-20{gap:20px}.m-5{margin:5px}.m-10{margin:10px}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mx-5{margin-left:5px;margin-right:5px}.mx-10{margin-left:10px;margin-right:10px}.mx-20{margin-left:20px;margin-right:20px}.my-5{margin-top:5px;margin-bottom:5px}.my-10{margin-top:10px;margin-bottom:10px}.my-10{margin-top:20px;margin-bottom:20px}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.px-5{padding-left:5px;padding-right:5px}.px-10{padding-left:10px;padding-right:10px}.px-15{padding-left:15px;padding-right:15px}.px-20{padding-left:20px;padding-right:20px}.px-5,.py-5{padding-top:5px;padding-bottom:5px}.py-10{padding-top:10px;padding-bottom:10px}.py-12{padding-top:12px;padding-bottom:12px}.py-15{padding-top:15px;padding-bottom:15px}.py-20{padding-top:20px;padding-bottom:20px}.b-dotted-1{border:1px dotted gray}.b-dashed-1{border:1px dashed gray}.border-b{border-bottom:1px solid lightgray}.outline-none{outline:none}.br-top-5{border-radius:5px 5px 0 0}.br-5{border-radius:5px}.br-10,.br-15{border-radius:10px}.br-20{border-radius:20px}.br-circle{border-radius:50%}.shadow-1{box-shadow:0 0 1px gray}.shadow-2{box-shadow:0 0 2px gray}.bg-red{background-color:red}.bg-green{background-color:#0b9e00}.bg-yellow{background-color:#ffb902}.bg-gray{background-color:#efeff0}.bg-gray-light{background-color:#f7f7f7}.bg-blue{background-color:#0d6efd}.bg-white{background-color:#fff}.bg-sea{background-color:#0d3a2d}.bg-sea-light{background-color:#198754}.c-sea{color:#198754}.c-red{color:red}.c-green{color:#0b9e00}.c-green-dark{color:#198754}.c-yellow{color:#ffb902}.c-gray-dark{color:gray}.c-gray{color:#efeff0}.c-gray-light{color:#f7f7f7}.c-blue{color:#0d6efd}.c-white{color:#fff}.width-full{width:100%}.width-40{width:40%}.width-half{width:50%}.width-60{width:60%}.width-70{width:70%}.width-80{width:80%}.height-full{height:100%}.height-half{height:50%}.height-60{height:60%}.height-70{height:70%}.height-80{height:80%}.t-bold{font-weight:700}.text-50{font-size:.5rem}.text-65{font-size:.65rem}.text-75{font-size:.75rem}.text-85{font-size:.85rem}.text-110{font-size:1.1rem}.text-120{font-size:1.2rem}.text-125{font-size:1.25rem}.fixed{position:fixed}.overflow-h{overflow:hidden}.tooltip-container{position:relative;display:inline-block;cursor:pointer}.tooltip-icon{font-size:14px;color:#007bff}.tooltip-text{visibility:hidden;width:250px;background-color:#333;color:#fff;text-align:left;border-radius:8px;padding:10px;position:absolute;z-index:1;bottom:25px;left:0;opacity:0;transition:opacity .3s;font-size:10px}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.thStyle,.tdStyle{border:1px solid #ddd;padding:8px;white-space:nowrap}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.spinner{border:4px solid lightgray;border-top:4px solid blue;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blink-text{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.max-w-lg{max-width:32rem}.w-32{width:8rem}.relative{position:relative}.absolute{position:absolute}.right-10{right:10px}.top-10{top:10px}.display-block{display:block}.border-gray-300{border-color:#d1d1d1}.underline{text-decoration:underline}.bg-transparent{background-color:transparent}button:hover{opacity:.9}.bg-cover{background-size:cover}.bg-center{background-position:center}.min-h-screen{min-height:100vh}.width-90{width:90%}.max-w-md{max-width:28rem}.w-28{width:7rem}.disabled-opacity-50:disabled{opacity:.5}.cursor-pointer{cursor:pointer}.border{border:1px solid}.border-gray-200{border-color:#e5e5e5}.border-none{border:none}.bg-gray{background-color:#f3f3f3}.bg-transparent{background-color:transparent;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.text-right{text-align:right}.mx-auto{margin-left:auto;margin-right:auto}button:hover:not(:disabled){opacity:.9}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#ebebeb}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:inherit}button{background-color:#f9f9f9}}.loader-wrapper{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;background-color:#fff;width:480px}.loader{width:48px;height:48px;border:5px solid #f3f3f3;border-top:5px solid #4f46e5;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}