body{margin:0;padding:0;-webkit-overflow-scrolling:touch;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{height:100vh;width:100vw;overflow:hidden}.flex-container{display:flex}.socket-debugger{padding:24px;box-sizing:border-box;height:100%;width:100%;background:#282433}.socket-debugger .actionable{height:100%;width:100%;margin-right:12px}.socket-debugger .actionable .json-buttons{margin-bottom:12px}.socket-debugger .actionable .json-buttons>div{margin-right:12px}.socket-debugger .actionable .json-buttons>div:last-of-type{margin-right:0}.socket-debugger .payload{padding:12px;box-sizing:border-box;border:1px solid #e9e9e9;height:100%;width:100%;background:#fff;border-radius:5px;overflow-y:scroll}.editor-container{height:100%;width:100%;margin-right:24px}.editor-container .custom-json-editor{display:flex;height:100%;margin-bottom:12px}.jsoneditor{border-color:#e9e9e9!important;overflow:hidden;border-radius:5px}.jsoneditor-poweredBy{display:none}.button{padding:9px 12px;box-sizing:border-box;font-size:14px;font-weight:700;letter-spacing:.05em;color:#fff;box-shadow:1px 1px 10px 0 rgba(0,0,0,.08);z-index:200;text-align:center;background-color:#5d84e4;border-radius:5px;-webkit-transition:all .2s;transition:all .2s}.button.enabled:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);cursor:pointer}.button.disabled{pointer-events:none;background-color:grey!important}.header-component{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:18px 24px;box-sizing:border-box;background:#100e16;width:100%}.header-component .left-nav{font-size:24px;font-weight:300;letter-spacing:0;color:#fff;line-height:1em}.header-component .left-nav .second{font-weight:600}.header-component .right-nav{font-size:12px;font-weight:300;letter-spacing:.2em;color:#8a8a8a;margin-left:auto}.navigate-to{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;-webkit-transition:all .3s;transition:all .3s;margin-right:48px;cursor:pointer}.navigate-to.selected:hover{cursor:default}.navigate-to.selected>.text{color:#505050;font-weight:700}.navigate-to .text{font-size:14px;font-weight:500;letter-spacing:.05em;color:#ccc;line-height:1em;margin-left:12px;-webkit-transition:all .3s;transition:all .3s}.anime-page{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;background:#282433}.anime-page,.anime-page .anime-content{height:100%;width:100%}.anime-page .anime-content-header{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:24px;font-weight:600;letter-spacing:0;color:#505050;border:1px #e9e9e9;border-style:none none solid;background:#fff}.anime-page .anime-content-header .header{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:24px;box-sizing:border-box;background:#fff;position:relative;width:100%}.anime-page .anime-content-header .header .header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:1000px}.anime-page .anime-content-header .header .header-content .left .anime-name{font-size:36px;font-weight:700;letter-spacing:0;color:#505050}.anime-page .anime-content-header .tabs-container{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:12px 24px;box-sizing:border-box;width:100%}.anime-page .anime-content-header .tabs-container .anime-header-tabs{width:100%;max-width:1000px}.anime-page .anime-content .status-container{padding:24px 24px 12px;box-sizing:border-box;background:#282433}.anime-page .anime-content .status-container .status{padding:24px;box-sizing:border-box;box-shadow:1px 1px 10px 0 rgba(0,0,0,.08);z-index:200;border-radius:5px;background:#fff}.scrollable-container{height:100%;width:100%;flex:1 1}.scrollable-container.scroll-x{overflow-x:scroll;min-width:0}.scrollable-container.scroll-y{overflow-y:scroll;min-height:0}.anime-card-list{justify-content:flex-start;height:100%;margin-top:24px}.anime-card-list,.anime-card-list .filters-container{display:flex;flex-direction:column;align-items:center;width:100%}.anime-card-list .filters-container{justify-content:center;padding:0 24px;box-sizing:border-box}.anime-card-list .filters-container .filters{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;max-width:1000px;margin-bottom:12px}@media only screen and (max-width:576px){.anime-card-list .filters-container .filters{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}}.anime-card-list .filters-container .filters .filter-select{width:100%;margin:0 12px 0 0}@media only screen and (max-width:576px){.anime-card-list .filters-container .filters .filter-select{margin:0 0 12px}}.anime-card-list .filters-container .filters .filter-select:last-of-type{margin:0}.anime-card-list .filters-container .filters .filter-select>.ant-select-selection{background:#fff;border:none}.anime-card-list .anime-card-list-scrollable{padding:24px;box-sizing:border-box}.anime-card-list .anime-card-list-scrollable .cards-wrapper{width:100%;max-width:1000px;flex-wrap:wrap}.anime-card-outer{box-shadow:1px 1px 10px 0 rgba(0,0,0,.08);z-index:200;position:relative}@media only screen and (min-width:993px){.anime-card-outer{flex-basis:calc(20% - 18px);margin:9px;flex-wrap:wrap;position:relative}.anime-card-outer:first-of-type,.anime-card-outer:nth-of-type(5n+1){margin-left:0}.anime-card-outer:nth-of-type(5n){margin-right:0}.anime-card-outer:before{content:"";display:block;padding-top:140%}}@media only screen and (min-width:769px) and (max-width:992px){.anime-card-outer{flex-basis:calc(25% - 18px);margin:9px;flex-wrap:wrap;position:relative}.anime-card-outer:first-of-type,.anime-card-outer:nth-of-type(4n+1){margin-left:0}.anime-card-outer:nth-of-type(4n){margin-right:0}.anime-card-outer:before{content:"";display:block;padding-top:140%}}@media only screen and (min-width:577px) and (max-width:768px){.anime-card-outer{flex-basis:calc(33.33333% - 18px);margin:9px;flex-wrap:wrap;position:relative}.anime-card-outer:first-of-type,.anime-card-outer:nth-of-type(3n+1){margin-left:0}.anime-card-outer:nth-of-type(3n){margin-right:0}.anime-card-outer:before{content:"";display:block;padding-top:140%}}@media only screen and (max-width:576px){.anime-card-outer{flex-basis:calc(50% - 18px);margin:9px;flex-wrap:wrap;position:relative}.anime-card-outer:first-of-type,.anime-card-outer:nth-of-type(odd){margin-left:0}.anime-card-outer:nth-of-type(2n){margin-right:0}.anime-card-outer:before{content:"";display:block;padding-top:140%}}.anime-card-outer .anime-card{height:100%;width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:12px;box-sizing:border-box;font-size:14px;font-weight:600;letter-spacing:0;color:#505050;position:absolute;top:0;left:0;background-size:cover;background-position:50%;background-color:#fff;overflow:hidden;border-radius:5px;-webkit-transition:all .1s ease-in;transition:all .1s ease-in}.anime-card-outer .anime-card:hover{cursor:pointer}.anime-card-outer .anime-card.has-image{box-shadow:inset 0 -120px 120px -30px rgba(0,0,0,.82);color:#fff}.anime-card-outer .anime-card.selected{-webkit-filter:grayscale(0);filter:grayscale(0);border-width:3px;border-color:#5d84e4;cursor:pointer}.anime-card-outer .anime-card .details-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%}.anime-card-outer .anime-card .details-container .ratings{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;letter-spacing:0;color:#fff;width:100%;line-height:1em;margin-top:3px;-webkit-transition:all .1s;transition:all .1s}.anime-card-outer .anime-card .details-container .ratings .rating{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.anime-card-outer .anime-card .details-container .ratings .icon{margin-right:3px}@-webkit-keyframes scale-from-zero-centered{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes scale-from-zero-centered{0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@-webkit-keyframes fade-in-from-bottom{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fade-in-from-bottom{0%{opacity:0;-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}.ellipsed-text{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
/*# sourceMappingURL=main.4af8dcb3.chunk.css.map */