/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/next@15.5.2_@babel+core@7.29.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/.pnpm/next@15.5.2_@babel+core@7.29.0_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./app/lib/component/Checkbox/Checkbox.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.Checkbox_wrapper__j_MiO {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
}

.Checkbox_wrapper__j_MiO:has(:disabled) {
    cursor: not-allowed;
    opacity: 0.5;
}

.Checkbox_checkbox___ubZe {
    appearance: none;
    width: 1rem;
    height: 1rem;
    border: 2px solid #d1d5db;
    border-radius: 0.25rem;
    background-color: white;
    cursor: inherit;
    position: relative;
    transition: all 0.2s;
}

.Checkbox_checkbox___ubZe:checked {
    background-color: var(--checkbox-color, #3b82f6);
    border-color: var(--checkbox-color, #3b82f6);
}

.Checkbox_checkbox___ubZe:checked::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.Checkbox_checkbox___ubZe:not(:disabled):hover {
    border-color: var(--checkbox-color, #3b82f6);
}

.Checkbox_checkbox___ubZe:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px white, 0 0 0 4px var(--checkbox-color, #3b82f6);
}

.Checkbox_label__1ma_W {
    color: #374151;
}

.Checkbox_wrapper__j_MiO:has(:disabled) .Checkbox_label__1ma_W {
    color: #9ca3af;
}