.cl-checkboxInput{position:relative;line-height:var(--cl-line-height-small)}.cl-checkboxInput>label{display:inline-block;background-color:var(--cl-color-container-01);font-size:var(--cl-font-size-medium);font-weight:var(--cl-font-weight-light);color:var(--cl-color-text-01);cursor:pointer;padding:16px 16px 16px 52px;border:1px solid var(--cl-color-border-01);border-radius:var(--cl-border-radius-medium)}@media(width >= 600px){.cl-checkboxInput>label{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0)}}.cl-checkboxInput>input[type=checkbox],.cl-checkboxInput>input[type=radio]{position:absolute;opacity:0}.cl-checkboxInput>input[type=checkbox]:focus-visible+label,.cl-checkboxInput>input[type=radio]:focus-visible+label{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}@media(width >= 600px){.cl-checkboxInput>input[type=checkbox]:focus-visible+label,.cl-checkboxInput>input[type=radio]:focus-visible+label{border-color:rgba(0,0,0,0);outline:none}.cl-checkboxInput>input[type=checkbox]:focus-visible+label::before,.cl-checkboxInput>input[type=radio]:focus-visible+label::before{outline-offset:2px;outline:2px solid var(--cl-color-focus-01)}}.cl-checkboxInput>input[type=checkbox]:checked+label,.cl-checkboxInput>input[type=radio]:checked+label{box-shadow:0 0 0 1px var(--cl-color-border-01)}@media(width >= 600px){.cl-checkboxInput>input[type=checkbox]:checked+label,.cl-checkboxInput>input[type=radio]:checked+label{box-shadow:none}}.cl-checkboxInput>input[type=checkbox]:checked+label::after,.cl-checkboxInput>input[type=radio]:checked+label::after{opacity:1}.cl-checkboxInput>input[type=checkbox]:disabled+label,.cl-checkboxInput>input[type=radio]:disabled+label{cursor:not-allowed;border-color:rgba(0,0,0,0);color:var(--cl-color-disabled-01);background-color:var(--cl-color-disabled-02)}@media(width >= 600px){.cl-checkboxInput>input[type=checkbox]:disabled+label,.cl-checkboxInput>input[type=radio]:disabled+label{background-color:rgba(0,0,0,0)}}.cl-checkboxInput>input[type=checkbox]:disabled+label::before,.cl-checkboxInput>input[type=radio]:disabled+label::before{background-color:var(--cl-color-disabled-02);border-color:var(--cl-color-disabled-01)}.cl-checkboxInput>input[type=checkbox]:disabled:checked+label,.cl-checkboxInput>input[type=radio]:disabled:checked+label{box-shadow:none}@media(width >= 600px){.cl-checkboxInput.-secondary>label{border-color:var(--cl-color-border-01);background-color:var(--cl-color-container-01)}}.cl-checkboxInput.-secondary>input[type=checkbox]:focus-visible+label,.cl-checkboxInput.-secondary>input[type=radio]:focus-visible+label{outline-offset:2px;outline:2px solid var(--cl-color-focus-01);border-color:var(--cl-color-border-01)}.cl-checkboxInput.-secondary>input[type=checkbox]:focus-visible+label::before,.cl-checkboxInput.-secondary>input[type=radio]:focus-visible+label::before{outline:none}.cl-checkboxInput.-secondary>input[type=checkbox]:checked+label,.cl-checkboxInput.-secondary>input[type=radio]:checked+label{box-shadow:0 0 0 1px var(--cl-color-border-01)}.cl-checkboxInput.-secondary>input[type=checkbox]:disabled+label,.cl-checkboxInput.-secondary>input[type=radio]:disabled+label{background-color:var(--cl-color-disabled-02);box-shadow:none}.cl-checkboxInput>label::before{content:"";position:absolute;top:29px;border:2px solid var(--cl-color-border-01);border-radius:var(--cl-border-radius-small);left:17px;height:24px;width:24px;transform:translate(0, -50%)}[data-cl-brand=hubspot-2025] .cl-checkboxInput>label::before{background-color:var(--cl-color-container-01);background-image:linear-gradient(var(--cl-color-container-02), var(--cl-color-container-02))}.cl-checkboxInput>label::after{opacity:0;position:absolute;content:"";display:block;top:25px;left:20px;width:8px;height:14px;border-style:solid;border-color:var(--cl-color-icon-01);border-width:0 2px 2px 0;transform:rotate(45deg) translate(0, -50%)}.cl-checkboxInput>input[type=checkbox]:checked+label::before{border:2px solid var(--cl-color-border-01)}.cl-checkboxInput>input[type=checkbox]:disabled+label::before,.cl-checkboxInput>input[type=checkbox]:disabled+label::after{border-color:var(--cl-color-disabled-01)}