body{margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.modal-window{position:fixed;background-color:rgba(0,0,0,.25);top:0;right:0;bottom:0;left:0;z-index:999}.modal{position:fixed;background-color:#fff;padding:200px;top:50%;left:50%;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%)}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#app,#app>div,body,html{height:100%;overflow-x:hidden;background-color:#7abb61}.home-wrap{background-color:#7abb61;height:calc(100vh - 80px)}.intro{position:relative;margin:auto;max-width:800px;padding:30px;border-radius:30px;font-size:larger;font-weight:500;letter-spacing:.75px;background-color:#5f9b55}.intro.mobile{border-radius:0}.header{margin:-50px auto 10px -100px}.header,.header .mobile{display:flex;align-items:center;font-weight:800;border-radius:60px;color:#5f9b55;font-size:18px}.header .mobile{margin:0 auto 10px}.header img{position:relative;height:100px;z-index:2;-webkit-animation:pulse 3s ease-in-out infinite,rotate 3s ease-in-out infinite;animation:pulse 3s ease-in-out infinite,rotate 3s ease-in-out infinite}@-webkit-keyframes pulse{0%{top:2px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{top:-5px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{top:2px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes pulse{0%{top:2px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{top:-5px;-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{top:2px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}@keyframes rotate{0%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}50%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}}.description{padding:0 10px;color:#fff}.header span{position:relative;left:-90px;top:10px;text-align:center;background-color:#fff76a;border-radius:0 30px 30px 0;padding:10px 20px 10px 90px;margin:10px}input{border:2px solid;font-size:16px;font-weight:500}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.mint-wrap{display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;border-radius:10px;padding:30px 10px;margin:auto}.connect-button{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:800;font-size:x-large;background-color:#fff76a;color:#7abb61;border-radius:20px;padding:10px 20px;margin:30px auto;z-index:1}.connect-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.mint-buttons{display:flex;max-width:300px;background-color:#5f9b55;border-radius:30px;padding:20px 30px;margin:25px auto 10px}.minted{display:flex;flex-direction:column;-webkit-transform:scale(.01);transform:scale(.01);background-color:#b4ffa5;margin:10px 5vw;border-radius:20px}.mint{width:150px;margin-right:5px}.free-mint,.mint{background-color:#b4ffa5;border:none;border-radius:30px;color:#5f9b55;font-size:large;font-weight:900}.free-mint{width:200px;padding:10px 0}.amount{color:rgba(255,255,0,.705);background:none;border:none;font-size:large;font-weight:900;width:50px;height:50px}.amount.selected{background-color:#fff76a;border-radius:100px;color:#5f9b55}.amount:hover:not(.selected){color:#fff76a}.minted-cards{justify-content:space-evenly;flex-direction:row;flex-wrap:wrap;display:flex;margin:auto}.minted-title{font-weight:800;font-size:large;margin:15px auto}.slide-in{transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}.minted-cards img:hover{-webkit-transform:scale(1.04)!important;transform:scale(1.04)!important;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.minted-header{margin:auto}.mint-header{display:flex;flex-wrap:wrap;justify-content:space-evenly}.minted-title svg{position:absolute;top:10px;right:10px;color:#5f9b55}.minted-title svg:hover{color:#7abb61}.mint-header .image-wrap{margin:auto 0;position:relative;background-color:#5f9b55;padding:30px;border-radius:20px;height:500px}.mint-header .image-wrap-mobile{width:300px}.image-wrap-mobile img{width:100%}.image-wrap:before{content:"";display:block;width:0;position:absolute;left:-80px;border-top:80px solid transparent;border-bottom:80px solid transparent;border-right:80px solid #5f9b55;top:200px}.image-wrap img{height:100%;object-fit:contain}.video-wrap{height:600px}video{display:block;height:100%;object-fit:contain;border-radius:30px}.error-message{border-radius:10px;background-color:red;padding:15px 30px;font-weight:800;color:#000;margin:30px auto 10px}.mint-stats{text-align:center;margin:10px auto;vertical-align:middle;background-color:#5f9b55;color:#fff;font-size:x-large;font-weight:800;width:200px;padding:10px 10px 15px;border-radius:20px}.stats-text{margin:auto}.mint-stats span{font-size:xx-large;font-weight:900;margin:0 5px}.price{color:#7abb61;background-color:#fff76a;margin:-13px auto 10px;padding:10px 30px;border-radius:20px;font-size:x-large;font-weight:800;-webkit-transform:rotate(3deg);transform:rotate(3deg)}.card{transition:all .2s ease-in-out;margin:10px;padding:10px;width:425px}.small{width:225px}.card:hoverdd{background-color:#f6f6ff;box-shadow:8px 7px 0 #686868}.card>img{max-width:100%;border-radius:10px}.loading-card{display:none}.staked-text{font-size:x-large;font-weight:800;position:absolute;top:10%;left:50%;z-index:100;-webkit-filter:blur(0);filter:blur(0)}.staked{-webkit-filter:blur(1px) grayscale(30%);filter:blur(1px) grayscale(30%)}.chat-wrap{width:600px}.messages{border:2px solid #000;height:400px;overflow-y:scroll}.input-box{width:100%}.messages>div:nth-of-type(odd){background:#ddd}.input-box>input{box-sizing:border-box;width:100%;line-height:40px}.collection{width:80%;margin:10px 5%;display:grid;grid-template-columns:repeat(auto-fit,minmax(10px,-webkit-max-content));grid-template-columns:repeat(auto-fit,minmax(10px,max-content))}.collection>div:hover{z-index:50;-webkit-transform:scale(1.05) rotate(-3deg);transform:scale(1.05) rotate(-3deg)}.collection>div{transition:all .2s ease-in-out}.garden-background{background-color:#7abb61}.garden-background button{border:none;background-color:#fff76a;color:#7abb61}.garden-background .connect-button{width:200px;text-align:center;margin:30px auto}.error-collection{background-color:red;padding:10px;color:#000;font-weight:900;margin:auto;width:250px}.viewer{margin:1rem 20vw;height:80vh}.name{border:4px double #000}.game{position:relative;height:100%;box-shadow:0 0 15px 4px rgba(0,100,0,.2)}.stats{border:4px double #000}.single-view-player{width:100%;height:100%}.spinner-wrap{margin:auto}.loading-text{color:#fff;display:block;margin:auto;text-align:center}.loading-screen{background-color:#000!important;z-index:3;width:100%;height:100%;position:absolute}.loading-screen img{display:block;width:50%;margin:auto}.loading-bar{width:60%;margin:auto}.loading-bar .border{border:1px solid #fff}.loading-bar .bar{background-color:#fff}.stats-wrap{display:flex;flex-wrap:wrap;justify-content:space-evenly}.stats{background-color:green;border-radius:30px}.view-button{margin:-50px auto 50px}.play-bomber,.view-button{-webkit-user-select:none;-ms-user-select:none;user-select:none;font-weight:800;font-size:x-large;background-color:#fff76a;color:#7abb61;border-radius:20px;padding:10px 20px;z-index:1}.play-bomber{display:inline-block;margin:auto;text-align:center}.play-bomber:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.view-button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.games-list{border-radius:30px;padding:30px 20px;background-color:#5f9b55}.games-list-title{color:#fff;margin:0 10px 20px;font-size:x-large;font-weight:700}.stats-card-wrap{display:flex;flex-direction:column}.circle-stats{background-color:#7abb61;border:5px solid #cce3fd;border-radius:10px}.attributes{border-radius:20px;background-color:#5f9b55;display:flex;flex-direction:row;flex-wrap:wrap;margin:10px 30px;justify-content:space-around;padding:15px}.attributes:not(.mobile){border-radius:20px;max-width:60%}.attribute{border-radius:20px;padding:20px;width:200px;background-color:#45603b;display:flex;flex-direction:column}.attribute,.attribute-name{margin-bottom:10px;color:#fff}.attribute-name{font-size:larger;font-weight:800}.attribute-bar-border{width:100%;height:20px;background-color:#7abb61}.attribute-bar{background-size:200px 100%;-webkit-filter:brightness(1.2);filter:brightness(1.2);background-image:linear-gradient(270deg,#e5405e 0,#ffdb3a 45%,#3fffa2)}.attribute-color-box{width:20px;height:20px}.bomb-wrap .connect-button{width:200px;text-align:center}.bomb-wrap{margin:1rem 20vw;height:80vh;position:relative}.table{margin:30px auto;max-width:1000px;display:flex;flex-direction:column}.paginator svg,.paginator svg:hover:not([disabled]){background-color:#000;border-radius:60px;color:#fff}.paginator svg:hover:not([disabled]){-webkit-transform:scale(1.1);transform:scale(1.1)}.paginator svg:active:not([disabled]){background-color:#000;border-radius:60px;color:#fff;-webkit-transform:scale(.9);transform:scale(.9)}.paginator svg[disabled]{display:none}table{font-size:large;font-weight:700;border:2px solid #000;box-shadow:10px 10px 5px #5f9b55;border-collapse:collapse}tbody tr:nth-child(odd){background-color:#5f9b55}td,th{padding:15px;text-align:left}.paginator{margin-top:10px;display:flex;width:100%;justify-content:space-between}th{background-color:#000}.connect,th{color:#fff;border:none}.connect{margin:20px auto;width:10%;display:block;background-color:#5f9b55;padding:10px 20px;cursor:pointer;font-weight:800;border-radius:30px}.connect:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}td div{display:inline-block;text-decoration:underline;cursor:pointer}td div:hover{color:#fff}.nav-bar{display:flex;width:100%;height:80px;z-index:101}.coll-bg,.home,.nav-bar{background-color:#7abb61}a{text-decoration:none;color:#000}.nav-bar a{color:#fff;padding:10px 30px;font-weight:700;font-size:22px;transition:all .4s ease-in-out;-webkit-filter:blur(0);filter:blur(0);margin:20px}.nav-bar a:not(.selected){-webkit-transform:rotate(0)!important;transform:rotate(0)!important}.nav-bar a.selected{color:#7abb61;-webkit-transform:rotate(4deg);transform:rotate(4deg);border-radius:30px;background-color:#fff76a}.nav-bar a:hover:not(.selected){transition:all .1s ease-in;color:#fff76a;-webkit-transform:rotate(0) scale(1.2)!important;transform:rotate(0) scale(1.2)!important}.nav-bar a:active{transition:all .1s ease-in}.mobile-nav-bar{position:sticky;top:0;z-index:100;background-color:#5f9b55}.close{position:absolute;top:0;right:0}.menu-item:hover{background-color:#7abb61}.menu-item a{padding:30px 0;width:100%;display:block;font-size:xx-large}.menu-item{border-bottom:1px solid #446138}.bar{display:flex;justify-content:flex-end}.nav-menu.show{display:inline;display:initial;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateX(0);transform:translateX(0)}.nav-menu{display:none;-webkit-transform:translateX(100%);transform:translateX(100%);position:absolute;z-index:100;background-color:#5f9b55;width:100vw;height:100vh}.bomb{padding-top:10px;margin:auto;width:calc(140vh - 155.55556px);height:calc(90vh - 100px)}.player{margin:1rem 5vw;height:80vh;box-shadow:0 0 15px 4px rgba(0,100,0,.2)}.cards{display:flex;flex-wrap:wrap;justify-content:space-around}.play-wrap>div:not(.context-menu){background:none}.play-wrap{position:relative;z-index:1;height:100%;box-shadow:0 0 15px 4px rgba(0,100,0,.2)}.quality-text{color:#000;font-weight:800;font-size:x-large;position:absolute;top:50%;z-index:2}.context-menu,.quality-text{left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.context-menu{height:100px;min-width:200px;background-color:#00f;color:#fff;border-radius:10px;top:80%;display:flex;justify-content:space-between;flex-direction:column;z-index:1;position:absolute;font-size:small;height:0;width:0;overflow:hidden;background-color:#fff76a;color:#5f9b55;border-radius:10px 10px 10px 10px;-webkit-user-select:none;-ms-user-select:none;user-select:none}.context-menu.show{padding:20px;overflow:visible;height:100px;width:400px;transition:all 1.2s ease-in-out}.context-menu:before{opacity:0;content:"";display:block;width:0;position:absolute;border-left:0 solid transparent;border-right:0 solid transparent;border-bottom:0 solid #fff76a;left:180px;top:0}.context-menu.show:before{border-left:40px solid transparent;border-right:40px solid transparent;border-bottom:40px solid #fff76a;top:-40px;opacity:1;transition:opacity 1s ease-in .5s}.context-menu *{opacity:0;width:0;height:0;overflow:hidden}.context-menu.show *{opacity:1;width:auto;height:auto;transition:opacity 1.5s ease-in}.context-header{justify-content:space-between;display:flex;flex-direction:row}.context-id{font-size:x-large;font-weight:800}.context-button{font-weight:600;background-color:#5f9b55;color:#fff76a;padding:5px 8px;border-radius:5px;cursor:pointer}.context-button:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15)}.context-owner{display:flex;font-size:large;flex-direction:column}.buttons{position:absolute;bottom:0;right:0;z-index:1}.context-owner-title{font-weight:800}.context-owner-id{font-weight:600}.buttons svg:hover{color:#fff}
/*# sourceMappingURL=main.eea2d8f3.chunk.css.map */