@square/maker/components/Checkbox/styles.css

📚 Maker Design System by Square

.\1F4DA 4-7-0160dX{position:relative;display:inline-block;line-height:0;cursor:pointer;-webkit-user-select:none;user-select:none;--color-border:rgba(0,0,0,0.3);--color-border-active:rgba(0,0,0,0.9);--color-background:rgba(0,0,0,0.9);--color-foreground:hsla(0,0%,100%,0.95);--color-disabled:rgba(0,0,0,0.05);--color-disabled-checked:rgba(0,0,0,0.15);--color-error:#ce3217}.\1F4DA 4-7-03oxtH{box-sizing:border-box;width:20px;height:20px;margin:0;padding:0;background-color:#fff;border:1px solid var(--color-border);border-radius:4px;outline:none;cursor:inherit;transition:background-color .2s ease;-webkit-appearance:none;appearance:none}.\1F4DA 4-7-03oxtH:invalid{border-color:var(--color-error)}.\1F4DA 4-7-03oxtH:disabled{background-color:var(--color-disabled);border-color:var(--color-disabled);cursor:not-allowed}.\1F4DA 4-7-03oxtH:checked{background-color:var(--color-background)}.\1F4DA 4-7-03oxtH:checked,.\1F4DA 4-7-03oxtH:hover:not(:disabled):not(:invalid){border-color:var(--color-border-active)}.\1F4DA 4-7-03oxtH:checked:disabled{background-color:var(--color-disabled-checked);border-color:var(--color-disabled)}.\1F4DA 4-7-03oxtH:checked:invalid{background-color:var(--color-error);border-color:var(--color-error)}.\1F4DA 4-7-01Rfli{position:absolute;top:5px;left:3px;width:14px;height:14px;opacity:0;transition:opacity .2s ease;pointer-events:none;fill:none;stroke:var(--color-foreground);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.\1F4DA 4-7-03oxtH:checked+.\1F4DA 4-7-01Rfli{opacity:1}