.p-checkbox { position: relative; display: inline-flex; user-select: none; vertical-align: bottom; width: var(--p-checkbox-width); height: var(--p-checkbox-height); }
.p-checkbox-input { cursor: pointer; appearance: none; position: absolute; inset-block-start: 0px; inset-inline-start: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; opacity: 0; z-index: 1; outline: none 0px; border: 1px solid transparent; border-radius: var(--p-checkbox-border-radius); }
.p-checkbox-box { display: flex; justify-content: center; align-items: center; border-radius: var(--p-checkbox-border-radius); border: 1px solid var(--p-checkbox-border-color); background: var(--p-checkbox-background); width: var(--p-checkbox-width); height: var(--p-checkbox-height); transition: background var(--p-checkbox-transition-duration),color var(--p-checkbox-transition-duration),border-color var(--p-checkbox-transition-duration),box-shadow var(--p-checkbox-transition-duration),outline-color var(--p-checkbox-transition-duration); outline-color: transparent; box-shadow: var(--p-checkbox-shadow); }
.p-checkbox-icon { transition-duration: var(--p-checkbox-transition-duration); color: var(--p-checkbox-icon-color); font-size: var(--p-checkbox-icon-size); width: var(--p-checkbox-icon-size); height: var(--p-checkbox-icon-size); }
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { border-color: var(--p-checkbox-hover-border-color); }
.p-checkbox-checked .p-checkbox-box { border-color: var(--p-checkbox-checked-border-color); background: var(--p-checkbox-checked-background); }
.p-checkbox-checked .p-checkbox-icon { color: var(--p-checkbox-icon-checked-color); }
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background: var(--p-checkbox-checked-hover-background); border-color: var(--p-checkbox-checked-hover-border-color); }
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-icon { color: var(--p-checkbox-icon-checked-hover-color); }
.p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { border-color: var(--p-checkbox-focus-border-color); box-shadow: var(--p-checkbox-focus-ring-shadow); outline: var(--p-checkbox-focus-ring-width) var(--p-checkbox-focus-ring-style) var(--p-checkbox-focus-ring-color); outline-offset: var(--p-checkbox-focus-ring-offset); }
.p-checkbox-checked:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box { border-color: var(--p-checkbox-checked-focus-border-color); }
.p-checkbox.p-invalid > .p-checkbox-box { border-color: var(--p-checkbox-invalid-border-color); }
.p-checkbox.p-variant-filled .p-checkbox-box { background: var(--p-checkbox-filled-background); }
.p-checkbox-checked.p-variant-filled .p-checkbox-box { background: var(--p-checkbox-checked-background); }
.p-checkbox-checked.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box { background: var(--p-checkbox-checked-hover-background); }
.p-checkbox.p-disabled { opacity: 1; }
.p-checkbox.p-disabled .p-checkbox-box { background: var(--p-checkbox-disabled-background); border-color: var(--p-checkbox-checked-disabled-border-color); }
.p-checkbox.p-disabled .p-checkbox-box .p-checkbox-icon { color: var(--p-checkbox-icon-disabled-color); }
.p-checkbox-sm, .p-checkbox-sm .p-checkbox-box { width: var(--p-checkbox-sm-width); height: var(--p-checkbox-sm-height); }
.p-checkbox-sm .p-checkbox-icon { font-size: var(--p-checkbox-icon-sm-size); width: var(--p-checkbox-icon-sm-size); height: var(--p-checkbox-icon-sm-size); }
.p-checkbox-lg, .p-checkbox-lg .p-checkbox-box { width: var(--p-checkbox-lg-width); height: var(--p-checkbox-lg-height); }
.p-checkbox-lg .p-checkbox-icon { font-size: var(--p-checkbox-icon-lg-size); width: var(--p-checkbox-icon-lg-size); height: var(--p-checkbox-icon-lg-size); }
p-checkbox.ng-invalid.ng-dirty .p-checkbox-box, p-check-box.ng-invalid.ng-dirty .p-checkbox-box, p-checkbox.ng-invalid.ng-dirty .p-checkbox-box { border-color: var(--p-checkbox-invalid-border-color); }