.tutorial-reference-select{display:block;width:100%;padding:10px 5px;height:auto;background:#f8f9fa;border-color:var(--primary-color);border:none;cursor:pointer}.tutorial-reference-option{background:#fff;color:var(--primary-color);cursor:pointer}.tutorial-reference-select::-webkit-scrollbar{width:8px}.tutorial-reference-select::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);-moz-box-shadow:inset 0 0 6px rgb(0 0 0 / .3);box-shadow:inset 0 0 6px rgb(0 0 0 / .3)}.tutorial-reference-select::-webkit-scrollbar-thumb{background:var(--primary-color);outline:1px solid slategrey}.tutorial-reference-btn-container{display:flex;flex-wrap:wrap;justify-content:center;background-color:var(--light-color);border-bottom-left-radius:0;border-bottom-right-radius:0;max-width:800px;overflow:hidden;margin-bottom:30px}.tutorial-reference-btn{padding:12px 24px;font-size:1rem;width:20%;font-weight:500;color:#333;border:none;border:1px solid #fff;cursor:pointer;outline:none;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out;text-transform:capitalize;flex-grow:1;text-align:center}.tutorial-reference-btn:hover{background-color:#f5f5f5}.tutorial-reference-btn.active{background:linear-gradient(45deg,#2a73cc,#153966);color:#fff}.tutorial-reference-input-container{display:flex;flex-direction:row;align-items:center;margin-bottom:-30px;z-index:1000}.tutorial-reference-input-icon{position:absolute;padding-left:13px;font-size:16px;color:#999}.tutorial-reference-input{width:100%;height:40px;padding-left:40px;outline:none;border:1px solid #999;background:#fff;transition:all 0.5s ease-in-out}.tutorial-reference-input:focus{box-shadow:inset 0 0 2px 0 var(--primary-color);background:#f8f9fa;color:var(--primary-color);transition:all 0.5s ease-in-out}.tutorial-reference-table{margin:0!important;width:100%;table-layout:auto;caption-side:top}.tutorial-reference-table thead tr{display:table-row}.tutorial-reference-table tr.show{display:table-row}.tutorial-reference-table thead tr td,.tutorial-reference-table thead tr th{text-transform:uppercase;background:var(--light-color);color:#333}@media screen and (max-width:980px){.tutorial-reference-btn-container{flex-wrap:wrap}.html-tags-btn{flex:33%}}@media screen and (max-width:680px){.tutorial-reference-input{font-size:14px}.tutorial-reference-btn-container{flex-wrap:wrap}.tutorial-reference-btn{flex:33%;font-size:14px;padding:5px}}.tutorial-not-found{padding:20px}.tutorial-not-found{display:flex;justify-content:center;text-align:center}.tutorial-not-found h3:before{display:block;width:92px;height:92px;line-height:92px;margin:auto;font-family:'tutsinsider';content:'\e927';margin-top:30px;font-size:90px;background:#333;padding:2px;border-radius:50%;color:red}.tutorial-not-found-text{text-align:center}.tutorial-not-found h3{text-align:center;margin:10px}.filter-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:30px;margin-bottom:10px;padding:0}.filter-btn{flex:1 1 120px;max-width:100%;padding:8px 12px;font-size:.95rem;font-weight:500;color:#333;background:var(--light-color,#f9f9f9);border:1px solid #ddd;border-radius:6px;cursor:pointer;text-align:center;transition:background 0.2s ease,border-color 0.2s ease;text-transform:capitalize}.filter-btn:hover{background:#eaeaea;border-color:#ccc}.filter-btn.active{background:var(--primary-color,#0d6efd);color:#fff;border-color:var(--primary-color,#0d6efd)}.filter-search-wrapper{position:relative;flex:1 1 100%;max-width:100%;margin:10px 0}.filter-search-input{width:100%;padding:10px 12px 10px 38px;font-size:.95rem;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:50px;box-shadow:0 1px 6px 0 #20212447;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease}.filter-search-input:hover{border-color:#999;box-shadow:0 1px 6px 0 #20212466}.filter-search-input:focus{border-color:var(--primary-color,#0d6efd);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2a73cc55,inset 0 1px 2px rgb(0 0 0 / .2)}.filter-search-wrapper:focus-within .filter-search-icon{color:var(--primary-color,#0d6efd)}.filter-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.95rem;color:#888;pointer-events:none;line-height:1}.hide{display:none!important}.filter-not-found{width:100%}li.filter-not-found{list-style-type:none;margin:0!important;padding:0!important}ul:has(li.filter-not-found),ol:has(li.filter-not-found){columns:1!important}.nothing-cell{width:100%;display:table-cell;padding:24px 20px;text-align:center;color:#4a4a4a;background-color:#fdfdfd}.nothing-wrap{width:100%;margin:40px auto 30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.nothing-title{font-size:1.25rem;font-weight:600;margin:12px 0 6px;color:#222;position:relative}.nothing-title::before{content:'\e96a';font-family:'tutsinsider';display:block;width:72px;height:72px;line-height:72px;margin:0 auto 14px;font-size:72px;color:#d9534f;border-radius:50%;box-shadow:0 0 0 4px #fff,0 2px 6px rgb(0 0 0 / .1)}.nothing-text{font-size:.96rem;color:#555;line-height:1.6;margin-top:4px}