*{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}body{margin:0;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;background-image:url(https://github.com/andrej22116/shikimori-stylesheet/blob/main/bg.jpg?raw=true);background-position:50%;background-size:cover;background-attachment:fixed}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{min-height:100vh;position:relative}.app-anime-list-wrap{width:100%;height:100%;display:flex;justify-content:center;padding-left:30px;box-sizing:border-box}.menu-user-block,.menu-user-block-overlay{position:relative;display:flex;align-items:center;height:72px}.menu-user-block-img-wrap{width:100%;height:100%;z-index:101}.menu-user-block-img-wrap img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.menu-user-block-overlay{position:absolute;opacity:0}.menu-user-block:hover .menu-user-block-overlay{display:flex;opacity:1}.menu-user-block-overlay-img{width:30px;transition:.2s}.menu-user-block:hover .menu-user-block-overlay-img{width:72px;transition:.2s}.menu-user-block-overlay,.menu-user-block-overlay-info{display:flex;align-items:center;height:100%}.menu-user-block-overlay p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#fff;font-weight:700;padding:0 16px}.menu-user-block-overlay-info{position:relative;left:-100%;transition:.2s;z-index:100;max-width:0;overflow:hidden;box-sizing:border-box;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.menu-user-block:hover .menu-user-block-overlay-info{left:0;max-width:100%;background-color:rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.15);border-left:none;padding-right:16px;z-index:0}.menu-user-block-overlay-info button{border:2px solid hsla(0,0%,100%,.15);color:#fff;font-weight:700;box-sizing:border-box;background-color:transparent;height:2.5em;transition:.15s}.menu-user-block-overlay-info button:hover{border:2px solid hsla(0,0%,100%,.15);background-color:hsla(0,0%,100%,.15)}.menu-user-block-overlay-info-text{display:flex;flex-direction:column;align-items:center}.menu-user-block-overlay-info-text i{color:#fff;padding:0 16px}.base-input{border:2px solid hsla(0,0%,100%,.15);background-color:rgba(0,0,0,.5);height:2em;padding:0 8px;color:#fff;outline:none}.base-input:focus{border:2px solid hsla(0,0%,100%,.5)}.base-button{border:2px solid hsla(0,0%,100%,.15);background-color:rgba(0,0,0,.5);height:2em;padding:0 16px;color:#fff;outline:none;transition:.1s;box-sizing:content-box}.base-button:not(:disabled):hover{border:2px solid hsla(0,0%,100%,.5)}.base-button:not(:disabled):active{background-color:hsla(0,0%,100%,.1)}.base-button:disabled{border:2px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.5)}.left-menu-popup{position:relative}.left-menu-popup-icon{color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.left-menu-popup-icon:hover{background-color:hsla(0,0%,100%,.1)}.left-menu-popup-wrap{position:absolute;bottom:0;left:-9999px}.left-menu-popup:focus-within .left-menu-popup-wrap,.left-menu-popup:hover .left-menu-popup-wrap{opacity:1;left:30px;background-color:rgba(0,0,0,.25);border:2px solid hsla(0,0%,100%,.15);border-left:none;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:16px}.bg-image-path-setting,.bg-image-path-setting>div{display:flex}.bg-image-path-setting{flex-direction:column}.bg-image-path-setting>h3{color:#fff;font-size:14px;margin-bottom:8px;text-transform:uppercase}.bg-image-path-setting-btn{margin-left:16px}.base-toggle{display:flex;align-items:center}.base-toggle>div{display:inline-block;border:2px solid hsla(0,0%,100%,.5);width:36px;min-width:36px;margin-right:8px;height:22px;border-radius:11px;box-sizing:border-box;position:relative;background-color:transparent;cursor:pointer;transition:.2s;padding:2px}.base-toggle>div>div{content:"";position:absolute;display:block;width:14px;height:14px;border-radius:50%;background-color:hsla(0,0%,100%,.5)}.base-toggle.checked>div{background-color:rgba(0,255,96,.5)}.base-toggle>div>div.checked{animation:toggle .2s ease-in-out 0s 1 alternate both running}.base-toggle>div>div.not-checked{animation:toggle .2s ease-in-out 0s 1 alternate-reverse both running}@keyframes toggle{0%{margin-left:0}to{margin-left:calc(100% - 18px)}}.options-toggles,.options-toggles>div{display:flex;flex-direction:column}.options-toggles>div>*{color:#fff}.options-toggles>div>:not(:last-child){margin-bottom:8px}.options-toggles{width:200px}.options-toggles>h3{color:#fff;font-size:14px;margin-bottom:8px;text-transform:uppercase}.base-switch{display:flex;align-items:center}.base-switch-variants{display:flex;height:22px;margin-right:8px;border:2px solid hsla(0,0%,100%,.5)}.base-switch-variants .variant{padding:2px 4px;height:100%;font-size:12px;vertical-align:center;cursor:pointer;box-sizing:border-box;transition:.1s}.base-switch-variants .variant.active{background-color:hsla(0,0%,100%,.5)}.base-switch-variants .variant:not(.active):hover{background-color:hsla(0,0%,100%,.2)}.left-menu{width:30px;height:100%;position:fixed;top:0;left:0;z-index:100}.left-menu.opened{width:300px;transition:.4s}.left-menu-bg{position:absolute;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background-color:rgba(0,0,0,.25);width:100%;height:100%}.left-menu-items{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:101}.base-selection{border:2px solid hsla(0,0%,100%,.15);background-color:rgba(0,0,0,.5);height:2em;padding:0 16px;color:#fff;outline:none;transition:.1s;box-sizing:content-box}.base-selection:not(:disabled):hover{border:2px solid hsla(0,0%,100%,.5)}.base-selection:not(:disabled):active{background-color:hsla(0,0%,100%,.1)}.base-selection:disabled{border:2px solid hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.5)}.anime-grid-item{width:300px;height:426px;position:relative;margin:24px 8px;background-color:rgba(0,0,0,.5)}.anime-grid-item-wrap{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:.2s}.anime-grid-item:hover .anime-grid-item-wrap{position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;transition:.2s;width:calc(100% + 40px);height:calc(100% + 40px);z-index:5}.anime-grid-item-overlay{position:fixed;width:0;height:0;background-color:transparent;-webkit-backdrop-filter:blur(.1px);backdrop-filter:blur(.1px);transition:-webkit-backdrop-filter .6s;transition:backdrop-filter .6s;transition:backdrop-filter .6s,-webkit-backdrop-filter .6s;transition:background-color .6s}.anime-grid-item:hover .anime-grid-item-overlay{width:100%;height:100%;z-index:2;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);top:0;left:0;pointer-events:none}.anime-grid-item:hover .anime-grid-item-bg.blur{-webkit-filter:blur(24px);filter:blur(24px)}.anime-grid-item-bg{position:absolute;width:100%;height:100%;z-index:1}.anime-grid-item-bg>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.1s}.anime-grid-item:hover .anime-grid-item-bg{-webkit-backdrop-filter:none;backdrop-filter:none}.anime-grid-item:hover .anime-grid-item-bg>img{opacity:1}.anime-grid-item-fg{position:absolute;width:100%;height:100%;z-index:2;display:flex;flex-direction:column-reverse;justify-content:space-between;overflow:hidden}.anime-grid-item-fg .title{width:100%;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);line-height:16px;padding:8px;box-sizing:border-box;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.anime-grid-item-fg .controls{position:relative;bottom:-100%}.anime-grid-item-fg:hover .controls{background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);bottom:0;transition:bottom .2s}.anime-grid-item-fg .controls .status{padding:16px 16px 0;display:flex;justify-content:center}.anime-grid-item-fg .controls .status>*{width:calc(50% + 69px)}.anime-grid-item-fg .controls .watching{padding:16px;display:flex;justify-content:center}.anime-grid-item-fg .controls .watching .input{width:50%;text-align:center}.anime-grid-item-fg .score{width:100%;display:flex;justify-content:space-between;box-sizing:border-box;padding:0 8px 8px;color:#fff}.anime-grid-item-fg .score span{width:18px;text-align:center}.anime-grid-item-fg .score .icon-star{color:#ff0;text-shadow:0 0 8px #ff0}.anime-grid-item-fg .score:hover .icon-star{text-shadow:none}.anime-grid-item:hover .anime-grid-item-fg{flex-direction:column}.anime-grid-item:hover .anime-grid-item-fg .title{white-space:unset}.anime-list-grid-view{padding-top:30px;display:flex;justify-content:center;flex-flow:row wrap}.anime-list-grid-view-row{display:flex;width:100%}.vertical-track{height:100%;right:0}.vertical-tumb{width:24px;background-color:hsla(0,0%,100%,.25);border:1px solid #000;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sort-variant-list{display:flex;flex-direction:row;justify-content:flex-end;padding-right:16px}.sort-variant-list>div{width:26px;height:26px;box-sizing:border-box;border:2px solid transparent;color:#fff;margin-right:2px;transition:.1s}.sort-variant-list>div:last-child{margin:0}.sort-variant-list>div.active,.sort-variant-list>div:not(.active):active{border:2px solid hsla(0,0%,100%,.4);background-color:hsla(0,0%,100%,.25)}.sort-variant-list>div:not(.active):hover{border:2px solid hsla(0,0%,100%,.4)}.anime-list-variant{border-bottom:none;display:flex;justify-content:center}.anime-list-variant>*{background-color:transparent;box-sizing:border-box;border:none;border-bottom:2px solid hsla(0,0%,100%,.25);background-color:rgba(0,0,0,.5);outline:none;padding:4px 16px;font-size:14px;font-weight:700;color:#fff;transition:.1s}.anime-list-variant>:first-child{border-left:2px solid hsla(0,0%,100%,.25)}.anime-list-variant>:last-child{border-right:2px solid hsla(0,0%,100%,.25)}.anime-list-variant>:not(.active):hover{background-color:rgba(0,0,0,.65)}.anime-list-variant>.active{background-color:rgba(0,0,0,.75);border-bottom:none}.anime-list-header{display:flex;flex-direction:row;justify-content:center;background-color:rgba(0,0,0,.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.anime-list-header>*{flex:1 1}.anime-list-header-center{flex:2 1}.anime-list-header .action-button{width:26px;height:26px;box-sizing:border-box;margin:0;padding:0;text-align:center;background-color:transparent;border:2px solid transparent;color:#fff;font-size:14px;line-height:14px;transition:.1s;outline:none;cursor:pointer}.anime-list-header .action-button:not(:disabled):hover{border:2px solid hsla(0,0%,100%,.25)}.anime-list-header .action-button:not(:disabled):active{background-color:hsla(0,0%,100%,.25)}.anime-list{width:100%;min-height:100vh;position:relative}.anime-list-header-wrap{z-index:20;position:fixed;width:100%}.anime-list-wrap{box-sizing:border-box}.anime-list-wrap.loading{position:fixed;top:0;left:0;width:100vw;min-height:100vh;background-color:rgba(0,0,0,.75);z-index:5}.anime-list-wrap.loading,.loader{display:flex;justify-content:center;align-items:center}.loader{width:60px;height:60px;position:relative}.loader>div{position:absolute;width:100%;height:100%}.loader>div:first-child{-webkit-filter:blur(16px);filter:blur(16px)}.loader>div>i{position:absolute;width:100%;height:100%;font-size:46px;line-height:50px;display:flex;justify-content:center;align-items:center}.loader>div>i:nth-child(2){color:#ff0;text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 16px #fff;animation:loader-rotation 1s linear 0s infinite normal both}.loader>div>i:first-child{color:red;text-shadow:0 0 4px red,0 0 8px red,0 0 16px red;animation:loader-rotation 1s linear .01s infinite normal both}@keyframes loader-rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.base-auth-block-button-wrap{position:relative;margin-bottom:42px}.base-auth-block-button-wrap,.base-auth-block-button-wrap>.base-auth-block-button-user-icon,.base-auth-block-button-wrap>.login-btn,.base-auth-block-user-wrap>.user>.avatar{width:160px;height:160px}.base-auth-block-button-wrap>.base-auth-block-button-user-icon,.base-auth-block-button-wrap>.login-btn{position:absolute;top:0;right:0;left:0;bottom:0;transition:.2s}.base-auth-block-button-wrap>.base-auth-block-button-user-icon{font-size:160px;line-height:160px}.base-auth-block-button-wrap>.base-auth-block-button-user-icon:before{margin:0;position:absolute}.base-auth-block-button-wrap>.login-btn{border-radius:50%;border:1px solid #000;display:flex;flex-direction:column-reverse;align-items:center;font-size:24px;font-weight:700;background-color:transparent;padding:0;outline:none;cursor:pointer}.base-auth-block-button-wrap>.login-btn>p{margin-bottom:24px}.base-auth-block-button-wrap:hover>.base-auth-block-button-user-icon{-webkit-filter:blur(8px);filter:blur(8px)}.base-auth-block-button-wrap:hover>.login-btn{background-color:rgba(0,0,0,.4);text-shadow:0 0 16px #fff,0 0 4px #fff,0 0 2px #fff}.base-auth-block-button,.base-auth-block-user-wrap>.user{display:flex;flex-direction:column;align-items:center}.base-auth-block-user-wrap>.user>.avatar{position:relative;border-radius:50%;overflow:hidden}.base-auth-block-user-wrap>.user>.avatar>.img-wrap,.base-auth-block-user-wrap>.user>.avatar>.logout{position:absolute}.base-auth-block-user-wrap>.user>.avatar>.img-wrap{width:100%;height:100%}.base-auth-block-user-wrap>.user>.avatar>.img-wrap>img{width:100%;height:100%;object-fit:cover;object-position:center}.base-auth-block-user-wrap>.user>.avatar>.logout{width:100%;height:16%;border:none;outline:hidden;background-color:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);bottom:0;cursor:pointer;color:#fff;font-size:14px;font-weight:700;line-height:16px;transition:.1s}.base-auth-block-user-wrap>.user>.avatar:hover>.logout{height:100%;font-size:24px}.base-auth-block-user-wrap>.user>.nickname{color:#000;max-width:160px;font-size:16px;line-height:18px;margin:12px 0}.myanimelist-auth-block .base-auth-block-button-wrap>.base-auth-block-button-user-icon{color:#fff}.myanimelist-auth-block .base-auth-block-button-wrap>.login-btn{color:#2e51a1;border-color:#fff}.myanimelist-auth-block .base-auth-block-button-wrap:hover>.login-btn{background-color:rgba(46,81,161,.4)}.myanimelist-auth-block .base-auth-block-button-wrap:hover>.login-btn>p{text-shadow:0 0 16px #90b1ff,0 0 4px #90b1ff,0 0 2px #90b1ff}.myanimelist-auth-block .base-auth-block-user-wrap>.user>.nickname{color:#fff}.shikimori-auth-block .base-auth-block-button-wrap>.base-auth-block-button-user-icon{color:#2e51a1}.shikimori-auth-block .base-auth-block-button-wrap>.login-btn{color:#fff;border-color:#2e51a1}.shikimori-auth-block .base-auth-block-button-wrap:hover>.login-btn{background-color:hsla(0,0%,100%,.4)}.authorization-stage{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.authorization-stage-block{max-width:762px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.auth-colorization-shiki-text{color:#000}.auth-colorization-mal-text,.auth-colorization-shiki-text-rev{color:#fff}.auth-colorization-mal-text-rev{color:#2e51a1}.auth-colorization-shiki-bg{background-color:hsla(0,0%,100%,.9)}.auth-colorization-mal-bg{background-color:rgba(46,81,161,.9)}.authorization-stage-block-body{display:flex;justify-content:space-between}.authorization-stage-block-body>div{width:50%;display:flex;flex-direction:column;align-items:center;padding:12px}.authorization-stage-block-body>div>h2{margin-bottom:12px}
/*# sourceMappingURL=main.a0171e48.chunk.css.map */