body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1e1e1e;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}:root{--bg:#242526;--bg-accent:#484a4d;--text-color:#dadce1;--nav-size:60px;--border:1px solid #474a4d;--border-radius:8px;--speed:500ms}.navbar{background-color:#242526;background-color:var(--bg);border-bottom:1px solid #474a4d;border-bottom:var(--border);height:60px;height:var(--nav-size);padding:0 1rem}.navbar-nav{display:flex;height:100%;justify-content:flex-end;max-width:100%}ul{list-style:none;margin:0;padding:0}a{color:#dadce1;color:var(--text-color);text-decoration:none}.nav-item{align-items:center;display:flex;justify-content:center;width:48px;width:calc(var(--nav-size)*.8)}.App{background-color:#1e1e1e;height:100dvi;min-height:100vh;overflow:auto;text-align:left}.special-thanks{-webkit-text-fill-color:#fff;-webkit-text-stroke:.5px #000;align-items:flex-start;bottom:10px;display:flex;left:10px;margin:0;position:absolute;z-index:10}.p{font-size:calc(8px + 1.2vmin)}.App:after,.App:before{background-color:#bdbbbb;content:"";position:fixed;z-index:1}.App-bg{background-image:url(/static/media/ssb_bckg.96e7b1981048ffce328f.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:100vh;left:0;opacity:.075;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.App:before{height:3%;left:0;top:50%;width:100%}.App:after{height:100%;left:30%;top:0;width:3%}.Character-list,.Input-character,.header-text{position:relative;z-index:1}.App-header{align-items:center;margin-left:5%;margin-right:5%;min-height:25%;padding-top:2%;position:relative}.App-header,.App-header-row{display:flex;flex-direction:row;justify-content:space-between;width:100%}.App-header-row{margin-top:2%}.header-text{-webkit-text-fill-color:#fff;-webkit-text-stroke:.5px #000;align-items:flex-start;align-self:flex-start;color:10E1E;display:flex;flex-direction:column;flex-wrap:wrap;font-family:Koulan,sans-serif;font-size:calc(5px + 2vmin);justify-content:center;letter-spacing:10px;margin-left:5%;min-height:25%}.info-logo{height:4vh;margin:0 auto;width:4vh}.info-button,.info-logo{align-items:center;background-color:#fff;border-radius:50%;cursor:pointer;display:flex;font-weight:700;justify-content:center;-webkit-user-select:none;user-select:none}.info-button{-webkit-text-stroke:1px #000;color:#fff;height:3vh;margin-right:5vh;object-fit:cover;width:3vh}.info-modal-button-container{align-items:center;display:flex;justify-content:center}.info-modal-content{background-color:#fff;box-shadow:0 6px 20px #0000004d;font-family:jetbrainsmono,sans-serif;height:80vh;left:50%;margin-top:20px;opacity:0;overflow-y:auto;padding:20px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,80px);transition:transform .3s ease,opacity .3s ease;width:70vw;z-index:1000}.info-modal-content p{font-size:2vh}.info-modal-content.clicked{animation:floatUp .3s ease forwards;opacity:1;pointer-events:auto}.info-modal-wrapper{height:0;left:0;position:fixed;top:0;width:0;z-index:999}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,-50%) translateY(20px)}to{opacity:1;transform:translate(-50%,-50%) translateY(0)}}.info-content{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;margin-top:20px;padding:10px}.info-content p{background-color:#fff;box-sizing:border-box;flex:1 1 50%;font-size:calc(8px + 1.2vmin);min-width:250px;padding:10px}.info-content h6{font-size:calc(10px + 1.5vmin);margin:auto}.example-calc{border:2px solid #000;box-shadow:0 6px 15px #0003;cursor:zoom-in;display:block;height:auto;margin:20px auto;max-height:60vh;max-width:100%;object-fit:contain;transition:all .3s ease;width:auto}.example-calc.expanded{cursor:zoom-out;margin:20px auto;max-height:90vh;width:95vw}.character-icon-selected{align-items:center;display:flex;justify-content:center;margin-right:.5rem}.character-icon-selected img{height:100%;object-fit:cover;width:100%}.Input-character{color:#fff;padding-left:10%}@font-face{font-family:Koulan;src:url(/static/media/koulan.e23002c698c2632e9437.ttf) format("truetype")}@font-face{font-family:jetbrainsmono;src:url(/static/media/jetbrainsmono.d08f929cab66fc19b568.ttf) format("truetype")}h1,h2,h4{line-height:.7}h4{font-size:calc(4px + 2vmin)}.dropdown{margin:100px auto;padding-left:2%;padding-right:2%;position:relative;-webkit-user-select:none;user-select:none;width:100%;z-index:2}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.skeleton-loader{animation:pulse 1.5s infinite}.dropdown .dropdown-button{align-content:center;align-items:center;background:#fff;box-shadow:3px 3px 10px 6px #0000000f;cursor:pointer;display:flex;font-family:Koulan,sans-serif;font-size:calc(5px + 1.5vmin);font-weight:700;justify-content:space-between;padding:15px 40px;text-align:center}.dropdown .dropdown-item.highlighted,.dropdown .dropdown-item:hover{background:#eef6ff}.dropdown .dropdown-content{color:#333;font-family:Koulan,sans-serif;font-weight:500;left:6%;margin-top:0;max-height:250px;overflow-y:auto;position:absolute;top:100%;width:88%}.dropdown .dropdown-content .dropdown-item{background:#fcfcfc;cursor:pointer;font-family:Koulan,sans-serif;transition:all .2s}.dropdown-content{z-index:3}.dropdown-item{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-start;padding:3px;z-index:4}.dropdown .dropdown-content .dropdown-item:hover{background:#f4f4f4}.dropdownContainer{align-items:center;bottom:20px;display:flex;flex-wrap:nowrap;height:100vh;justify-content:space-around;padding:10px;position:relative;width:100%}.dropdown-button{align-items:center;display:flex;text-align:center}@media (max-width:768px){.dropdownContainer{align-items:start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin-top:5%;padding:0 10px;position:relative}.dropdownContainer,.dropdownContainer>div{height:-webkit-fit-content;height:fit-content;width:100%}.dropdownContainer>div{margin:0}.dropdownContainer .selectCharacter,.dropdownContainer .selectMove,.dropdownContainer .selectPunishingCharacter{margin-bottom:0;width:100%}.dropdown .dropdown-content{position:static;width:100%}.selectCharacter{flex:1 1;margin:10px;padding:20px;text-align:center}}.selectCharacter,.selectMove,.selectPunishingCharacter{flex:1 1;margin:10px;padding:20px;text-align:center}.dropdown-input{background:none;border:none;color:inherit;font:inherit;font-size:1rem;outline:none;padding:5px;width:100%}.button{align-items:center;display:flex;justify-content:center;position:relative}@keyframes vibrate{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px,1px)}80%{transform:translate(1px,-1px)}to{transform:translate(0)}}.calcButton{background-color:#000;border:none;box-shadow:0 4px 16px #e8e6e626;color:#fff;cursor:pointer;display:inline-block;font-family:Koulan,sans-serif;font-size:24px;margin-bottom:25px;margin-top:5px;padding:15px 32px;text-align:center;-webkit-text-decoration:solid;text-decoration:solid;transition:transform .1s,box-shadow .2s ease}.calcButton:active{animation:vibrate .3s linear}.calcButton:hover{box-shadow:0 8px 24px #e8e6e64d;transform:translateY(-2px)}.content-container{align-items:center;bottom:10px;display:flex;flex-direction:column;flex-wrap:nowrap;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:100%;z-index:2}.body .html{background-color:#1e1e1e}.calcOutput{flex-direction:row;flex-wrap:wrap;font-family:jetbrainsmono,sans-serif;height:auto;width:85%}.moveOutput{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.moveName{font-size:calc(17px + 1.5vmin);font-weight:700;left:0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;width:100%;z-index:1}.calcRectangle,.r{border-radius:15px;width:100%}.r{align-items:center;justify-content:center}.r,.r .rec{display:flex}.r .rec{background:linear-gradient(180deg,#fefefe,#c5c4c4);height:auto;margin-top:40px;padding-bottom:20px;padding-top:20px;width:100%}.charinfo{align-items:stretch;display:flex;flex-direction:column;flex-wrap:nowrap;font-family:jetbrainsmono,sans-serif;gap:10px;height:-webkit-fit-content;height:fit-content;justify-content:flex-start;min-height:500px;padding-top:10px;position:relative;width:50vh}.outputinfo{background-color:#fff;border:1px solid #0000000a;box-shadow:0 10px 25px #0000002e,0 1px 3px #0000000f;margin-top:30px;padding:10px 5px 5px;text-align:center;width:70%}.outputheader{font-weight:700;text-align:center}.outputtext{padding:10px}.slideshow-container{align-items:center;box-sizing:border-box;display:flex;height:50vh;margin:0 auto;max-width:100vh;min-width:0;position:relative;width:100%}.slide{background-size:contain;height:50%;max-width:70%;object-fit:cover;opacity:0;position:absolute;transition:all .3s ease-in-out;width:auto;z-index:0}.slide.single{display:block;height:auto;left:0;max-height:100%;max-width:100%;opacity:1;position:relative;transform:none;width:100%}.slide-center{box-shadow:-2px 5px 33px 6px #00000059;height:-webkit-fit-content;height:fit-content;left:50%;max-height:80%;max-width:90%;opacity:1;transform:translateX(-50%);width:auto;z-index:2}.slide-before{left:30%}.slide-after,.slide-before{opacity:50%;transform:translateX(-50%)}.slide-after{left:70%}.slideShow{height:100%;position:relative;width:100%}.calcOutput{align-items:center;display:flex;justify-content:space-around;position:relative}.moveinfo h3,.moveinfo h5{word-wrap:break-word;margin:4px 0;overflow-wrap:break-word;word-break:break-word}.activeinfo,.advantageinfo,.endlaginfo,.startupinfo{font-size:calc(10px + 1vw);margin:0}.movesGifsInfo{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-around;margin-top:30px;padding:10px;position:relative;width:100%}.moveinfo{word-wrap:break-word;background-color:#fff;border:1px solid #0000000a;box-shadow:0 10px 25px #0000002e,0 1px 3px #0000000f;box-sizing:border-box;max-height:50vh;min-width:0;overflow:hidden;overflow-y:auto;padding:2%;text-align:center;white-space:normal;word-break:break-word}.sshow{height:-webkit-fit-content;height:fit-content;margin-top:3vh;position:relative}.aCharSlideShow,.pCharSlideShow{flex:1 1;margin:0}.arrow{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.6));justify-content:center;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s ease;z-index:2}.arrow:hover{transform:translateY(-50%) scale(1.3)}.left-arrow{left:10px}.right-arrow{right:10px}.arrow svg{height:24px;width:24px}.toggle-container{align-items:center;display:flex;height:6rem;justify-content:center}.toggle-button{border:none;border-radius:30px;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:12px 32px;transition:all .3s ease}.toggle-button.parry{background-color:#e63946}.toggle-button.parry:hover{background-color:#c82333;box-shadow:0 6px 16px #e6394680}.toggle-button.shield{background-color:#1d4ed8}.toggle-button.shield:hover{background-color:#1e40af;box-shadow:0 6px 16px #1d4ed880}.dropdown-item.focused{background-color:#e0e0e0;cursor:pointer}
/*# sourceMappingURL=main.fb3df1f0.css.map*/