.hp-checkbox-host{width:fit-content;max-width:100%;display:block}.hp-checkbox{width:fit-content;max-width:100%;font:inherit;color:var(--hp-n-900);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;margin:0;padding:2px 0;font-size:13px;display:inline-flex;position:relative}.hp-checkbox--disabled{opacity:.55;cursor:not-allowed}.hp-checkbox__input{opacity:0;clip:rect(0, 0, 0, 0);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.hp-checkbox__box{border:1.5px solid var(--hp-n-400);background:var(--hp-surface);width:16px;height:16px;transition:background var(--hp-motion-fast) var(--hp-ease), border-color var(--hp-motion-fast) var(--hp-ease), box-shadow var(--hp-motion-fast) var(--hp-ease);color:#fff;box-sizing:border-box;border-radius:4px;flex:none;place-items:center;margin-top:2px;display:grid}.hp-checkbox__input:focus-visible+.hp-checkbox__box{box-shadow:var(--hp-focus-ring);border-color:var(--hp-primary-500)}@media (hover:hover) and (pointer:fine){.hp-checkbox:hover:not(.hp-checkbox--disabled) .hp-checkbox__box{border-color:var(--hp-primary-500)}}.hp-checkbox__input:checked+.hp-checkbox__box,.hp-checkbox__input:indeterminate+.hp-checkbox__box{background:var(--hp-primary-500);border-color:var(--hp-primary-500)}.hp-checkbox__mark{width:10px;height:10px;display:none}.hp-checkbox__input:checked+.hp-checkbox__box .hp-checkbox__mark--check{display:block}.hp-checkbox__input:indeterminate+.hp-checkbox__box .hp-checkbox__mark--check{display:none}.hp-checkbox__input:indeterminate+.hp-checkbox__box .hp-checkbox__mark--indeterminate{display:block}.hp-checkbox__label{min-width:0;padding-top:1px;line-height:1.45}.hp-checkbox__desc{color:var(--hp-n-400);margin-top:3px;font-size:12px;font-weight:400;line-height:1.4;display:block}.hp-checkbox-group{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:2px 0;display:flex}.hp-checkbox-group__item{width:fit-content;max-width:100%;display:block}.hp-checkbox-group--horizontal{flex-flow:wrap;align-items:flex-start;gap:14px 24px}