body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{min-height:100vh}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word;word-break:break-word}#__next,#root{isolation:isolate}@font-face{font-family:Friendly Fire;src:local("Friendly Fire"),url(https://friendsvsfriends.help/static/media/Friendly_Fire.104d550b2ca14e67fcd5.ttf)}@font-face{font-family:Kenyan Coffee;src:local("Kenyan Coffee"),url(https://friendsvsfriends.help/static/media/kenyan_coffee_rg.f422e407e44f177b62ab.otf)}body,html{background:#2a1552;color:#fff}body{margin:.5rem}@media (max-width:750px){.App.App{font-size:1rem}}a:link{color:#f2af1c;transition:color .1s}a:visited{color:#c89015}a:hover{color:#fff}a:active{color:#ff47b2}.App{font-family:Friendly Fire;font-size:2rem;letter-spacing:.1em;margin:auto;max-width:90rem;text-shadow:-.1em -.1em 0 #000,.1em -.1em 0 #000,-.1em .1em 0 #000,.1em .1em 0 #000,0 -.1em 0 #000,.1em 0 0 #000,0 .1em 0 #000,-.1em 0 0 #000;text-transform:uppercase}.myDeck{min-height:30rem;position:relative}.myDeck.hello{align-items:center;display:flex;flex-direction:column;font-family:Kenyan Coffee;font-size:1.5rem;gap:1rem;justify-content:center;text-align:center}.myDeck.hello>p{max-width:40rem}.myDeck>.row{display:flex;flex-wrap:wrap}.myDeck>.characterArt{background-repeat:no-repeat;inset:0;position:absolute;z-index:-1}.title>.logo{aspect-ratio:1/1;width:1.5em}.title>.text{margin-left:1rem}@media (max-width:750px){.title>.text{display:none}}.LoadMenu,.ShareMenu{background-color:#2a1552;border:.25rem solid #fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;border-top:#2a1552;bottom:0;font-size:.7em;outline:.25rem solid #000;padding:1rem;position:absolute;right:.5rem;transform-origin:top;transition:transform .1s;width:calc(100% - 1rem);z-index:-1}.ShareContainer{align-items:center;display:flex}.LoadContainer{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}#decksHolder{display:flex;flex-wrap:wrap;gap:1rem}.ShareContainer>label{flex:0 0 auto}.filters{align-items:center;background-color:#5440bb;border:solid #44339a;border-radius:.5rem;border-width:0 0 .1em;justify-content:space-between;margin-bottom:2.5rem;margin-top:1rem;outline:.1em solid #000;padding:.5rem 1rem}.content,.filters,.filters>.cardTypes{display:flex;flex-wrap:wrap;gap:1rem}.content{align-items:flex-start;justify-content:center;margin:0 1rem;min-height:30rem}.cardContainer{display:grid;font-size:1rem;height:15em;place-items:start center;width:11em}@media (max-width:750px){.cardContainer{font-size:.5rem}}.card{border:.25em solid #0000;border-radius:.5em;display:block;position:relative;transform:scale(.9) perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY));transform-style:preserve-3d;transition:transform .1s,border-color .1s}.cardContainer:hover>.card{transform:scale(1) perspective(5000px) rotateY(var(--rotateX)) rotateX(var(--rotateY))}.card:active,.cardContainer:hover>.card{border-color:#1cf272!important}.card.equipped:before{background-color:#fff;content:"";inset:0;position:absolute}.cardContainer:hover>.card.equipped:before{background-color:#1cf272}.card:after{bottom:-1em;color:#000;content:"Equipped";display:none;font-size:1.25em;letter-spacing:normal;position:absolute;right:.5em;text-shadow:none;text-transform:uppercase}.card.equipped{border-bottom-width:1.5em;border-color:#fff;border-left-width:.5em;border-right-width:.5em;margin-bottom:0;margin-left:0;margin-right:0}.card.equipped:after{display:block}.card>.cardContent{aspect-ratio:5/7;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.5em;position:relative;width:10em}.card>.cardContent>.cost{aspect-ratio:1/1;background-size:cover;right:2%;top:0;width:16%}.card>.cardContent>.cost,.card>.cardContent>.level{background-repeat:no-repeat;pointer-events:none;position:absolute}.card>.cardContent>.level{aspect-ratio:2/1;background-position:50%;background-size:contain;left:50%;opacity:.8;top:1%;transform:translateX(-50%);width:17%}.radio{background-color:#f2af1c;border:solid #c89015;border-radius:.5rem;border-width:0 0 .2em;font-family:Friendly Fire;letter-spacing:.1em;outline:.1em solid #000;padding:.1rem .5rem .5rem;text-shadow:-.1em -.1em 0 #000,.1em -.1em 0 #000,-.1em .1em 0 #000,.1em .1em 0 #000,0 -.1em 0 #000,.1em 0 0 #000,0 .1em 0 #000,-.1em 0 0 #000;text-transform:uppercase;transition:border-color .1s,background-color .1s,color .1s,outline .1s;-webkit-user-select:none;user-select:none}.radio:hover{border-color:#0000;outline:.1em solid #fff}.radio.checked,.radio:active{background-color:#fff;border-color:#0000}.radio.checked{color:#ff47b2}.radio>div{transform:scale(1);transition:transform .1s}.radio.checked>div,.radio:active>div,.radio:hover>div{transform:scale(.9)}.radio>*{transform:scale(1);transition:transform .1s}.radio.checked>*,.radio:active>*,.radio:hover>*{transform:scale(.9)}.react-select{background-color:#f2af1c;border:solid #c89015;border-radius:.5em;border-width:0 0 .2em;outline:.1em solid #000;padding:0 .5em .5em;transition:border-color .1s,background-color .1s,color .1s,outline .1s;-webkit-user-select:none;user-select:none;width:4em}.react-select [class$=placeholder]{transform:scale(1);transition:transform .1s}.react-select:hover [class$=placeholder]{transform:scale(.9)}.react-select:hover{border-color:#0000;outline:.1em solid #fff}.react-select [class$=menu]{background-color:#f2af1c;border:solid #c89015;border-radius:.5em;border-width:0 0 .2em;outline:.1em solid #000}.react-select [class$=option]{color:#fff;transform:scale(1);transition:transform .1s,color .1s}.react-select [class$=option]:hover{color:#ff47b2;transform:scale(.9)}.react-select [class$=option],.react-select [class$=placeholder],.react-select [class$=singleValue]{padding:0 .5em}.react-select [class$=control]{min-height:0;min-height:auto}.TextInput{background:none;background-color:#160d2e;border:.25rem solid #f0eeda;border-radius:.75rem;color:inherit;font-family:Friendly Fire;font-size:1.25rem;letter-spacing:.1em;padding:.5rem}.TextInput:focus{outline:none}.content>.error{display:grid;min-height:30rem;opacity:.5;place-items:center;text-align:center;width:100%}.Button{background:none;background-color:#f2af1c;border:solid #c89015;border-radius:.5rem;border-width:0 0 .2em;color:inherit;font-family:Friendly Fire;letter-spacing:.1em;outline:.1em solid #000;padding:.1rem .5rem .5rem;text-shadow:-.1em -.1em 0 #000,.1em -.1em 0 #000,-.1em .1em 0 #000,.1em .1em 0 #000,0 -.1em 0 #000,.1em 0 0 #000,0 .1em 0 #000,-.1em 0 0 #000;text-transform:uppercase;transition:border-color .1s,background-color .1s,color .1s,outline .1s;-webkit-user-select:none;user-select:none}.Button:hover{border-color:#0000;outline:.1em solid #fff}.Button.forceActive,.Button:active{background-color:#fff;border-color:#0000}.Button.forceActive{color:#ff47b2}.Button>div{transform:scale(1);transition:transform .1s}.Button.forceActive>div,.Button:active>div,.Button:hover>div{transform:scale(.9)}.Button>*{transform:scale(1);transition:transform .1s}.Button.forceActive>*,.Button:active>*,.Button:hover>*{transform:scale(.9)}.modal{align-items:center;background-color:#5440bb;border:0 solid #c89015;border-radius:.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:.8em;left:50%;max-width:30rem;outline:.1em solid #000;padding:2em;position:fixed;top:-50%;transform:translate(-50%,-50%);transition:top .33s cubic-bezier(.6,-.28,.735,.045) 0s,visibility 0s linear .33s;visibility:hidden;width:80%;z-index:1000}.modal.open{top:50%;transition:top .33s cubic-bezier(.175,.885,.32,1.275) 0s,visibility 0s linear 0s;visibility:visible}.modalBackdrop{background-color:#000;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .33s ease,visibility 0s linear .33s;visibility:hidden;z-index:999}.modalBackdrop.open{opacity:.75;pointer-events:auto;transition:opacity .33s ease,visibility 0s linear 0s;visibility:visible}.modal h2,.modal p{margin:0 0 .5rem;text-align:center}.modal button{border-radius:.5rem;box-sizing:border-box;padding:.5em;width:100%}.topMenuContainer{background-color:#5440bb;border:solid #44339a;border-radius:.5rem;border-width:0 0 .1em;margin:1rem;outline:.1em solid #000;padding:.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.topMenu{gap:1rem;justify-content:space-between}.title,.topMenu{align-items:center;display:flex}.title{gap:.5rem}.costMenu{display:flex;gap:1rem}.LoadMenu,.ShareMenu{margin-top:.5rem;transform-origin:top}.LoadContainer,.ShareContainer{align-items:center;display:flex;gap:.5rem}.ShareContainer>input{flex:1 1 auto}.topMenu>div:nth-child(3){display:flex;gap:1rem;justify-content:end}footer{color:#fff!important;font-family:Kenyan Coffee;font-size:.9rem;letter-spacing:.15em;margin-bottom:3em;margin-top:20em;opacity:.7;text-align:right;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000,0 -1px 0 #000,1px 0 0 #000,0 1px 0 #000,-1px 0 0 #000}footer a{color:inherit!important}#snowContainer{height:100vh;inset:0;overflow:hidden;position:fixed;transition:opacity .5s;width:100%;z-index:-1}.snow{animation:fall ease-in infinite,sway ease-in-out infinite;color:skyblue;pointer-events:none;position:absolute}@keyframes fall{0%{opacity:0}50%{opacity:1}to{opacity:1;top:100vh}}@keyframes sway{0%{margin-left:0}25%{margin-left:50px}50%{margin-left:-50px}75%{margin-left:50px}to{margin-left:0}}
/*# sourceMappingURL=main.357289af.css.map*/