.hdk-theloai-breadcrumb .breadcrumb-item,.hdk-theloai-breadcrumb .breadcrumb-item a{align-items:center;gap:.25rem;display:flex}body.the-loai{background-image:radial-gradient(at 40% 20%,rgba(84,207,214,.1) 0,transparent 50%),radial-gradient(at 80% 0,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 50%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 80% 50%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 100%,rgba(84,207,214,.1) 0,transparent 50%),radial-gradient(at 80% 100%,rgba(84,207,214,.05) 0,transparent 50%),radial-gradient(at 0 0,rgba(84,207,214,.05) 0,transparent 50%)}.hdk-theloai-page{padding:1rem 0;min-height:calc(100svh - 200px);position:relative}.hdk-theloai-content-wrapper{background:var(--hdk-background,#fff);border-radius:20px;border:1px solid var(--hdk-border,#e1eaef)}.dark .hdk-theloai-card,.dark .hdk-theloai-content-wrapper,.dark .hdk-theloai-search,.dark .hdk-theloai-top-card{background:var(--hdk-card,#17181c);border-color:var(--hdk-border,#242628)}.hdk-theloai-breadcrumb{margin-bottom:1rem;padding:0 .5rem}.hdk-theloai-breadcrumb .breadcrumb{background:0 0;padding:0;margin:0;font-size:.8125rem}.dark .hdk-theloai-card:hover,.dark .hdk-theloai-top-card:hover,.hdk-clear-btn:hover{background:rgba(84,207,214,.1)}.hdk-theloai-breadcrumb .breadcrumb-item a{color:var(--hdk-text-secondary,#536471);text-decoration:none;transition:color .2s}.hdk-theloai-breadcrumb .breadcrumb-item a:hover{color:var(--hdk-primary,#54cfd6)}.hdk-theloai-breadcrumb .breadcrumb-item a iconify-icon{font-size:1rem}.hdk-theloai-breadcrumb .breadcrumb-item.active{color:var(--hdk-text-primary,#0f1419);font-weight:600}.dark .hdk-theloai-breadcrumb .breadcrumb-item.active,.dark .hdk-theloai-card-name,.dark .hdk-theloai-search input,.dark .hdk-theloai-section-title,.dark .hdk-theloai-title-area h1,.dark .hdk-theloai-top-name{color:var(--hdk-text-primary,#e7e9ea)}.hdk-theloai-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"›";color:var(--hdk-text-muted,#8899a6);padding:0 .5rem}.hdk-theloai-header{margin-bottom:1.5rem;padding:0 .5rem}.hdk-theloai-header-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.hdk-theloai-icon-wrapper{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#54cfd6 0,#3a9ea5 100%);color:#fff;flex-shrink:0}.hdk-clear-btn,.hdk-theloai-search{align-items:center;display:flex;transition:.2s}.hdk-theloai-icon-wrapper iconify-icon{font-size:1.5rem}.hdk-theloai-title-area h1{font-size:1.25rem;font-weight:700;color:var(--hdk-text-primary,#0f1419);margin:0}.hdk-clear-btn,.hdk-theloai-search iconify-icon,.hdk-theloai-subtitle{color:var(--hdk-text-secondary,#536471)}.hdk-theloai-subtitle{font-size:.8125rem;margin:.125rem 0 0}.hdk-theloai-search-wrapper{max-width:500px}.hdk-theloai-search{gap:.5rem;padding:.625rem 1rem;background:var(--hdk-card,#f7f8f8);border:1px solid var(--hdk-border,#e1eaef);border-radius:.75rem}.hdk-theloai-search:focus-within{border-color:var(--hdk-primary,#54cfd6);box-shadow:0 0 0 3px rgba(84,207,214,.1)}.hdk-theloai-search iconify-icon{font-size:1.125rem;flex-shrink:0}.hdk-theloai-search input{flex:1;border:none;background:0 0;font-size:.875rem;color:var(--hdk-text-primary,#0f1419);outline:0}.hdk-theloai-search input::placeholder{color:var(--hdk-text-muted,#8899a6)}.hdk-clear-btn{justify-content:center;width:1.5rem;height:1.5rem;border:none;background:0 0;cursor:pointer;border-radius:50%}.hdk-clear-btn:hover{color:var(--hdk-primary,#54cfd6)}.hdk-theloai-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;color:var(--hdk-text-primary,#0f1419);margin:0 0 1rem;padding:0 .5rem}.hdk-theloai-section-title iconify-icon{font-size:1.25rem;color:var(--hdk-primary,#54cfd6)}.hdk-theloai-top-section{margin-bottom:2rem}.hdk-theloai-top-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0 .5rem}.hdk-theloai-top-card{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem 1rem;background:var(--hdk-card,#f7f8f8);border:1px solid var(--hdk-border,#e1eaef);border-radius:.75rem;text-decoration:none;transition:.2s;position:relative;overflow:hidden;min-height:4.5rem}.hdk-theloai-top-card:hover{border-color:var(--hdk-primary,#54cfd6);background:rgba(84,207,214,.05);transform:translateY(-2px);text-decoration:none}.hdk-theloai-top-rank{font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#54cfd6 0,#3a9ea5 100%);padding:.125rem .375rem;border-radius:.375rem;flex-shrink:0}.hdk-theloai-top-card:first-child .hdk-theloai-top-rank{background:linear-gradient(135deg,gold 0,#f5a623 100%)}.hdk-theloai-top-card:nth-child(2) .hdk-theloai-top-rank{background:linear-gradient(135deg,silver 0,#a8a8a8 100%)}.hdk-theloai-top-card:nth-child(3) .hdk-theloai-top-rank{background:linear-gradient(135deg,#cd7f32 0,#b5651d 100%)}.hdk-theloai-card-content,.hdk-theloai-top-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.hdk-theloai-top-name{font-size:.875rem;font-weight:600;color:var(--hdk-text-primary,#0f1419);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hdk-theloai-top-count{font-size:.6875rem;color:var(--hdk-text-secondary,#536471)}.hdk-theloai-top-arrow{font-size:1rem;color:var(--hdk-text-muted,#8899a6);opacity:0;transition:.2s;flex-shrink:0}.hdk-theloai-card:hover .hdk-theloai-card-arrow,.hdk-theloai-top-card:hover .hdk-theloai-top-arrow{opacity:1;color:var(--hdk-primary,#54cfd6)}.hdk-theloai-all-section{margin-top:1.5rem}.hdk-theloai-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center;color:var(--hdk-text-secondary,#536471)}.hdk-theloai-no-results iconify-icon{font-size:3rem;color:var(--hdk-primary,#54cfd6);opacity:.5;margin-bottom:1rem}.hdk-theloai-no-results p{margin:0 0 1rem;font-size:.9375rem}.hdk-btn-outline{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--hdk-primary,#54cfd6);background:0 0;border:1px solid var(--hdk-primary,#54cfd6);border-radius:.5rem;cursor:pointer;transition:.2s}.hdk-theloai-card-name,.hdk-theloai-group-title{font-weight:600;color:var(--hdk-text-primary,#0f1419)}.hdk-btn-outline:hover{background:var(--hdk-primary,#54cfd6);color:#fff}.hdk-theloai-group{margin-bottom:1.5rem;padding:0 .5rem;animation:.3s forwards fadeIn}.hdk-theloai-group-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--hdk-border,#e1eaef)}.dark .hdk-theloai-group-title{color:var(--hdk-text-primary,#e7e9ea);border-color:var(--hdk-border,#242628)}.hdk-theloai-group-title iconify-icon{font-size:1.125rem;color:var(--hdk-primary,#54cfd6)}.hdk-theloai-group-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}@media (min-width:576px){.hdk-theloai-top-grid{grid-template-columns:repeat(2,1fr)}.hdk-theloai-group-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.hdk-theloai-group-grid,.hdk-theloai-top-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:992px){.hdk-theloai-group-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1200px){.hdk-theloai-top-grid{grid-template-columns:repeat(4,1fr)}.hdk-theloai-group-grid{grid-template-columns:repeat(6,1fr)}}.hdk-theloai-card{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;background:var(--hdk-card,#f7f8f8);border:1px solid var(--hdk-border,#e1eaef);border-radius:.625rem;text-decoration:none;transition:.2s}.hdk-theloai-card:hover{border-color:var(--hdk-primary,#54cfd6);background:rgba(84,207,214,.05);transform:translateY(-1px);text-decoration:none}.hdk-theloai-card-name{font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdk-theloai-card-count{display:flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--hdk-text-secondary,#536471)}.hdk-theloai-card-count iconify-icon{font-size:.75rem}.hdk-theloai-card-arrow{font-size:.875rem;color:var(--hdk-text-muted,#8899a6);opacity:0;transition:.2s;flex-shrink:0}@media (max-width:575.98px){.hdk-theloai-header-top{flex-wrap:wrap}.hdk-theloai-icon-wrapper{width:2.5rem;height:2.5rem}.hdk-theloai-icon-wrapper iconify-icon{font-size:1.25rem}.hdk-theloai-title-area h1{font-size:1.125rem}.hdk-theloai-search-wrapper{width:100%;margin-top:.5rem}.hdk-theloai-top-card{padding:.5rem}.hdk-theloai-card-arrow,.hdk-theloai-top-arrow{display:none}}.dark .hdk-theloai-card-count,.dark .hdk-theloai-subtitle,.dark .hdk-theloai-top-count{color:var(--hdk-text-secondary,#8899a6)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hdk-theloai-group:nth-child(2){animation-delay:50ms}.hdk-theloai-group:nth-child(3){animation-delay:.1s}.hdk-theloai-group:nth-child(4){animation-delay:.15s}.hdk-theloai-group:nth-child(5){animation-delay:.2s}.hdk-theloai-group:nth-child(6){animation-delay:.25s}.hdk-theloai-group:nth-child(7){animation-delay:.3s}.hdk-theloai-group:nth-child(8){animation-delay:.35s}.hdk-theloai-group:nth-child(9){animation-delay:.4s}.hdk-theloai-group:nth-child(10){animation-delay:.45s}