:where(.motile-checkbox-container){display:inline-flex;flex-direction:column;gap:4px}:where(.motile-checkbox-wrapper){display:flex;align-items:center;gap:8px;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}:where(.motile-checkbox-container--disabled .motile-checkbox-wrapper){cursor:not-allowed;opacity:.6}:where(.motile-checkbox){position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}:where(.motile-checkbox:focus){outline:none}:where(.motile-checkbox__mark){position:relative;width:20px;height:20px;min-width:20px;min-height:20px;border:2px solid #d1d5db;border-radius:4px;background-color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box}:where(.motile-checkbox--rounded+.motile-checkbox__mark){border-radius:50%}:where(.motile-checkbox--square+.motile-checkbox__mark){border-radius:0}:where(.motile-checkbox--large+.motile-checkbox__mark){width:24px;height:24px;min-width:24px;min-height:24px}:where(.motile-checkbox--large+.motile-checkbox__mark .motile-checkbox__check-icon){width:14px;height:14px}:where(.motile-checkbox--medium+.motile-checkbox__mark){width:20px;height:20px;min-width:20px;min-height:20px}:where(.motile-checkbox--medium+.motile-checkbox__mark .motile-checkbox__check-icon){width:12px;height:12px}:where(.motile-checkbox--small+.motile-checkbox__mark){width:16px;height:16px;min-width:16px;min-height:16px}:where(.motile-checkbox--small+.motile-checkbox__mark .motile-checkbox__check-icon){width:10px;height:10px}:where(.motile-checkbox__check-icon){width:12px;height:12px;color:#fff;flex-shrink:0;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1)}:where(.motile-checkbox__check-icon path){stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .3s cubic-bezier(.65,0,.35,1) .05s}:where(.motile-checkbox--filled+.motile-checkbox__mark){background-color:#e5e7eb;border-color:#e5e7eb}:where(.motile-checkbox--filled+.motile-checkbox__mark .motile-checkbox__check-icon){opacity:1;transform:scale(1)}:where(.motile-checkbox--filled+.motile-checkbox__mark .motile-checkbox__check-icon path){stroke-dashoffset:0}:where(.motile-checkbox:checked+.motile-checkbox__mark){background-color:var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) );border-color:var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) );animation:checkboxBounce .4s cubic-bezier(.68,-.55,.265,1.55)}:where(.motile-checkbox:checked+.motile-checkbox__mark .motile-checkbox__check-icon){opacity:1;transform:scale(1)}:where(.motile-checkbox:checked+.motile-checkbox__mark .motile-checkbox__check-icon path){stroke-dashoffset:0}:where(.motile-checkbox--filled:checked+.motile-checkbox__mark){background-color:var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) );border-color:var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) )}@keyframes checkboxBounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}:where(.motile-checkbox-container:not(.motile-checkbox-container--filled) .motile-checkbox-wrapper:hover .motile-checkbox__mark){border-color:var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) )}:where(.motile-checkbox-container:not(.motile-checkbox-container--filled) .motile-checkbox:checked+.motile-checkbox__mark:hover){background-color:color-mix(in srgb,var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) ) 90%,black);border-color:color-mix(in srgb,var( --motile-checkbox-color,var(--motile-ui-checkbox,var(--motile-theme,#3b82f6)) ) 90%,black)}:where(.motile-checkbox:disabled+.motile-checkbox__mark){background-color:#f3f4f6;border-color:#d1d5db;cursor:not-allowed}:where(.motile-checkbox:disabled:checked+.motile-checkbox__mark){background-color:#d1d5db;border-color:#d1d5db}:where(.motile-checkbox__label){font-size:14px;color:#374151;cursor:pointer;margin:0;padding:0}:where(.motile-checkbox-container--large .motile-checkbox__label){font-size:16px}:where(.motile-checkbox-container--medium .motile-checkbox__label){font-size:14px}:where(.motile-checkbox-container--small .motile-checkbox__label){font-size:12px}:where(.motile-checkbox__label--disabled){color:#9ca3af;cursor:not-allowed}