@layer design-system{.pacifico-ui-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.22s background-color ease-in-out;margin:0;cursor:pointer;height:2.7em;width:2.7em;display:flex;flex-direction:column;justify-content:center;align-items:center}.pacifico-ui-checkbox:before,.pacifico-ui-checkbox:after{content:" ";display:block;position:absolute}.pacifico-ui-checkbox:before{transition:.22s background-color ease-in-out;height:1.2em;width:1.2em;border-radius:3px}.pacifico-ui-checkbox:after{clip-path:polygon(8% 47%,0 52%,35% 100%,95% 15%,90% 1%,35% 80%);transform:scale(0);transform-origin:bottom left;height:.9em;width:.9em}.pacifico-ui-checkbox:checked:after{transform:scale(1)}.pacifico-ui-checkbox:disabled,.pacifico-ui-checkbox--disabled{cursor:not-allowed}.pacifico-ui-checkbox:disabled:checked:after,.pacifico-ui-checkbox--disabled:checked:after{clip-path:polygon(8% 47%,0 52%,35% 100%,95% 15%,90% 1%,35% 80%);transform:scale(1);transform-origin:bottom left;transition:.12s transform ease-in-out;box-shadow:inset 1em 1em #1c1b1f;height:.9em;width:.9em}.pacifico-ui-checkbox:disabled:hover,.pacifico-ui-checkbox--disabled:hover{background-color:unset}.pacifico-ui-checkbox:focus{outline:none}.pacifico-ui-checkbox--primary:before{background-color:transparent;border:2px solid var(--pacifico-ui-color-brand-cyan-500, #0099cc)}.pacifico-ui-checkbox--primary:checked:before{background-color:var(--pacifico-ui-color-brand-cyan-500, #0099cc)}.pacifico-ui-checkbox--primary:after{box-shadow:inset 1em 1em var(--pacifico-ui-color-brand-grayscale-10, #ffffff)}.pacifico-ui-checkbox--primary:hover,.pacifico-ui-checkbox--primary[data-hover=true]{background:var(--pacifico-ui-color-brand-cyan-50, #e8f9ff)}.pacifico-ui-checkbox--primary:disabled:before,.pacifico-ui-checkbox--primary--disabled:before{border-color:var(--pacifico-ui-color-brand-grayscale-300, #d4dbde);background:var(--pacifico-ui-color-brand-grayscale-50, #f9fafb)}.pacifico-ui-checkbox--primary:focus,.pacifico-ui-checkbox--primary[data-focus=true]{border:2px solid var(--pacifico-ui-color-brand-cyan-500, #0099cc);border-radius:5px}.pacifico-ui-checkbox--primary:indeterminate:before,.pacifico-ui-checkbox--primary[data-indeterminate=true]:before{background-color:var(--pacifico-ui-color-brand-cyan-500, #0099cc)}.pacifico-ui-checkbox--primary:indeterminate:after,.pacifico-ui-checkbox--primary[data-indeterminate=true]:after{clip-path:polygon(10% 56%,10% 40%,90% 40%,90% 56%);transform:scale(1);transition:unset}}