body{font-family:'Open Sans',arial,sans-serif;color:#494d55;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{height:100%}.hide{display:none!important}.page-wrapper{min-height:100%;margin-bottom:-50px}.page-wrapper:after{content:"";display:block;height:50px}.footer{height:50px}p{line-height:1.5}a{color:#3aa7aa;transition:.1s ease-in-out;-webkit-transition:.1s ease-in-out;-moz-transition:.1s ease-in-out;-ms-transition:.1s ease-in-out;-o-transition:.1s ease-in-out}a:hover{text-decoration:underline;color:#339597}a:focus{text-decoration:none}.btn,a.btn{transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out;-moz-transition:.4s ease-in-out;-ms-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;font-weight:600;font-size:14px;line-height:1.5;text-decoration:none}.btn:focus,a.btn:focus{box-shadow:none}.btn-primary,a.btn-primary{background:#40babd;border:1px solid #40babd;color:#fff!important}.btn-primary.active,.btn-primary.hover,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.btn-primary:not(:disabled):not(.disabled):active:focus,a.btn-primary.active,a.btn-primary.hover,a.btn-primary:active,a.btn-primary:focus,a.btn-primary:hover,a.btn-primary:not(:disabled):not(.disabled):active:focus{background:#3aa7aa;color:#fff!important;border:1px solid #3aa7aa;box-shadow:none}.btn-green,a.btn-green{background:#75c181;border:1px solid #75c181;color:#fff!important}.btn-green.active,.btn-green.hover,.btn-green:active,.btn-green:focus,.btn-green:hover,a.btn-green.active,a.btn-green.hover,a.btn-green:active,a.btn-green:focus,a.btn-green:hover{background:#63b971;color:#fff!important;border:1px solid #63b971}.btn-blue,a.btn-blue{background:#58bbee;border:1px solid #58bbee;color:#fff!important}.btn-blue.active,.btn-blue.hover,.btn-blue:active,.btn-blue:focus,.btn-blue:hover,a.btn-blue.active,a.btn-blue.hover,a.btn-blue:active,a.btn-blue:focus,a.btn-blue:hover{background:#41b2ec;color:#fff!important;border:1px solid #41b2ec}.btn-orange,a.btn-orange{background:#f88c30;border:1px solid #f88c30;color:#fff!important}.btn-orange.active,.btn-orange.hover,.btn-orange:active,.btn-orange:focus,.btn-orange:hover,a.btn-orange.active,a.btn-orange.hover,a.btn-orange:active,a.btn-orange:focus,a.btn-orange:hover{background:#f77e17;color:#fff!important;border:1px solid #f77e17}.btn-red,a.btn-red{background:#f77b6b;border:1px solid #f77b6b;color:#fff!important}.btn-red.active,.btn-red.hover,.btn-red:active,.btn-red:focus,.btn-red:hover,a.btn-red.active,a.btn-red.hover,a.btn-red:active,a.btn-red:focus,a.btn-red:hover{background:#f66553;color:#fff!important;border:1px solid #f66553}.btn-pink,a.btn-pink{background:#ea5395;border:1px solid #ea5395;color:#fff!important}.btn-pink.active,.btn-pink.hover,.btn-pink:active,.btn-pink:focus,.btn-pink:hover,a.btn-pink.active,a.btn-pink.hover,a.btn-pink:active,a.btn-pink:focus,a.btn-pink:hover{background:#e73c87;color:#fff!important;border:1px solid #e73c87}.btn-purple,a.btn-purple{background:#8a40a7;border:1px solid #8a40a7;color:#fff!important}.btn-purple.active,.btn-purple.hover,.btn-purple:active,.btn-purple:focus,.btn-purple:hover,a.btn-purple.active,a.btn-purple.hover,a.btn-purple:active,a.btn-purple:focus,a.btn-purple:hover{background:#7b3995;color:#fff!important;border:1px solid #7b3995}.form-control{box-shadow:none;height:40px;border-color:#f0f0f0}.form-control::-webkit-input-placeholder{color:#afb3bb}.form-control:-moz-placeholder{color:#afb3bb}.form-control::-moz-placeholder{color:#afb3bb}.form-control:-ms-input-placeholder{color:#afb3bb}.form-control:focus{border-color:#e3e3e3;box-shadow:none}input[type=button],input[type=email],input[type=password],input[type=submit],input[type=text],select,textarea{-moz-appearance:none;appearance:none;-webkit-appearance:none}.header{background:#494d55;color:rgba(255,255,255,.85);border-top:5px solid #40babd;padding:30px 0}.header a{color:#fff}.header .container{position:relative}.branding{text-transform:uppercase;margin-bottom:10px}.branding .logo{font-size:28px;margin-top:0;margin-bottom:0}.branding .logo a{text-decoration:none}.branding .text-highlight{color:#40babd}.branding .text-bold{font-weight:800;color:#fff}.branding .icon{font-size:24px;color:#40babd}.search-form{position:relative}.search-form .search-input{font-size:14px;border-radius:20px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;padding-top:4px}.search-form .search-input:focus{border-color:#39f}.search-form #total{position:absolute;right:0;top:0;border-radius:0 20px 20px 0}.main-search-box{position:relative;margin:20px auto;transition:.3s}.main-search-box .search-form{position:relative;max-width:600px;margin:0 auto;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:50px;transition:.4s}.main-search-box .search-form:hover{box-shadow:0 8px 30px rgba(0,0,0,.15);transform:translateY(-2px)}.main-search-box .search-input{height:50px;border-radius:50px;border:2px solid #e3e3e3;padding:10px 100px 10px 20px;font-size:16px;transition:.3s;box-shadow:none;width:100%;background:#fff}.main-search-box .search-input:focus{border-color:#40babd;box-shadow:0 0 0 3px rgba(64,186,189,.2);outline:0}.main-search-box #total{position:absolute;right:5px;top:5px;bottom:5px;background:#40babd;color:#fff;border-radius:40px;padding:0 20px;display:flex;align-items:center;font-weight:700;min-width:50px;justify-content:center;transition:.3s;box-shadow:0 2px 10px rgba(64,186,189,.3)}.main-search-box #total:hover{background:#3aa7aa;transform:scale(1.05)}.search-box-focused .search-form{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.2)}@keyframes inputFocus{0%{border-color:#e3e3e3}100%,50%{border-color:#40babd}}.focused{animation:.5s inputFocus}.item{transition:.3s;animation:.5s forwards cardEntrance}.item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.item-inner{transition:.3s;border-radius:10px;overflow:hidden}.item:hover .item-inner{border:1px solid rgba(64,186,189,.3)}@keyframes cardEntrance{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.item:first-child{animation-delay:.1s}.item:nth-child(2){animation-delay:.2s}.item:nth-child(3){animation-delay:.3s}.item:nth-child(4){animation-delay:.4s}.item:nth-child(5){animation-delay:.5s}.item:nth-child(n+6){animation-delay:.6s}.scroll-fixed a{transition:.3s;background:rgba(64,186,189,.8);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:5px;opacity:.7}.scroll-fixed a:hover{opacity:1;transform:scale(1.1);background:#40babd;box-shadow:0 5px 15px rgba(64,186,189,.4)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(64,186,189,.4)}70%{box-shadow:0 0 0 15px rgba(64,186,189,0)}100%{box-shadow:0 0 0 0 rgba(64,186,189,0)}}.main-search-box .search-input:focus+#total{animation:2s infinite pulse}@media (max-width:768px){.main-search-box .search-form{margin:0 15px}.main-search-box .search-input{height:45px;padding:10px 80px 10px 15px;font-size:14px}.main-search-box #total{padding:0 15px;min-width:40px;font-size:14px}}.top-search-box{position:absolute;right:15px;top:15px}.footer{background:#26282c;color:rgba(255,255,255,.6);padding:15px 0}.footer a{color:#40babd}.footer .fa-heart{color:#ea5395}@media (max-width:575.98px){.top-search-box{width:100%;position:static;margin-top:15px}}.cards-section{padding:30px 0 60px;background:#f9f9fb}.cards-section .title{margin-top:0;margin-bottom:15px;font-size:24px;font-weight:600}.cards-section .intro{margin:0 auto 60px;max-width:800px;color:#616670}#siteList{min-height:350px}.site-container{margin:auto;max-width:1400px}.site-list .spinner-grow{margin:auto;width:3rem;height:3rem}.search-bar__fixed{position:fixed;z-index:101;top:0;width:100vw;left:0;background:#ebf0f4}.hot-tags-title{font-weight:700}.hot-tags-list span.badge{cursor:pointer;transition:.2s;font-size:14px;margin:.2rem}.hot-tags-list span.badge:hover{transform:rotate(-5deg) scale(1.1)}.cards-section .cards-wrapper{max-width:860px;margin-left:auto;margin-right:auto}@media (min-width:992px){.cards-section .cards-wrapper{max-width:90vw}}.cards-section .item:hover{z-index:1}.cards-section .item .icon-holder{position:absolute;height:36px;width:36px;transition:3s}.cards-section .item:hover .icon-holder{transform:rotate(36000deg)}.cards-section .item .icon{font-size:36px}.cards-section .item .title{font-size:16px;font-weight:600;margin-left:52px;margin-bottom:10px;min-height:36px;word-break:break-all}.cards-section .item .intro{word-break:break-all;margin-bottom:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;max-height:42px}.cards-section .item-inner{transition:.2s;padding:15px 10px;background:padding-box #fff;position:relative;border:1px solid #f0f0f0;border-radius:4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;min-height:148px;height:148px;overflow:hidden;text-overflow:ellipsis}.cards-section .item-inner .link{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.cards-section .item-inner .link span{position:absolute;right:5px}.cards-section .item-inner:hover{background:#f5f5f5}.cards-section .item-primary .item-inner{border-top:3px solid #40babd}.cards-section .item-primary .item-inner:hover .title{color:#2d8284}.cards-section .item-primary .icon{color:#40babd}.cards-section .item-green .item-inner{border-top:3px solid #75c181}.cards-section .item-green .item-inner:hover .title{color:#48a156}.cards-section .item-green .icon{color:#75c181}.cards-section .item-blue .item-inner{border-top:3px solid #58bbee}.cards-section .item-blue .item-inner:hover .title{color:#179de2}.cards-section .item-blue .icon{color:#58bbee}.cards-section .item-orange .item-inner{border-top:3px solid #f88c30}.cards-section .item-orange .item-inner:hover .title{color:#d46607}.cards-section .item-orange .icon{color:#f88c30}.cards-section .item-red .item-inner{border-top:3px solid #f77b6b}.cards-section .item-red .item-inner:hover .title{color:#f33a22}.cards-section .item-red .icon{color:#f77b6b}.cards-section .item-pink .item-inner{border-top:3px solid #ea5395}.cards-section .item-pink .item-inner:hover .title{color:#d61a6c}.cards-section .item-pink .icon{color:#ea5395}.cards-section .item-purple .item-inner{border-top:3px solid #8a40a7}.cards-section .item-purple .item-inner:hover .title{color:#5c2b70}.cards-section .item-purple .icon{color:#8a40a7}.star-icon{position:absolute;bottom:5px;left:15px;color:#39f}.star-icon svg{margin:0 3px}.fav-icon{cursor:pointer;z-index:2;position:absolute;height:32px;width:32px;text-align:center;align-items:center;justify-content:center;display:flex;line-height:1;padding:0;right:5px;bottom:5px;font-size:18px;transition:.3s}.fav-icon:hover{transform:rotate(1080deg);background:#efefef}.icon-holder img{width:100%}.scroll-fixed{display:none;font-size:14px;position:fixed;bottom:30px;right:30px;z-index:9;transition:.3s;border-radius:5px;overflow:hidden}.scroll-fixed a{display:flex;align-items:center;justify-content:center;cursor:pointer;width:45px;height:45px;line-height:45px;color:var(--bs-link-color)}.scroll-fixed a svg{width:40px;height:40px}.github-btn{display:flex;justify-content:center;align-items:center;height:36px;flex-wrap:wrap}.github-btn>a,.github-btn>span{margin:5px}.tk-footer{visibility:hidden}#search:focus{border-color:#39f}@media (max-width:575.98px){.main-search-box,.main-search-box .search-form .search-input{width:100%}}@media (max-width:767.98px){#btnGroup{min-width:2380px}}@media (min-width:576px){.main-search-box .search-form .search-input{width:400px}}@media (min-width:768px){.main-search-box .search-form .search-input{width:560px}}@media screen and (min-width:1200px){.cards-section .item{margin-bottom:20px}.cards-section .item:hover .item-inner{transform:rotateX(-5deg) rotateY(-5deg) rotateZ(-5deg) scale(1.2);border-left:15px solid;border-top-width:15px}}