@use "../mixins" as *;

.checklist {
    display: flex;
    flex-direction: column;
    row-gap: 1em;

    &__item {
        font-weight: 600;
        display: flex;

    }

    &__check {
        @include square(24px);

        background: var(--color-accent) url('../img/check.svg') no-repeat center;
        border-radius: var(--border-radius-5);
        min-width: 24px;
        align-self: flex-start;
        user-select: none;
        margin-right: 0.5em;
    }
}