.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{cursor:pointer;border:1px solid #0000;border-bottom:none;padding:6px 12px;list-style:none;display:inline-block;position:relative;bottom:-1px}.react-tabs__tab--selected{color:#000;background:#fff;border-color:#aaa;border-radius:5px 5px 0 0}.react-tabs__tab--disabled{color:graytext;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{content:"";background:#fff;height:5px;position:absolute;bottom:-5px;left:-4px;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}code{background:#e5e5e5;border-radius:100px;padding:.2rem .5rem}.tutCard{background:#fff;border-radius:10px;justify-content:flex-start;align-items:flex-start;width:100%;height:10rem;margin-top:1rem;padding:.8rem;transition:all .3s ease-in-out;display:flex;position:relative;overflow:hidden}.tutCard:hover{scale:1.01;box-shadow:0 10px 20px #0003}.tutCard:has(.tutCardLink:focus-visible){outline-offset:2px;outline:2px solid #2684ff}.tutCard .tutCardLink:after{content:"";position:absolute;inset:0}.tutCard .tutCardLink:focus-visible{outline:none}.tutCard .tutCardImg{border-radius:5px;width:10rem;height:100%;margin-right:1rem;overflow:hidden}.tutCard .tutCardImg .hero-image{object-fit:contain;width:100%;height:100%}.tutCard .tutCardText{flex:1;min-width:0}.tutCard .tutCardText p{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;width:100%;margin:.5rem 0;font-size:.8rem;font-weight:400;display:-webkit-box;overflow:hidden}.tutCard .tutCardText p a{color:#4b5563;font-weight:600;text-decoration:none}.tutCard .tutCardText a:hover{color:#fca311}.tutCard .links{flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:flex-end;gap:.5rem;padding-left:.5rem;display:flex}.tutCard .additionals,.tutCard .videos{color:#4b5563;align-items:center;font-size:1.2rem;display:flex}.tutCard .additionals a,.tutCard .videos a{z-index:1;margin:0 .25rem;position:relative}.tutCard .additionals a:hover,.tutCard .videos a:hover{color:#fca311}.tutCard .status{color:#fff;pointer-events:none;border-radius:100px;padding:.3rem;font-size:.8rem;font-weight:600;position:absolute;bottom:.8rem;right:.8rem}.stable{background:#10b981}.beta{background:#fca311}.alpha{background:#ef4444}@media screen and (width<=540px){.tutCard{flex-direction:column;height:auto}.tutCard .tutCardImg{width:100%;height:10rem;margin:0 0 1rem}.tutCard .tutCardText{max-width:95%}.tutCard .links{flex-direction:row;order:-1;justify-content:flex-start;align-items:center;gap:1rem;width:100%;margin-bottom:.5rem;padding-left:0}}.filters{width:100%;margin-top:1rem}.filters .container{flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.text-input{justify-content:space-between;align-items:center;width:100%;margin:.2rem;display:flex}.text-input input{color:#4b5563;border:1px solid #ccc;border-radius:.25rem;width:100%;height:2.5rem;padding:0 .5rem;font-size:.8rem;font-weight:400}.text-input input:focus{border:2px solid #2684ff}.status-input,.language-input,.level-input{justify-content:flex-start;align-items:center;max-width:25rem;margin:.2rem;font-size:.8rem;display:flex}.videos-input{justify-content:space-around;align-items:center;width:6rem;margin:.5rem;display:flex}.videos-input label{color:#4b5563;font-size:1rem;font-weight:400}.videos-input input[type=checkbox]{appearance:none;cursor:pointer;background:#ccc;border-radius:100px;width:2rem;height:1rem;transition:all .4s;position:relative;box-shadow:inset 0 0 10px #0003}.videos-input input:checked[type=checkbox]{background:#2684ff}.videos-input input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:1rem;height:1rem;transition:all .4s;position:absolute;top:0;left:0;box-shadow:0 0 10px #0003}.videos-input input:checked[type=checkbox]:after{left:50%}@media screen and (width<=768px){.filters{flex-direction:column}.text-input{width:100%}.status-input,.language-input,.level-input{width:100%;max-width:100%}}.no-tuts{text-align:center;color:#4b556344;justify-content:center;align-items:center;width:100%;height:20rem;margin-top:2rem;font-size:3rem;font-weight:600;display:flex}