@use "sass:string";
@use "../input-panel/input-panel";
@use "../checkbox/checkbox";
@use "../../core/jkl";

$_checkbox-checked-animation-name: jkl-checkbox-checked-#{string.unique-id()};

@layer jokul.components {
    .jkl-checkbox-panel .jkl-checkbox {
        /* Visuell justering ettersom ikonet ikke fyller bounding box helt */
        margin-inline-start: -0.1em;
    }

    .jkl-checkbox-panel .jkl-checkbox__input:focus-visible + .jkl-checkbox__label::before {
        outline: none;
    }
}