body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body.dark-mode .github-link-box svg{fill:#fff}body.dark-mode .github-link-box svg:hover{fill:#f1f1f1}body.dark-mode .theme-switch-box svg{fill:#fff}body.dark-mode .theme-switch-box svg:hover{fill:#f1f1f1}body.dark-mode{background-color:#121212;color:hsla(0,0%,100%,.6)}body.dark-mode .select-tag-active{background-color:#383838;border:1px solid #383838}body.dark-mode .select-tag{border:1px solid #121212;color:hsla(0,0%,100%,.6)}body.dark-mode .select-tag:hover{background-color:#424242;border:1px solid #424242}body.dark-mode input{background-color:#222;border:1px solid #222;color:hsla(0,0%,100%,.6)}body.dark-mode input:hover{background-color:#303030;border:1px solid #303030}body.dark-mode input:focus,input:focus-visible{background-color:#3d3d3d;border:1px solid #3d3d3d}body.dark-mode .card-box{background-color:#222}body.dark-mode .card-box:hover{box-shadow:2px 2px 12px 0 #292929}body.dark-mode .card-right-bottom,body.dark-mode .card-right-title{color:hsla(0,0%,100%,.6)}body.dark-mode .card-tag{background-color:#383838;color:hsla(0,0%,100%,.6)}@media (max-width:1060px) and (min-width:700px){body.dark-mode span.card-tag{background-color:#222!important}}@media (max-width:700px) and (min-width:500px){body.dark-mode a.card-box{background-color:#121212}}@media (max-width:500px){body.dark-mode a.card-box{background-color:#121212}}.main{margin:0 auto;height:96vh;overflow:hidden;box-sizing:border-box}.span-3{grid-column-start:span 3}:root{--width-small:500px;--width-medium:700px;--width-large:1060px}@media (max-width:500px){.main{padding-top:30px}.github-link-box{right:11px;bottom:10px}.github-link-box svg{width:22px;height:22px}.theme-switch-box{right:10px;bottom:40px}.theme-switch-box.hide-github{bottom:10px}.theme-switch-box svg{width:24px;height:24px}.select-tag{font-size:13px;padding:2px 6px;height:24.5px;min-width:62px;line-height:18px;border-radius:4px;display:inline-block;text-align:center;margin-right:6px;margin-bottom:6px}.tag-selector-wrapper{margin-right:-6px}input:hover{background-color:#e5e6eb;border:1px solid #e5e6eb;cursor:pointer}input:focus,input:focus-visible{background-color:#fff;border:1px solid #272e3b;color:#272e3b}input{height:30px;font-size:16px;padding:0 16px;border-radius:4px;border:1px solid #f4f5f7;background-color:#f4f5f7;outline:none;color:#8a92a6}.search{margin-bottom:14px}.tag-selector{margin-bottom:12px}.content{display:grid;grid-gap:0 4px;margin:0 2vw;grid-template-columns:repeat(3,1fr)}.card-index{display:none}.card-box{max-width:200px;display:flex;margin-bottom:10vw;flex-wrap:wrap;align-items:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow,-webkit-transform .3s;transition:box-shadow,transform .3s;transition:box-shadow,transform .3s,-webkit-transform .3s;border-radius:4px;padding:0;background-color:#fff;text-decoration:none}.card-content{flex:1 1;overflow:hidden;width:100%;display:block}.card-right-top{display:flex;align-content:space-around;flex-wrap:wrap;margin-bottom:0;height:36px;justify-content:center}.card-right-bottom,.card-tag{display:none}.card-left{margin-right:0;align-items:center;justify-content:center;display:flex}.card-right-title{display:inline-block;color:#272e3b;font-weight:500;font-size:12px;margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.card-left>img,.card-left embed{width:32px;height:32px}.card-right{margin-right:0}}@media (max-width:700px) and (min-width:500px){.main{padding-top:40px}.github-link-box{right:15px;bottom:14px}.github-link-box svg{width:27px;height:27px}.theme-switch-box{right:14px;bottom:46px}.theme-switch-box.hide-github{bottom:15px}.theme-switch-box svg{width:30px;height:30px}.select-tag{font-size:13px;padding:2px 8px;min-width:70px;line-height:20px;height:27px;border-radius:4px;display:inline-block;text-align:center;margin-right:6px;margin-bottom:6px}.tag-selector-wrapper{margin-right:-6px}input:hover{background-color:#e5e6eb;border:1px solid #e5e6eb;cursor:pointer}input:focus,input:focus-visible{background-color:#fff;border:1px solid #272e3b;color:#272e3b}input{height:36px;font-size:16px;padding:0 20px;border-radius:4px;border:1px solid #f4f5f7;background-color:#f4f5f7;outline:none;color:#8a92a6}.search{margin-bottom:18px}.tag-selector{margin-bottom:14px}.content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0 4px;justify-content:center;margin:0 5vw}.card-index{display:none}.card-box{max-width:200px;margin-bottom:10vw;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow,-webkit-transform .3s;transition:box-shadow,transform .3s;transition:box-shadow,transform .3s,-webkit-transform .3s;border-radius:4px;padding:0;background-color:#fff;text-decoration:none}.card-content{flex:1 1;overflow:hidden;width:100%;display:block}.card-right-top{display:flex;align-content:space-around;flex-wrap:wrap;margin-bottom:0;height:36px;justify-content:center}.card-right-bottom,.card-tag{display:none}.card-left{margin-right:0;align-items:center;justify-content:center;display:flex}.card-right-title{display:inline-block;color:#272e3b;font-weight:500;font-size:14px;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.card-left>img,.card-left embed{width:36px;height:36px}.card-right{margin-right:0}}@media (max-width:1060px) and (min-width:700px){.main{padding-top:60px}.github-link-box{right:11px;bottom:14px}.github-link-box svg{width:27px;height:27px}.theme-switch-box{right:10px;bottom:50px}.theme-switch-box.hide-github{bottom:20px}.theme-switch-box svg{width:30px;height:30px}.select-tag{font-size:13px;padding:2px 10px;min-width:74px;line-height:20px;border-radius:10px;display:inline-block;text-align:center;margin-right:10px;margin-bottom:10px}.tag-selector-wrapper{margin-right:-10px}input:hover{background-color:#e5e6eb;border:1px solid #e5e6eb;cursor:pointer}input:focus,input:focus-visible{background-color:#fff;border:1px solid #272e3b;color:#272e3b}input{height:40px;font-size:16px;padding:0 22px;border-radius:4px;border:1px solid #f4f5f7;background-color:#f4f5f7;outline:none;color:#8a92a6}.tag-selector{margin-bottom:16px}.content{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:15px;justify-content:center;margin:0 5vw}.card-index{display:none}.card-box{max-width:299.67px;display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow,-webkit-transform .3s;transition:box-shadow,transform .3s;transition:box-shadow,transform .3s,-webkit-transform .3s;border-radius:4px;padding:9%;background-color:#fafbfc;text-decoration:none}.card-box:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:6px 6px 12px 0 #eceef4}.card-content{flex:1 1;overflow:hidden;width:100%;display:flex}.card-right-top{display:flex;align-content:space-around;flex-wrap:wrap;margin-bottom:0;height:42px;justify-content:left}.card-right-top span{display:block;width:100%}.card-right-bottom{display:none}.card-tag{color:#878a95;font-size:13px;background-color:#fafbfc;display:inline-block;box-sizing:border-box;padding:0x;line-height:20px;border-radius:2px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-left{margin-right:5%;align-items:center;display:flex}.card-right-title{display:inline-block;color:#272e3b;font-size:14px;margin-right:7px;overflow:hidden;font-weight:500;white-space:nowrap;text-overflow:ellipsis}.card-left>img,.card-left embed{width:40px;height:40px}}@media (min-width:1060px){.main{padding-top:80px}.github-link-box{right:12px;bottom:20px}.github-link-box svg{width:35px;height:35px}.theme-switch-box{right:10px;bottom:70px}.theme-switch-box.hide-github{bottom:20px}.theme-switch-box svg{width:40px;height:40px}.select-tag{font-size:14px;padding:2px 10px;min-width:85px;line-height:20px;height:28px;border-radius:16px;display:inline-block;text-align:center;margin-right:16px;margin-bottom:16px}.tag-selector-wrapper{margin-right:-16px}input:hover{background-color:#e5e6eb;border:1px solid #e5e6eb;cursor:pointer}input:focus,input:focus-visible{background-color:#fff;border:1px solid #272e3b;color:#272e3b}input{height:40px;font-size:16px;padding:0 32px;border-radius:4px;border:1px solid #f4f5f7;background-color:#f4f5f7;outline:none;color:#8a92a6}.content{display:grid;grid-template-columns:repeat(3,minmax(299.67px,350px));grid-gap:20px;justify-content:center;margin:0 5vw}.tag-selector{margin-bottom:20px}.card-box{display:flex;flex-wrap:wrap;align-items:center;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:box-shadow,-webkit-transform .3s;transition:box-shadow,transform .3s;transition:box-shadow,transform .3s,-webkit-transform .3s;border-radius:4px;padding:9%;background-color:#fafbfc;text-decoration:none;max-width:350px}.card-box:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:6px 6px 12px 0 #eceef4}.card-content{flex:1 1;overflow:hidden;width:100%;display:flex;align-items:center}.card-right-top{display:inline-flex;align-items:center;margin-bottom:4px;width:100%}.card-right-bottom{color:#86909c;font-size:13px;width:100%}.card-right-bottom,.card-tag{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-tag{color:#878a95;font-size:12px;background-color:#f2f3f5;display:inline-block;box-sizing:border-box;padding:0 8px;border-radius:2px;max-width:68px}.card-left{margin-right:5%;align-items:center;display:flex}.card-right-title{display:inline-block;color:#272e3b;font-size:14px;font-weight:500;margin-right:7px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-right{display:flex;flex-wrap:wrap;align-content:space-around;height:48px;flex:1 1;overflow:hidden}.card-left>img,.card-left embed{width:48px;height:48px}}.content-wraper::-webkit-scrollbar{display:none}.content-wraper{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;height:100%}.cards{padding-top:10px;padding-bottom:250px}.record-wraper{text-align:center;position:fixed;bottom:1vh;left:0;right:0}.record-wraper>a{text-decoration:none;color:#bbb}.select-tag{-webkit-user-select:none;user-select:none}.card-index{position:absolute;right:8px;top:8px}.card-box{position:relative}.card-index{color:#272e3b}body.dark-mode .card-index{color:hsla(0,0%,100%,.6)}.search input{width:100%;transition:all .3s}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:5px solid transparent;border-top-color:#272e3b}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.select-tag{cursor:pointer;color:#8a92a6;border:1px solid #979797;transition:all .3s;box-sizing:border-box}.select-tag:hover{border:1px solid #969696;background-color:#969696;color:#fff}.select-tag-active{color:#fff;background-color:#7c7c7c;border:1px solid #7c7c7c}.tag-selector{width:100%}.github-link-box{position:fixed;cursor:pointer}.github-link-box svg{fill:#3d3d3d;transition:all .3s}.github-link-box svg:hover{fill:#121212}.theme-switch-box{position:fixed;cursor:pointer}.theme-switch-box svg{fill:#3d3d3d;transition:all .3s}.theme-switch-box svg:hover{fill:#121212}
/*# sourceMappingURL=main.5d7003fe.chunk.css.map */