.hbf-root{text-align:center;width:100%;min-width:0;margin-bottom:.5rem;font-size:.875rem;line-height:1.6;display:block}body:not(.is-home) .hbf-root.hbf-home-only{display:none}.hbf-head{justify-content:center;align-items:center;gap:.4rem;display:flex}.hbf-title{letter-spacing:.02em;color:var(--deep-text);font-size:.95rem;font-weight:700}.hbf-head-icon{background:var(--btn-regular-bg);width:1.5rem;height:1.5rem;color:var(--btn-content);border-radius:.375rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.hbf-head-icon svg{width:1rem;height:1rem;display:block}.hbf-apply{background:color-mix(in oklab, var(--primary) 14%, transparent);height:1.375rem;color:var(--primary);border-radius:9999px;align-items:center;gap:.2rem;padding:0 .5rem;font-size:.6875rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.hbf-apply:hover{background:color-mix(in oklab, var(--primary) 24%, transparent)}.hbf-apply:active{transform:scale(.96)}.hbf-apply svg{width:.6875rem;height:.6875rem}.hbf-count{background:var(--btn-regular-bg);color:var(--btn-content);border-radius:9999px;padding:.05rem .4rem;font-size:.6875rem;font-weight:700}.hbf-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.875rem;display:flex}.hbf-item{border:1px solid color-mix(in oklab, var(--primary) 15%, transparent);background:var(--card-bg);max-width:14rem;height:2rem;color:var(--deep-text);border-radius:.625rem;align-items:center;gap:.4rem;padding:0 .625rem;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.hbf-item:hover{background:var(--btn-card-bg-hover);border-color:color-mix(in oklab, var(--primary) 40%, transparent);color:var(--primary)}@media (width>=768px){body.card-hover-lift-enabled .hbf-item:hover{box-shadow:0 4px 14px color-mix(in oklab, var(--primary) 18%, transparent);transform:translateY(-2px)}}.hbf-logo,.hbf-logo-ph{background:var(--btn-regular-bg);border-radius:.375rem;flex:none;width:1.125rem;height:1.125rem}.hbf-logo{object-fit:cover;display:block}.hbf-logo-ph{color:var(--primary);justify-content:center;align-items:center;display:inline-flex}.hbf-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.hbf-more{text-align:center;margin-top:.75rem}.hbf-more-btn{border:1px dashed color-mix(in oklab, var(--primary) 32%, transparent);min-width:3.5rem;height:1.75rem;color:color-mix(in oklab, var(--primary) 80%, var(--deep-text));background:0 0;border-radius:9999px;justify-content:center;align-items:center;padding:0;font-size:.8125rem;font-weight:700;line-height:1;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.hbf-more-btn:hover{background:color-mix(in oklab, var(--primary) 10%, transparent);border-color:color-mix(in oklab, var(--primary) 55%, transparent);color:var(--primary)}.hbf-more-icon{justify-content:center;align-items:center;width:1rem;height:1rem;display:inline-flex}.hbf-more-icon svg{width:100%;height:100%}.hbf-item:focus-visible,.hbf-apply:focus-visible,.hbf-more-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.hbf-compact{margin-bottom:0;font-size:.8125rem;line-height:1.5}.hbf-compact .hbf-head{gap:.35rem}.hbf-compact .hbf-head-icon{border-radius:.3125rem;width:1.25rem;height:1.25rem}.hbf-compact .hbf-head-icon svg{width:.875rem;height:.875rem}.hbf-compact .hbf-title{letter-spacing:.01em;font-size:.8125rem;font-weight:600}.hbf-compact .hbf-apply{height:1.25rem;padding:0 .4375rem;font-size:.625rem}.hbf-compact .hbf-apply svg{width:.625rem;height:.625rem}.hbf-compact .hbf-count{padding:.02rem .35rem;font-size:.625rem}.hbf-compact .hbf-list{gap:.375rem;margin-top:.5rem}.hbf-compact .hbf-item{border-radius:.5rem;gap:.3125rem;max-width:11rem;height:1.75rem;padding:0 .5rem;font-size:.75rem}.hbf-compact .hbf-logo,.hbf-compact .hbf-logo-ph{width:1rem;height:1rem}.hbf-compact .hbf-more{margin-top:.5rem}.hbf-compact .hbf-more-btn{min-width:1.75rem;height:1.75rem}html[data-banner-display=transparent] .footer-star-badge,html[data-banner-display=fullscreen][data-fullscreen-layout=hero] .footer-star-badge{background:0 0}
