@layer design-system{.pacifico-ui-checkbox{appearance:none;transition:background-color .22s 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:after,.pacifico-ui-checkbox:before{content:" ";display:block;position:absolute}.pacifico-ui-checkbox:before{transition:background-color .22s 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:transform .12s 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,#09c)}.pacifico-ui-checkbox--primary:checked:before{background-color:var(--pacifico-ui-color-brand-cyan-500,#09c)}.pacifico-ui-checkbox--primary:after{box-shadow:inset 1em 1em var(--pacifico-ui-color-brand-grayscale-10,#fff)}.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,#09c);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,#09c)}.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}}