@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;1,100;1,300;1,400;1,700&display=swap);.Header{background-color:var(--sonic-eyes);background-image:linear-gradient(to bottom,var(--sonic-fur),var(--sonic-fur-light));border-bottom:2px solid var(--sonic-fur);display:flex;-webkit-filter:drop-shadow(0 0 5px #2e4f75);filter:drop-shadow(0 0 5px rgb(46,79,117));justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:7}.Header img{-webkit-filter:drop-shadow(0 0 15px #1f135a);filter:drop-shadow(0 0 15px rgb(31,19,90));width:150px}.Deck{background-attachment:fixed;background-image:url(/sonic-trumps/static/media/background.e317e87321a126d5b9ce.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;min-height:100vh;overflow:hidden;padding-bottom:6rem;width:100%}.Deck-container{display:flex;flex-flow:row wrap;justify-content:center;width:100%}.Deck .Card{-webkit-filter:drop-shadow(0 0 15px #2e4f75);filter:drop-shadow(0 0 15px rgb(46,79,117));margin:2rem}@media screen and (max-width:400px){.Deck .Card{margin:2rem 0}}.DeleteCardButton{align-self:flex-end;background-color:red;border-radius:1rem;bottom:1rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem;position:absolute;right:1rem}.DeleteCardButton:hover{-webkit-filter:brightness(70%);filter:brightness(70%)}.Card{align-items:center;background-color:var(--sonic-light-red);border:15px solid var(--sonic-shoes);border-radius:1.8rem;height:600px;justify-content:flex-end;padding:1.3rem;position:relative;width:337px}.Card,.Card header{display:flex;flex-flow:column nowrap}.Card header{align-items:flex-end;position:absolute;right:0;text-align:right;top:1rem;width:95%}.Card header h2{background-color:var(--sonic-fur);color:#fff;font-size:1rem;overflow-wrap:break-word;padding:.5rem 1rem .5rem 8rem;text-transform:uppercase;top:1rem;width:100%}.Card header h2:before{border-bottom:28px solid transparent;border-left:5px solid var(--sonic-light-red);border-right:5px solid transparent;border-top:28px solid var(--sonic-light-red);content:"";left:0;position:absolute;top:0}.Card header p{background-color:var(--sonic-yellow);padding:0 1rem;position:relative;width:160px}.Card header p:before{border-bottom:11px solid var(--sonic-light-red);border-left:5px solid var(--sonic-light-red);border-right:5px solid transparent;border-top:11px solid transparent;content:"";left:0;position:absolute;top:0}.Card-logo{-webkit-filter:drop-shadow(0 0 3px #1f135a);filter:drop-shadow(0 0 3px rgb(31,19,90));left:1.2rem;position:absolute;top:.5rem;width:115px;z-index:2}.Card-img{height:240px;object-fit:contain;object-position:center;width:240px;z-index:4}.Card-desc-container{align-items:center;background-color:var(--sonic-shoes);border-radius:1rem;color:var(--sonic-light-red);display:flex;height:72px;justify-content:center;margin:.8rem 0;padding:.4rem;width:100%}.Card-desc-container p{font-size:.85rem;max-height:100%;overflow-wrap:break-word;text-align:center;width:100%}.Card ul{list-style-type:none;padding-bottom:40px;position:relative;width:94%}.Card ul li{background-color:var(--sonic-fur);border-radius:.3rem;display:flex;padding:.3rem 0;position:relative;-webkit-transform:skew(-15deg);transform:skew(-15deg);width:100%}.Card ul li:not(:first-child){margin-top:.8rem}.Card ul .Card-attr-icon{align-items:center;background-color:#fff;border:3px solid var(--sonic-fur);border-radius:.3rem;color:var(--sonic-shoes);display:flex;font-size:1.7rem;height:40px;justify-content:center;left:0;position:absolute;top:0;width:40px}.Card ul .Card-attr-text{color:#fff;padding-left:3rem;width:52%}.Card ul .Card-attr-gauge-container{display:flex;flex-flow:column nowrap;flex-grow:1;justify-content:center}.Card ul .Card-attr-gauge{background-color:var(--sonic-eyes);height:70%;transition:.4s;transition-property:width}.Card ul .Card-attr-value{color:var(--sonic-yellow);font-weight:600;padding:0 .5rem}.Card-trunfo{align-items:center;bottom:0;display:flex;justify-content:flex-start;left:0;position:absolute;width:100%}.Card-trunfo-icon{color:var(--sonic-eyes);display:flex;font-size:1.5rem}.Card-trunfo-text{font-weight:600;margin-left:.5rem}.Footer{align-items:center;background-color:var(--blue-black);display:flex;flex-flow:column nowrap;justify-content:center;overflow:hidden;padding:3rem 2rem 8rem;width:100%}.Footer p{color:#fff;font-weight:300;line-height:2rem;max-width:800px;width:90%}.Footer p:not(:last-child){margin-bottom:1.5rem}.Footer a{color:var(--sonic-yellow);text-decoration:none}.Footer a:hover{text-decoration:underline}.FormContainer{align-items:center;display:flex;flex-flow:column nowrap;overflow:hidden}.FormContainer .FormContainer-title{color:var(--sonic-fur);font-size:1.8rem;margin-top:1rem}.FormContainer .FormContainer-wrapper{align-items:center;border-bottom:2px solid var(--sonic-fur);display:flex;flex-flow:column nowrap;justify-content:flex-start;width:100%}.FormContainer .FormContainer-wrapper .FormContainer-preview{align-items:center;display:flex;justify-content:center;padding:2.2rem 1.9rem}@media screen and (min-width:750px){.FormContainer .FormContainer-wrapper{align-items:stretch;flex-flow:row nowrap;justify-content:center}}.CreateCardForm{color:var(--sonic-fur);display:flex;flex-flow:column nowrap;max-width:430px;padding:2.2rem 1.9rem;width:100%}.CreateCardForm label{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin-bottom:1rem}.CreateCardForm input:not(.image),.CreateCardForm select,.CreateCardForm textarea{font-family:Lato,sans-serif;font-size:.9rem;padding:.5rem}.CreateCardForm .desc,.CreateCardForm .image,.CreateCardForm .name,.CreateCardForm .rare{border:1px solid var(--sonic-fur);margin-top:.5rem}.CreateCardForm .desc,.CreateCardForm .name{background-color:var(--sonic-light-blue);border-radius:.3rem;width:100%}.CreateCardForm .desc{resize:none}.CreateCardForm .label-attr{background-color:var(--sonic-fur);border-radius:.3rem;color:#fff;height:30px;padding-left:3.5rem;position:relative;-webkit-transform:skew(-15deg);transform:skew(-15deg)}.CreateCardForm .attr-icon{align-items:center;background-color:#fff;border:3px solid var(--sonic-fur);border-radius:.3rem;color:var(--sonic-shoes);display:flex;font-size:1.7rem;height:40px;justify-content:center;left:0;position:absolute;width:40px}.CreateCardForm .attr{background-color:var(--sonic-eyes);border-left:1px solid #fff;border-radius:0 .3rem .3rem 0;color:#fff;height:100%;padding-left:1rem;width:100px}.CreateCardForm .attr:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.CreateCardForm .attr-total-left{color:var(--sonic-fur);display:flex;font-size:1rem;justify-content:flex-end;margin-bottom:1rem;text-align:right;-webkit-transform:skew(-15deg);transform:skew(-15deg)}.CreateCardForm .attr-total-left span{margin-left:.5rem}.CreateCardForm .image{padding:.5rem .5rem .5rem 2.2rem}.CreateCardForm .image-input-container{display:flex;position:relative}.CreateCardForm .image-link-icon{align-items:center;border-radius:.3rem 0 0 .3rem;display:flex;font-size:1.3rem;height:100%;justify-content:center;position:absolute;width:30px;z-index:1}.CreateCardForm .image,.CreateCardForm .rare{background-color:var(--sonic-light-blue);border-radius:.3rem;margin:0;width:200px}.CreateCardForm .label-trunfo{flex-direction:row-reverse;justify-content:center;padding:1rem 4rem;width:100%}.CreateCardForm .label-trunfo-icon{align-items:center;color:var(--sonic-eyes);display:flex;font-size:2rem;height:30px;justify-content:center;margin-left:.5rem;width:30px}.CreateCardForm .trunfo{margin-right:.8rem}.CreateCardForm .trunfo-msg{font-style:italic;padding:1.2rem 0;text-align:center}.CreateCardForm .save-button{background-color:var(--sonic-fur);border-radius:.3rem;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem}.CreateCardForm .save-button:disabled{background-color:var(--sonic-light-blue)}.CreateCardForm .save-button:hover:not(:disabled){-webkit-filter:brightness(120%);filter:brightness(120%)}@media screen and (max-width:430px){.CreateCardForm .label-trunfo{padding:1rem}}.SearchBar{align-content:space-between;align-items:center;display:flex;flex-flow:row wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;max-width:800px;overflow:hidden;padding:1rem;transition:.4s;transition-property:padding}.SearchBar input,.SearchBar select{border:1px solid var(--sonic-fur);border-radius:.3rem;font-family:Lato,sans-serif;font-size:.9rem;margin-left:1rem;padding:.5rem}.SearchBar select{background-color:var(--sonic-light-blue);min-width:120px}.SearchBar label{color:#fff;flex-flow:row nowrap;justify-content:space-between}.SearchBar .SearchBar-name-container,.SearchBar label{align-items:center;display:flex}.SearchBar .SearchBar-name-container input{flex-grow:1;width:300px}.SearchBar .SearchBar-name-container .SearchBar-filter-icon{color:var(--sonic-light-blue);font-size:2rem}.SearchBar .SearchBar-trunfo-label{align-items:center;flex-direction:row-reverse nowrap;margin-left:1rem;width:180px}.SearchBar .SearchBar-trunfo-label .SearchBar-trunfo-icon{align-items:center;color:var(--sonic-eyes);display:flex;font-size:2rem;height:30px;justify-content:center;margin-right:.8rem;width:30px}.SearchBar-hidden{height:0;padding:0 1rem}.SearchBar-hidden *{display:none}@media screen and (max-width:672px){.SearchBar{align-items:stretch;flex-flow:column nowrap;justify-content:center;padding-bottom:0;width:100%}.SearchBar input,.SearchBar select{margin-left:0}.SearchBar-filter-icon{margin-right:.8rem}.SearchBar-name-container,.SearchBar-rarity{margin-bottom:.8rem;transition:.4s;transition-property:height}.SearchBar-name-container input,.SearchBar-rarity{flex-grow:1}.SearchBar-trunfo-label{align-self:center;margin-bottom:.8rem;margin-left:0!important;padding:0;transition:.4s;transition-property:height;width:300px}.SearchBar-trunfo-label .SearchBar-trunfo-icon{margin-right:0}}@media screen and (max-width:410px){.SearchBar{width:300px}}.NavBar-container{align-items:center;background-color:var(--sonic-fur);bottom:0;display:flex;justify-content:center;position:fixed;width:100vw;z-index:5}.NavBar-container .NavBar{align-items:center;display:flex;flex-flow:column-reverse nowrap;width:100%}.NavBar-container .NavBar a{color:#fff;text-decoration:none}.NavBar-container .NavBar .NavBar-nav{display:flex;flex-shrink:1;padding:1rem 0}.NavBar-container .NavBar .NavBar-button{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;margin-left:1rem;padding:.3rem .8rem}.NavBar-container .NavBar .NavBar-button span{font-size:1.3rem;font-weight:300;margin-left:.5rem}.NavBar-container .NavBar .NavBar-button .NavBar-button-icon{align-items:center;display:flex;font-size:2rem;height:38px;justify-content:center;width:38px}.NavBar-container .NavBar .ToTop{background-color:var(--sonic-fur-light);color:#fff;margin-left:0}.NavBar-container .NavBar .Search{background-color:var(--sonic-eyes);color:var(--sonic-yellow)}.NavBar-container .NavBar .Play{background-color:var(--sonic-shoes);color:var(--sonic-yellow)}.NavBar-container .NavBar .Play:hover,.NavBar-container .NavBar .Search:hover,.NavBar-container .NavBar .ToTop:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}@media screen and (max-width:672px){.NavBar{padding:.3rem 1rem}.NavBar .NavBar-nav{justify-content:center}.NavBar .NavBar-button{flex-grow:1}}@media screen and (max-width:475px){.NavBar-nav{width:100%}.NavBar-nav .NavBar-button{align-items:center;flex-flow:column nowrap}.NavBar-nav .NavBar-button span{display:none}.NavBar-nav .NavBar-button .NavBar-button-icon{margin-right:0}}.Duel{grid-gap:2rem;background-color:var(--blue-black);border-radius:2rem;display:grid;-webkit-filter:drop-shadow(0 0 15px gray);filter:drop-shadow(0 0 15px gray);grid-template:"cardPlayer cardCpu" 1fr "footer footer";justify-content:space-between;left:50%;padding:2rem 2.5rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.4s;z-index:20}.Duel .Card{margin:1rem 0}.Duel footer{display:flex;grid-area:footer;justify-content:center}.Duel .Duel-PlayerCard{grid-area:cardPlayer}.Duel .Duel-CpuCard{grid-area:cardCpu}.Duel .Duel-PlayerText{color:#fff;grid-area:textPlayer;text-align:center}.Duel .Duel-CpuText{color:#fff;grid-area:TextCpu;text-align:center}.Duel .win{color:var(--sonic-eyes)}.Duel .lose{color:var(--sonic-shoes)}.Duel .Duel-text{align-items:center;color:#fff;display:flex;font-size:1.5rem;justify-content:center;text-align:center}.Duel .Duel-text span{margin-right:.4rem}.Duel .Duel-next-button{background-color:var(--sonic-eyes);border-radius:1rem;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem}.Duel .Duel-next-button:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.Duel-display{top:110px}.Duel-hidden{top:-150vh}@media screen and (max-height:930px){.Duel .Card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.Duel .Card .Card-img{margin-top:2rem}.Duel .Card .Card-desc-container{display:none}}@media screen and (max-height:830px){.Duel .Card .Card-img{height:150px;width:150px}.Duel .Card .Card-logo{height:45px;object-fit:contain}}@media screen and (max-height:750px){.Duel .Card{border:0;width:100%}.Duel .Card ul{display:none}.Duel .Card .Card-img{border:0;height:200px;margin:0;width:200px}.Duel .Card .Card-logo,.Duel .Card header{display:none}}@media screen and (max-width:750px){.Duel .Card{border:0;width:100%}.Duel .Card .Card-img{border:0;height:200px;margin:0;width:200px}.Duel .Card .Card-logo,.Duel .Card header,.Duel .Card ul{display:none}}@media screen and (max-width:590px){.Duel{grid-gap:1.5rem;padding:1.8rem}.Duel .Card{border-radius:0;width:140px}.Duel .Card-img{border:0;margin:0;width:150px}.Duel .Card-logo,.Duel header,.Duel ul{display:none}.Duel .lose,.Duel .win{font-size:1.2rem}}.GameHeader{color:var(--sonic-fur);display:flex;justify-content:space-between;margin-bottom:.5rem;width:100%}.GameHeader .GameHeader-wins-container{align-items:flex-end;display:flex;flex-flow:column nowrap}.GameHeader .GameHeader-round{margin-bottom:2rem}.CardMini{background-color:var(--sonic-light-red);border:8px solid var(--sonic-shoes);border-radius:1rem;cursor:pointer;display:flex;flex-flow:column nowrap;height:165px;justify-content:flex-end;margin:.5rem;position:relative;width:100px}.CardMini:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.CardMini .CardMini-trunfo-icon{color:var(--sonic-eyes);position:absolute;right:.3rem;top:.3rem}.CardMini .CardMini-img{height:84px;margin-bottom:.8rem;object-fit:contain;object-position:center;width:84px}.CardMini .CardMini-attr-container{background-color:var(--sonic-fur);border-radius:.4rem;display:flex;width:100%}.CardMini .CardMini-attr{align-items:center;display:flex;flex-flow:column nowrap;height:40px;padding-bottom:.2rem;padding-top:1.4rem;position:relative;width:28px}.CardMini .CardMini-attr-icon{align-items:center;background-color:#fff;border:2.5px solid var(--sonic-fur);border-radius:.3rem;color:var(--sonic-shoes);display:flex;font-size:1.2rem;height:27px;justify-content:center;position:absolute;top:-7px;-webkit-transform:skew(-10deg);transform:skew(-10deg);width:28px}.CardMini .CardMini-attr-value{color:var(--sonic-yellow);font-size:.8rem}.PlayerHand{align-items:center;background-color:var(--sonic-fur-light);border-radius:1rem 1rem 0 0;display:flex;-webkit-filter:drop-shadow(0 0 15px gray);filter:drop-shadow(0 0 15px gray);flex-flow:column nowrap;left:50%;max-width:730px;padding:1rem;position:fixed;-webkit-transform:translate(-50%);transform:translate(-50%);transition:.4s;width:100vw;z-index:8}.PlayerHand-close-button{align-items:center;background-color:transparent;color:var(--sonic-fur);cursor:pointer;display:flex;font-size:3rem;height:50px;justify-content:center;position:absolute;right:1rem;top:-3.5rem;width:50px}.PlayerHand-close-button:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.PlayerHand-close-button .CardMini{margin:.5rem}.PlayerHand-hidden{bottom:-150vh}.PlayerHand-display{bottom:0}.PlayerHand-header p{color:#fff;font-size:1.4rem;font-weight:500;margin-bottom:1rem}.PlayerHand-cards-container{display:flex;flex-flow:row wrap;justify-content:center;max-height:362px}@media screen and (max-height:600px){.PlayerHand-cards-container{max-height:250px;overflow-y:scroll}}.ResultsMessage{align-items:center;display:flex;flex-flow:column nowrap;height:100%;justify-content:center;width:100%}.ResultsMessage img{height:200px;margin-bottom:2rem;object-fit:contain;width:200px}.ResultsMessage p{color:var(--sonic-fur);font-size:2rem;text-align:center}.ResultsMessage button{background-color:var(--sonic-fur);border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;margin-top:2rem;padding:1rem}.ResultsMessage button:disabled{background-color:var(--sonic-light-blue)}.ResultsMessage button:hover:not(:disabled){-webkit-filter:brightness(120%);filter:brightness(120%)}.CpuAttribute{align-items:center;background-color:var(--sonic-fur);border-radius:.3rem;display:flex;margin-bottom:2rem;margin-top:1rem;padding:.4rem .8rem .4rem 3.8rem;position:relative;-webkit-transform:skew(-10deg);transform:skew(-10deg)}.CpuAttribute .CpuAttribute-icon{align-items:center;background-color:#fff;border:5px solid var(--sonic-fur);border-radius:.5rem;color:var(--sonic-shoes);display:flex;font-size:2rem;height:50px;justify-content:center;left:0;position:absolute;width:50px}.CpuAttribute .CpuAttribute-text{color:var(--sonic-yellow);font-size:1.3rem}.SelectAttribute{align-items:center;display:flex;flex-flow:column nowrap;text-align:center}.SelectAttribute select{background-color:var(--sonic-light-blue);border:1px solid var(--sonic-fur);border-radius:.3rem;font-family:Lato,sans-serif;font-size:.9rem;padding:.5rem}.SelectAttribute h1{color:var(--sonic-fur)}.SelectAttribute h1,.SelectAttribute p,.SelectAttribute select{margin-bottom:2rem}.SelectAttribute .Game-button{background-color:var(--sonic-fur);border-radius:.5rem;color:#fff;cursor:pointer;font-size:1.1rem;padding:1rem}.SelectAttribute .Game-button:disabled{background-color:var(--sonic-light-blue)}.SelectAttribute .Game-button:hover:not(:disabled){-webkit-filter:brightness(120%);filter:brightness(120%)}.GamePage{height:80vh;justify-content:flex-start;margin:0 auto;max-width:800px;padding:1.5rem;position:relative}.GamePage,.GamePage .GamePage-panel{align-items:center;display:flex;flex-flow:column nowrap}.GamePage .GamePage-panel{height:100%;justify-content:center}.NotFound{background-attachment:fixed;background-color:#fff;background-image:url(/sonic-trumps/static/media/wintery-sunburst.e98bc4fa23d878e9c72a.svg);background-position:50%;background-size:cover;min-height:100vh;overflow:hidden;width:100%}.NotFound,.NotFound main{align-items:center;display:flex;justify-content:center}.NotFound main{flex-flow:column nowrap;max-width:80vw;width:600px}.NotFound h1,.NotFound p{color:var(--sonic-fur);text-align:center}.NotFound img{margin-bottom:1rem;max-width:80vw;width:400px}.NotFound button{align-items:center;background-color:var(--sonic-fur);border-radius:2rem;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:2rem;padding:.8rem 1.5rem}.NotFound button:hover{-webkit-filter:brightness(120%);filter:brightness(120%)}.NotFound button span{font-size:1.3rem;font-weight:300}.NotFound button .NotFound-button-icon{font-size:2rem;height:30px;margin-right:.5rem;width:30px}.NotFound button .NotFound-button-icon,.TitlePage{align-items:center;display:flex;justify-content:center}.TitlePage{background-attachment:fixed;background-color:#078a00;background-image:url(/sonic-trumps/static/media/rose-petals.4acc884bb80255f92b82.svg);background-position:50%;background-size:cover;min-height:100vh;overflow:hidden;width:100%}.TitlePage main{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center}.TitlePage img{max-width:80vw;width:600px}.TitlePage button{align-items:center;background-color:var(--sonic-fur);border-radius:0;box-shadow:8px 8px 0 var(--sonic-shoes);color:#fff;cursor:pointer;display:flex;justify-content:center;margin-bottom:1rem;padding:.8rem 1.5rem;-webkit-transform:skewX(-12deg);transform:skewX(-12deg);transition:.4s;width:150px}.TitlePage button:hover{-webkit-transform:scale(.9) skewX(-12deg);transform:scale(.9) skewX(-12deg);width:140px}.TitlePage button span{font-family:Lato,sans-serif;font-size:1.3rem;font-weight:300}.TitlePage button .TitlePage-button-icon{align-items:center;display:flex;font-size:2rem;height:30px;justify-content:center;margin-right:.5rem;width:30px}.TitlePage footer{bottom:0;padding:2.5rem;position:fixed}.TitlePage footer p{text-align:center}:root{--sonic-fur:#293396;--sonic-fur-light:#58a3c5;--sonic-light-blue:#9cd6f1;--sonic-skin:#f6c883;--sonic-shoes:#ba2627;--sonic-light-red:#f3b4b4;--sonic-eyes:#00a547;--sonic-yellow:#f8dd09;--blue-black:#1f2041}*{border:0;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Lato,sans-serif;font-size:1.1rem;margin:0}#root,body{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.b48a6e19.css.map*/