.checkbox{--checkbox-size:var(--space-size-s);--checkbox-default-background-color:transparent;--checkbox-focus-background-color:transparent;--checkbox-active-background-color:var(--color-button-light);--checkbox-active-border-color:var(--color-button-light)}.checkbox--variant-light{--checkbox-default-border-color:var(--color-seperator-dark---20);--checkbox-focus-border-color:var(--color-seperator-dark---20)}.checkbox--variant-dark,.page-section--variant-primary .checkbox--variant-light{--checkbox-default-border-color:var(--color-body-text-secondary---20);--checkbox-focus-border-color:var(--color-body-text-secondary---20)}.checkbox__label{display:inline-block;cursor:pointer;position:relative;margin:0;min-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) + var(--space-size-xs-s))}.checkbox__label:after,.checkbox__label:before{content:"";display:inline-block;position:absolute;top:var(--space-size-3xs);left:0;width:var(--checkbox-size);height:var(--checkbox-size);border-radius:var(--space-size-3xs);transition:background-color var(--transition-default-duration) var(--transition-default-timing-function),border-color var(--transition-default-duration) var(--transition-default-timing-function)}.checkbox__label:before{border:1px solid var(--checkbox-default-border-color);background-color:var(--checkbox-default-background-color)}.checkbox:hover .checkbox__label:before,.checkbox__input:focus+.checkbox__label:before{background-color:var(--checkbox-focus-background-color);border-color:var(--checkbox-focus-border-color)}.checkbox--error .checkbox__label:before{border-color:var(--color-error)}.checkbox__label:after{background-repeat:no-repeat;background-position:50%;background-size:contain}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:rect(0 0 0 0);white-space:nowrap;border:0}.checkbox__input:checked+.checkbox__label:before{background-color:var(--checkbox-active-background-color);border-color:var(--checkbox-active-border-color)}.checkbox__input:checked+.checkbox__label:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23914017' d='m11.556 5.365.342.365-4.81 4.51-.342.32L4 7.984l.342-.364.342-.365 2.062 1.933L11.214 5z'/%3E%3C/svg%3E")}.checkbox__input:disabled+.checkbox__label{cursor:default;opacity:.2}.checkbox__input:disabled:checked+.checkbox__label{opacity:.2}