.cb-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9998;opacity:0;pointer-events:none;background:#0f2d5e66;transition:opacity .3s;position:fixed;inset:0}.cb-backdrop.cb-visible{opacity:1;pointer-events:auto}.cb-panel-container{z-index:9999;opacity:0;pointer-events:none;padding:1rem;transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .6s;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}@media (min-width:768px){.cb-panel-container{padding:1.5rem}}.cb-panel-container.cb-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.cb-panel{-webkit-backdrop-filter:blur(16px);max-width:48rem;color:var(--hf-black,#111);background:#fffffff2;border:1px solid #0000000d;border-radius:1.5rem;margin:0 auto;padding:1.5rem;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (min-width:768px){.cb-panel{padding:2rem}}.cb-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.cb-close:hover{color:var(--hf-black,#111);background:#0000000d}.cb-header h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:700}@media (min-width:768px){.cb-header h2{font-size:1.5rem}}.cb-header p{color:#4b5563;margin:0 0 1.5rem;font-size:.875rem;line-height:1.6}@media (min-width:768px){.cb-header p{font-size:1rem}}.cb-categories{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.cb-category{background:#f9fafb80;border:1px solid #0000000d;border-radius:1rem;padding:1rem}.cb-category-header{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.cb-category-header{flex-direction:row;justify-content:space-between;align-items:center}}.cb-category-label{cursor:pointer;align-items:center;gap:.75rem;display:flex}.cb-category-label input{width:1.25rem;height:1.25rem;accent-color:var(--hf-blue-mid,#0f2d5e);cursor:pointer;border:1px solid #d1d5db;border-radius:.25rem}.cb-category-label input:disabled{cursor:default}.cb-category-title{color:var(--hf-black,#111);font-size:1rem;font-weight:600;transition:color .2s}.cb-category-label:hover:not(.disabled) .cb-category-title{color:var(--hf-blue-mid,#0f2d5e)}.cb-badge{color:var(--hf-blue-mid,#0f2d5e);background:#0f2d5e1a;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.cb-details-toggle{color:#6b7280;cursor:pointer;text-align:left;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:500;transition:color .2s}@media (min-width:768px){.cb-details-toggle{font-size:.875rem}}.cb-details-toggle:hover{color:var(--hf-black,#111)}.cb-details-content{max-height:0;transition:max-height .3s;overflow:hidden}.cb-details-content p{color:#6b7280;margin:.75rem 0 0;font-size:.75rem;line-height:1.6}@media (min-width:768px){.cb-details-content p{font-size:.875rem}}.cb-actions{flex-direction:column;gap:.75rem;display:flex}@media (min-width:640px){.cb-actions{flex-direction:row;justify-content:flex-end;align-items:center}}.cb-btn{cursor:pointer;text-align:center;border-radius:.75rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s}.cb-btn-outline{color:#4b5563;background:0 0;border:1px solid #0000001a}.cb-btn-outline:hover{color:var(--hf-black,#111);background:#0000000d;border-color:#0003}.cb-btn-primary{background:var(--hf-blue-mid,var(--hf-blue,#0f2d5e));border:1px solid var(--hf-blue-mid,var(--hf-blue,#0f2d5e));color:#fff;font-weight:600;box-shadow:0 10px 15px -3px #0f2d5e33}.cb-btn-primary:hover{opacity:.9;box-shadow:0 10px 20px -3px #0f2d5e4d}.cb-footer{flex-direction:column-reverse;align-items:center;gap:1.5rem;display:flex}@media (min-width:640px){.cb-footer{flex-direction:row;justify-content:space-between}}.cb-privacy-link{color:#6b7280;font-size:.875rem;text-decoration:underline;transition:color .2s}.cb-privacy-link:hover{color:var(--hf-black,#111)}