@use '../theme_colors.scss' as *;

.clipboard {
    entry {
        background: $base0B;
        color: $base00;
        padding: 8px 12px;
        border: none;

        margin-bottom: 6px;

        &:focus {
            outline: 2px solid $base00;
        }
    }

    .entry.primary {
        background: $base0C;

        &:hover>.content {
            color: $base0C;
        }
    }

    .entry {
        padding: 10px;
        background: $base0B;
        border-radius: 8px;
        transition: background 0.2s ease;

        &:hover {
            background: $base00;

            >.content {
                color: $base0B;
            }
        }

        .content {
            color: $base00;
            font-size: 14px;
            font-weight: 600;
        }
    }

    .not-found {
        background: $base0B;
        color: $base00;
        font-size: 14px;
        padding: 10px;
        border-radius: 8px;

        image {
            margin-bottom: 8px;
        }
    }
}